Boxes, Alerts etc. – Content Styling

Enjoy your ride! (picture © by deckerweb)

Look for these examples here:

• Boxes
  • Notes
  • Warnings
  • Alerts
  • Errors
  • Downloads
  • Autobahn Bonus
• Sidebar Image Class

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”)

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

Warnings

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

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

Alerts

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

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

Errors

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

<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”)

<div class="autobahn">Your message here...</div>

Sidebar Image Class

» 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>