User login

How to add a stylesheet in Drupal for a module

Attaching a CSS file via your module is so simple it's not really documented, that Agaric could find with these searches:

drupal add style sheets to module
drupal add stylesheet modules
attach CSS

How to add CSS in Drupal 5

This example is from the book module:

    drupal_add_css(drupal_get_path('module', 'book') .'/book.css');

So for your module "example_module," with "example_module_extra_style.css" in a folder css within your module directory, the code would look like this:

drupal_add_css(drupal_get_path('module', 'example_module') .'/css/example_module_extra_style.css');

The book module puts this call in the non-cache portion of the menu hook (if(!$may_cache)); it should be called where it's needed. If it's only going to be rarely used, tell Drupal not to aggregate it with all the other stylesheets. New code is emphasized, the first two new attributes ($type and $media, respectively) are set to their defaults, but have to be there in order to set the preprocess flag:

drupal_add_css(drupal_get_path('module', 'example_module') . '/css/rare_extra_style.css', <em>'module', 'all', FALSE</em>);

The Drupal API documents the drupal_add_css function.

Attaching a CSS file via your module is so simple it's not really documented, that Agaric could find with these searches:

drupal add style sheets to module
drupal add stylesheet modules
attach CSS

How to add CSS in Drupal 5

This example is from the book module:

    drupal_add_css(drupal_get_path('module', 'book') .'/book.css');

So for your module "example_module," with "example_module_extra_style.css" in a folder css within your module directory, the code would look like this:

drupal_add_css(drupal_get_path('module', 'example_module') .'/css/example_module_extra_style.css');

The book module puts this call in the non-cache portion of the menu hook (if(!$may_cache)); it should be called where it's needed. If it's only going to be rarely used, tell Drupal not to aggregate it with all the other stylesheets. New code is emphasized, the first two new attributes ($type and $media, respectively) are set to their defaults, but have to be there in order to set the preprocess flag:

drupal_add_css(drupal_get_path('module', 'example_module') . '/css/rare_extra_style.css', <em>'module', 'all', FALSE</em>);

The Drupal API documents the drupal_add_css function.

Comments

css

what about adding css to a module function so I can use variables for that specific element that needs to change for each user?

Thanks

Post new comment

The content of this field is kept private and will not be shown publicly.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.