When I build a site, I always make changes to the style.css file. I always add, modify or remove styles, but there was a problem. When someone came to see my site they would see an old version of the site because their browser would cache the style.css file. In order to avoid this, I came up with this drupal recipe or theme snippet.
Create a new stylesheet file in your theme's folder. Call it "uptodate.css".
Add a new block and put the code below inside. Select "php code" as input format.
<?php
drupal_add_css(path_to_theme()."/uptodate.css?".time(), $type = 'theme', $media = 'all', $preprocess = TRUE)
?>
Enable the block.
Now you can add styles to "uptodate.css" file and they will take effect automatically. This is a great way to overwrite styles and to make sure all your visitors will see the latest version of your site's layout.
This solution will force browsers to load the style sheet on every request, regardless of whether it has changed or not.
A better solution is to just increment a version number as part of the filename and have the html point to the newer version. This will force the style to be downloaded once, but then cached in browsers, proxy servers etc. from then on.
Yes you are right, I use this only in development phase. I guess its better to use your solution when the website is more stable.
wow this is very amazing and creative way to make stylesheet refresh automatically, thumbs up :)
css templates
Nice blog! Thanks for sharing this very informative article about the process of learning. Read on for more information especially the four stages of competence at www.vssm.org
Maylene
www.vssm.org
Now I know how to create style sheet, I have been looking for this.
best ipad case
Thanks for your marvelous posting! I certainly enjoyed reading it, you could be a great author.I will ensure that I bookmark your blog and will come back in the future. I want to encourage you to definitely continue your great work, have a nice day.
Estudiar ingles en el extranjero
Post new comment