Thesis Themes Customization: 13 | Add Note/Alert Box in Post

I will use 1.8 Developer version of Thesis Theme

LogIn to your Dashboard and Go to Thesis > Custom File Editor

Select custom.css file and place this code below it:

/******************************************************************/

/* NOTE BOX BY Allhelpz.blogspot.com */

/******************************************************************/

.custom .format_text p.note {

background: #E3F0F2 url(YOUR-NOTE-IMAGE-URL) center no-repeat; border: 1px solid #66CCCC; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 50px;

-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;

-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;

-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;

-webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

To put this style in your post place code in html:

<p class="note">WRITE-HERE</p>

 TO create Alert Box
Select custom.css file and place this code below it:

/******************************************************************/

/* ALERT NOTE BOX BY allhelpz.blogspot.com */

/******************************************************************/

.custom .format_text p.alert {

background: #EEEEEE url(YOUR-ALERT-IMAGE-URL) center no-repeat; border: 1px solid #000000; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 50px;

-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px;

-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;

-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;

-webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

 To put this style in your post place code in html:

<p class="alert">WRITE-HERE</p>

DOWNLOAD IMAGE FILES

Now save it.

[Please comment for any Problem]