Return to Snippet

Revision: 27725
at June 22, 2010 04:29 by widgetlaboratory


Updated Code
1) Add this part to your blog posts or pages in order to create a new shadow-box area:

<div id="shadow-box">
Put your text here!
</div>

2) Add this to your CSS style sheet for the theme you are using. 
For example, if you are using LabHeadlines it would be the custom.css style sheet.

#shadow-box {
-moz-box-shadow:5px 5px 5px #666666; 
-webit-box-shadow:5px 5px 5px #666666;
background:none repeat scroll 0 0 #CCCCCC;
height:auto;
margin:15px 0;
width:400px;
color:#ffffff;
font-size:24px;
text-align:center;
padding:30px;
}

Revision: 27724
at June 22, 2010 04:02 by widgetlaboratory


Initial Code
1) Add this part to your blog posts or pages in order to create a new shadow-box area:

<div id="shadow-box">
Put your text here!
</div>

2) Add this to your CSS style sheet for the theme you are using. For example, if you are using LabHeadlines it would be the custom.css style sheet.

#shadow-box {
-moz-box-shadow:5px 5px 5px #666666; 
-webit-box-shadow:5px 5px 5px #666666;
background:none repeat scroll 0 0 #CCCCCC;
height:auto;
margin:15px 0;
width:400px;
color:#ffffff;
font-size:24px;
text-align:center;
padding:30px;
}

Initial URL

                                

Initial Description

                                

Initial Title
Shadow Box Effect

Initial Tags

                                

Initial Language
CSS