.
,Sejarah jam gadang, danau singkarak, danau maninjau, hotel, tujuan wisata sumatera barat,daftar,jam gadang, fort de kock,West Sumatra, Sumatera Barat, Tourism

Shadow Image With CSS

Posted By admin Saturday, March 26, 2011

As the name implies, the effects of shadow image is the effect on the image that resembles a shadow. In applying the shadow effects are not fully formed with CSS, but manipulate it by using the image. how to make it.



1. Log into blogger.com
2. Click Design
3. Select the Edit HTML (no need to check the 'Expand Widget Templates')
4. Find the following code

]]></ B: skin>
5. Copy the code below and put it right on top of that code.

. Shadow img {
background: url (http://i50.tinypic.com/10xyg4w.png) no-repeat right bottom;
padding: 0 6px 6px 0;
}

6. Click Save


To apply a shadow effect on the image code like this.

<div class="shadow"> <img border="0" src="http://imageurl"/> IMAGES </ div>

or
The solution below is the application of shadow effects on the image automatically.

1. Log into blogger.com
2. Click Design
3. Write a check in the Expand Widget Templates
4. After the load is complete, the following code Search

<data:post.body/>
5. Then paste the CSS code above, note the code below

<div class="shadow"> <data:post.body/> </ div>

6. Click Save


Related Post



Follow by Email