You are here

README.txt in css3pie 6

Same filename and directory in other branches
  1. 7.2 README.txt
CSS3PIE is a very simple Drupal module to implement the css3pie.com javascript functionality 
to your Drupal and make the css selectors configurable over user interface. This module creates 
a real css file on Drupal's files folder and adds them via drupal_add_css.

Requirements:
--------------
Modules: libraries
3rd party libraries: Latest version of PIE library from http://css3pie.com

Installation:
--------------
Donwload the module and extract it to the modules directory.
Download the PIE Library from http://css3pie.com and place it to /sites/all/libraries/PIE.

Configuration:
--------------
Go to admin/config/user-interface/css3pie and configure as you want. In the textarea use one line for every
selector (don't use a comma).
If you have problems with the file mimetype on .htc files you can set the php wrapper option
to yes and the file comes with a own mimetype header.

The CSS File will be rebuilt if you save the options.

NOTICE:
You don't need to load the PIE.htc file manually in your themes css file. This module will do the hooking of PIE.htc automatically.

In the CSS of your theme you can now use CSS3-declaration like the following example for rounded corners:

#id, .class {
  position:relative;
  z-index: 999;
  border-radius: 8px;
  -opera-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

Implement hook_css3pie() in your own module:
--------------
You can use the hook_css3pie() in your own module to provide an array with selectors
that you are using.

  Example:
  --------
  hook_css3pie() {
    return array('yourmodulename' => array(
      '.class1', '.class2', '.class3',
    ));
  }

File

README.txt
View source
  1. CSS3PIE is a very simple Drupal module to implement the css3pie.com javascript functionality
  2. to your Drupal and make the css selectors configurable over user interface. This module creates
  3. a real css file on Drupal's files folder and adds them via drupal_add_css.
  4. Requirements:
  5. --------------
  6. Modules: libraries
  7. 3rd party libraries: Latest version of PIE library from http://css3pie.com
  8. Installation:
  9. --------------
  10. Donwload the module and extract it to the modules directory.
  11. Download the PIE Library from http://css3pie.com and place it to /sites/all/libraries/PIE.
  12. Configuration:
  13. --------------
  14. Go to admin/config/user-interface/css3pie and configure as you want. In the textarea use one line for every
  15. selector (don't use a comma).
  16. If you have problems with the file mimetype on .htc files you can set the php wrapper option
  17. to yes and the file comes with a own mimetype header.
  18. The CSS File will be rebuilt if you save the options.
  19. NOTICE:
  20. You don't need to load the PIE.htc file manually in your themes css file. This module will do the hooking of PIE.htc automatically.
  21. In the CSS of your theme you can now use CSS3-declaration like the following example for rounded corners:
  22. #id, .class {
  23. position:relative;
  24. z-index: 999;
  25. border-radius: 8px;
  26. -opera-border-radius: 8px;
  27. -webkit-border-radius: 8px;
  28. -moz-border-radius: 8px;
  29. }
  30. Implement hook_css3pie() in your own module:
  31. --------------
  32. You can use the hook_css3pie() in your own module to provide an array with selectors
  33. that you are using.
  34. Example:
  35. --------
  36. hook_css3pie() {
  37. return array('yourmodulename' => array(
  38. '.class1', '.class2', '.class3',
  39. ));
  40. }