9.22.2011

kind of shady


FYI: blogger -simple theme-


If you'll notice, there's a shadow between my background and the accents.


Image and video hosting by TinyPic
arrow, says



It's super easy as I thought it would be. Easier than A, B, C but you'll have to count from -steps- 1, 2, 3 to achieve the look you desired.


Let us begin,


step 1: GO TO TEMPLATE


Image and video hosting by TinyPic


step 2: click EDIT HTML ⃗ PROCEED  ⃗ LOOK FOR CONTENT-OUTER


Image and video hosting by TinyPic


step 3: replace the code under the content-outer -up to margin only- with the code below.


.content-outer {
  -moz-box-shadow: 0 0 8px 8px #F2F2F2;
-webkit-box-shadow: 0 0 8px 8px #F2F2F2;
-goog-ms-right-left-shadow: 0 0 8px 8px #F2F2F2;
box-shadow: 0 0 8px 8px #F2F2F2;


  margin-bottom: 8px;
}


BLUE: the contents you'll change by the code above.


RED: shadow width. change it if you want your shadow to be thicker or thinner.


PINK: shadow color. customize it with your choice of color. hues to use from colorcodes.


voila! you're done.


Don't forget to SAVE the template. goodluck


find it helpful? lemme' see it below :)





No comments:

Post a Comment