Boxes, Alerts etc. – Content Styling

Enjoy your ride!

Enjoy your ride! (picture © by deckerweb)

Look for these examples here:


Boxes/ Alerts etc.

» The Autobahn Theme comes with some useful pre-defined CSS classes for some boxes. — We choose this way over Shortcodes because shortcodes cut some performance and will left some “rubbish” if you ever want to change your theme in the future…

Notes

(works with “p” and “div” – add the class “ab-note”)

The Autobahn Theme has a note class for information boxes …
<div class="ab-note">Your message here...</div>

Warnings

(works with “p” and “div” – add the class “ab-warning”)

Warning: The Autobahn Theme has a warning class for warning boxes …
<div class="ab-warning">Your message here...</div>

Alerts

(works with “p” and “div” – add the class “ab-alert”)

Alert: The Autobahn Theme has a alert class for alert boxes …
<div class="ab-alert">Your message here...</div>

Errors

(works with “p” and “div” – add the class “ab-error”)

Error: You should use WordPress, no other CMS … :-)
<div class="ab-error">Your message here...</div>

Downloads

(works with “p” and “div” – add the class “ab-download”)

<div class="ab-download">Your message here...</div>

Autobahn Bonus Box

(works with “p” and “div” – add the class “autobahn”)

Autobahn special announcement: Our new child theme just released! Enjoy your ride! :-)
<div class="autobahn">Your message here...</div>

» We also added a special image class for easily placing some bigger image/ advertising/ banner on your sidebar just using a simple text widget. See two examples in our S/C/S layout template …

You might use this example code, just note the div with class “sidebanner” added. — Place this in a text widget and just leave the title blank.

<div class="sidebanner"><a target="_new" href="{your-link-goes-here}"><img src="{your-image-path-here}" width="250" height="200" alt="Image alt text" title="Image title" /></a></div>

» The Autobahn Theme runs on the Genesis Framework

Genesis Framework

Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!

Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.

About David Decker

WordPress enthusiast from Germany (state Saxony). Proud Genesis Framework user and translator of the German language files for Genesis (and lot of WP plugins already). Founder of DECKERWEB in 2000. I enjoy riding on my bike, tons of great music from all over the world and a strong tasty German coffee. For more, follow me @deckerweb or on Facebook and check out my blog (German mostly, though :).

Speak Your Mind