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
Can those icons be used in Drupal GPL licensed Themes?
Yes, you can use them wherever you want and do whatever you want with them. ;)
can someone tell me how can add these icons to my webpages, I am using Frontpage
Epic FAIL.
Very nice!
thanks
using in HTML
can i use the following css in plane HTML
Yes you can,
just copy the html and css.
That will do it. :)
I just wanted to say thanks, i was looking for exactly this.
Very nice icons. Are they free to use?
Yes, they are!
I have been coding my own CMS/blog/galery/news system for a few weeks now and this will make it look so much better
thanks
it's wonderfull, this web uses your icon:
http://www.dircom.udep.edu.pe/semana.php
it looks great :)
Hey, can we know how did you create them?
I want to lern to use gimpo as a proffesional jejeje... but there's some tool that I can find...
Can you upload a video doing one of these cool icons?
I'm writing from Chile, I hope to you can understand my english!
thank you very nice. succesfull article
Yes you can,
just copy the html and css.
That will do it. :)
Merci pour ces informations! Il est intéressant et nouveau casino fr!
Great icons -- thanks for sharing! We're now using them for our daily video game review feeds on GameSnob.
It's very important that we know this stuff because i think blogs are much more personal than regular websites and it's a pity not to put some work into them.
Drupal web content management
merhaba efendim
Very nice simgeler sayesinde
çok iyi css ve blog
Being a blogger myself, I am really impressed with your blog and the topics you’ve chosen to discuss. flex development
Enjoy and post some comments where you are using them if so. ;)
master degree Music | bachelor degree Arts | Arts diploma
its very awesome post. i have try some of them, they are very attractive and featured.
We expect continued good topic thank you klima servisi
altus servisi
sefaköy arçelik servisi
mecidiyeköy bosch servisi
güngören bosch servisi
büyükçekmece beko servisi
ariston beylikdüzü servisi
thank you for post
vaillant servisi
protherm servis
perde temizleme
epilasyon merkezi
mitsubishi klima servis
çorlu güvenlik şirketleri
tekirdağ güvenlik şirketleri
özel güvenlik firması
özel güvenlik şirketleri
büyükçekmece arçelik servisi
silivri arçelik servisi
avcılar beko servisi god site
This is really useful and helpful specially for blogspot blogger. Thank you so much for creating this nifty and easy-to-understand tutorial...
slots online
This is really useful and helpful specially for blogspot blogger. Thank you so much for creating this nifty and easy-to-understand tutorial...
slots online
Thanks for sharing these info with us! I was reading something similar on another website that i was researching. I will be sure to look around more. thanks...
Pariuri Sportive Buy Steroids Free Bets
Very informatibe and interesting article.
golf tee times
discount tee times
online tee times
Awesome!!.Sir,Is there any way to show Year in Icon.
well worth the read. thank you very much for taking the time to share with those who are starting on the subject. Greetings Online Betting Biletul Zilei Steroids for sale
ok well im not sure i can get all the answer but heres what have. the first answer is 8 sheep died. second is you don't bury survivors. third is there won't be an upstairs because it's one story. the fourth is none because it's a hole.
automobile companies
Nice one. Worked like a charm.
Post new comment