Paste this code in your EDIT THEME menu in the admin.
There's a :
- photo class: puts nice border around it
- blockquote class (use with
)
- alert classes (puts border around text and icon with remark sign
#### paste this code) in appearance > edit theme ###
img.photo {
margin: 7px;
padding: 7px;
-moz-box-shadow: 0px 0px 10px #999; /* Firefox/Mozilla */
-webkit-box-shadow: 0px 0px 10px #999; /*Safari/Chrome */
box-shadow: 0px 0px 10px #999; /* Opera & hoe het zou moeten */
/* Voor IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#999999')";
/* Voor IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#999999');
}
blockquote {
color: #666;
margin: 1em 20px;
padding-left: 10px;
border-left: 1px dashed #999;
background-color: #FFFEDF;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
}
.alert { background: #fff6bf url(images/exclamation.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.info { background: #F8FAFC url(images/information.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #B5D4FE; border-bottom: 2px solid #B5D4FE; }
.remark { background: #FFBFBF url(images/error.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #FF2424; border-bottom: 2px solid #FF2424; }
###################
in attach the files for the alert class, put in directory /images/
