Friday, June 18, 2010
Templates
Today I'm releasing another great theme, Urban Elements. It was originally designed by Press75.com for Wordpress users. I've converted it into Blogger. Blogger version of the theme comes with a customized Post Title font. It was possible to use fonts other than default Blogger fonts with the help of Google Font API. You can read further about it in my previous post, add new fonts to Blogger Blogs with Google Web Fonts.
Some other unique features of this theme are multi-level drop-down menu and four 125 X 125 ads slots.
Customizing the theme
1. Navigation bar
<div id='navigation'>
<ul id='nav'>
<li class='page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-51'><a href='#' title=''>About</a></li>
<li class='page_item'><a href='#' title='Categories'>Categories</a>
<ul>
<li class='cat-item cat-item-3'><a href='#' title=''>Category 1</a></li>
<li class='cat-item cat-item-4'><a href='#' title=''>Category 2</a>
<ul class='children'>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
<li class='cat-item cat-item-5'><a href='#' title=''>Category 3</a></li>
<li class='cat-item cat-item-1'><a href='#' title=''>Category 4</a></li>
<li class='cat-item cat-item-6'><a href='#' title=''>Category 5</a>
<ul class='children'>
<li class='cat-item cat-item-7'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-9'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
</ul>
</li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe'><img class='headrss' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TBoCmcgoINI/AAAAAAAABHc/8zHrxkbrdXE/rss.png'/>Subscribe</a></li>
<li class='page_item page-item-51'><a href='#' title=''>Contact</a></li>
</ul>
</div>
<ul id='nav'>
<li class='page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-51'><a href='#' title=''>About</a></li>
<li class='page_item'><a href='#' title='Categories'>Categories</a>
<ul>
<li class='cat-item cat-item-3'><a href='#' title=''>Category 1</a></li>
<li class='cat-item cat-item-4'><a href='#' title=''>Category 2</a>
<ul class='children'>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
<li class='cat-item cat-item-5'><a href='#' title=''>Category 3</a></li>
<li class='cat-item cat-item-1'><a href='#' title=''>Category 4</a></li>
<li class='cat-item cat-item-6'><a href='#' title=''>Category 5</a>
<ul class='children'>
<li class='cat-item cat-item-7'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-9'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
</ul>
</li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Subscribe'><img class='headrss' src='http://2.bp.blogspot.com/_b8IA1ajBJG8/TBoCmcgoINI/AAAAAAAABHc/8zHrxkbrdXE/rss.png'/>Subscribe</a></li>
<li class='page_item page-item-51'><a href='#' title=''>Contact</a></li>
</ul>
</div>
2. Ads slots
<div id='sideads' style=''>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='Ads' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
</div>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='Ads' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg'/>
</a>
</div>
Subscribe to:
Post Comments (Atom)
17 comments:
Interesting post...
Thank you for sharing....Joomla Toronto
This is great! Was waiting for someone to convert this. Hope you could also do Modern Clix!
@Earl,
I've added Modern Clix into my "NEXTs" list..
can you tell me .....?
how make the read more......?
please.....
Hi, read this..
http://buzz.blogger.com/2009/09/you-might-as-well-jump.html
Hello ,
Is it possible to insert Adsense into the Ad slots ?
@The Jackboyz, I don't think there are 125x125 image ads in Adsense.
:( it could be nice , thanks anyway, Imma give this template a try !
Cool! You really did the conversion nice and clean... I'm sure many would like to use this design in their own blog.
It is so nice hearing that you could actually do the converting thing. You have done an excellent job and maybe you should be considering making a tutorial for it. I’ve always wanted to create mine also.
Also you may turn your attention on outsourced microsoft software development.
Don't you have any free theme for Drupal platform?
We're glad to know more and read about this. I'm happy to share with instantly insurance that is provided by common home insurance companies. Customer could save on auto instant insurance quotes which allow customers to apply for affordable cheap policy.
Thank you a bunch for sharing this with all of us you really understand what you are speaking approximately! Home Insurance Riverside, CA
Life is too short to wake up in the morning with regrets. So, love the people who treat you right and forget about the ones who do not Sell Runescape Gold, In the Orient young bulls are tested for the fight arena in a certain manner. Each is brought to the ring and allowed to attack a picador who pricks them with a lance Sell RS Gold, the bravery of each bull is then rated with care according to Sell Runescape Gold the number of times he demonstrates his willingness to charge in spite of the sting of the blade.
Would you take the pen in hand, plunge right in and just do it, struggling to keep up with the twists and turns of the torrents of words that take you where they take you Buy D3 Gold? Would your plans be so extensive that you never even got to the writing Cheap D3 Gold? But if you do decide to use it, what would you do with it? How would you play the game D3 Gold Sale?
Are you looking for quick an urgent loan with relatively low interest rate as low as 2%? We offer business loan, personal loan, home loan, auto loan,student loan, debt shortest time possible, contact our
specialist for advice and finance planning. If you need a quick loan contact us via Email
housingfinance22@gmail.com
Contact us on whatspp +447513195409
Mr Osman Ibrahim
This is often useful for an entry. I have just marked this post for future reference. Keep sharing that kind of beautiful message. Thank you for sharing. This is a terribly delicate subject.
DedicatedHosting4u.com
Post a Comment