Pro Templates
Don't pay a fortune for a professional Joomla template.
- Eye catching designs...look professional
- XHTML valid...better by design
- CSS Driven...faster and lightweight
- SEO ready...get traffic
The Joomla 1.5 Book
Get the have-to-have book about Joomla 1.5 from Amazon.com. and get free access to the companion site, joomlabook.com.
We Recommend
|
Start sending personalized email newsletters to your prospects and customers today. Learn more about IContact email list management software and start a 15 day free trial. |
Free Stuff!
Browse the biggest choice of free Joomla templates around!
- Quality design
- Free customization forum
- Continuously updated
- Same Joomlashack quality
What is Joomla?
The most powerful open source CMS on the planet.
- Used by Millions
- Thousands of extensions
- Professional Developer Community
- Free GPL license
| CSS extras for your Joomla! template |
|
I stumbled upon this nice looking bit of css and thought I'd share. See the examples below. This is very easy to add these to a Joomla! template. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. First, just add this code to the bottom of your template_css.css file.
p.warn {
background: #FBEEF1 url(../images/warn.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #FEABB9; border-bottom: 2px solid #FEABB9; } p.alert { background: #FFF7C0 url(../images/exc.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #F7D229; border-bottom: 2px solid #F7D229; } p.info { background: #F8FAFC url(../images/info.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; } <p class="alert">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
<p class="info">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p> <p class="warn">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p> Here are the images: |
