BLOG
Calendar icons not only for your blog
I have found a little bit of time last night to create few calendar icons to represent published date of the post. The idea is fairly simple. One icon per month with different colour. I have tried to make the colours relevant as how I see them here in Europe, but if you want to change them you can get the source code of these icons in .xcf format (gimp) at the end of this post.
How to implement them
HTML Code for one calendar icon
- <div class="calendar calendar-icon-10">
- <div class="calendar-day">26</div>
- </div>
There are 12 classes, calendar-icon-X where X is the number of the month. In each calendar-icon-X is background image of the month.
Main Calendar CSS Code
- .calendar {
- float: left;
- margin-right: 6px;
- width: 42px;
- height: 42px;
- }
CSS Code for one icon
- #content .calendar-icon-10 {
- background: url('calendar/10.gif');
- }
CSS Code for day
- .calendar-day {
- font-weight: bold;
- font-size: 1.3em;
- color: #000;
- width: 42px;
- text-align:center;
- padding-top: 14px;
- }
How to use this in a Drupal theme
Insert all css classes (above) to your style.css file. Open up your node.tpl.php file and add there:
- <div class="calendar calendar-icon-<?php print Date("m", $node->created) ?>">
- <div class="calendar-day"><?php print Date("j", $node->created) ?></div>
- </div>
Icons Licence
Icons are FREE! Enjoy and post some comments where you are using them if so. ;)
Suggestions and comments welcome.
| Attachment | Size |
|---|---|
| calendar-icons.tar.gz | 14.73 KB |
| calendar-icon-src.xcf | 20.63 KB |
COMMENTS
It's really big achievement!
www.essaymojo.co.uk
Very impressive, thank you for posting!
http://www.easyessayhelp.com
It's a precise and informative article. Things are formed symptom less. Get to know lot's of artifact which were unbeknownst to me. It's truly one of the most facilitative article I get ever read. Thanks for to percentage sensing for author from you {online coach outlet store}. Symmetrical I bookmarked this diplomat as asymptomatic for to get supply from it in incoming.
I am glad I found it informative so Site has been added to my RSS feed for later browsing.
I think a nice blog
I worked on it for hours last night. But it is still not working properly. Dates are writter, the icon itself is not shown. And I have no clue why...
Any ideas? Help? PLEASE!!!
thanksss
Many thanks for a further entertaining story it was a pleasure to look at.
Brian Garcia
dyson dc17
thank you nice information
thankss
i found this site as one of those very helpful and informative one. i like reading post like this for it enhances my knowledge and considering the fact that it can really help me with my job right now.
academic writing jobs
thanks you
I believe this blog post is one of the most informative thing not only for the technique learner but also for necessary for all stage people
thankss
Absolutely nice. People will surely enjoy the professional style and manner.
Good resource for students writing writing university dissertations.
This kind of blogs are the need of hour. As many of us don't know how to even use simple codes.
Nice work with efforts, sure that even newbies now be able to implement calendar icons.
Abdullah
from
essay writing service uk
than you very nice
This kind of blogs are the need of hour. As many of us don't know how to even use simple codes.
Nice work with efforts, sure that even newbies now be able to implement calendar icons.
www.megadosya.com
from
I Like the part with a new color for each month, gives it a more fresh look.
-Parfume
thankss
Post new comment