Web-Lauren
Web-Lauren Sınırsız Bilgi Paylaşımı
Şerit Uygulaması
İlk Olarak Buradan Şerit Görselimizi Hazırlayın.Hazırladıktan Sonra Kodlarımıza Geçelim:
1.Html Kodu:
1.
<DIV id=kutu><BR> <DIV id=serit>istediğiniz yazıyı,gr00730065li ekleyin</DIV></DIV>
2.CSS Kodu:
01.
<STYLE type=text/css>
02.
div#kutu {
03.
position: relative;
04.
width: 400px;
05.
height: 200px;
06.
padding: 15px;
07.
background-color: #fff;
08.
border: 1px solid #ccc;
09.
}
10.
div#serit{
11.
position: absolute;
12.
top: -3px;
13.
right: -3px;
14.
width: 146px;
15.
height: 87px;
16.
text-indent: -9999px;
17.
background: url(http:
//img.webme.com/pic/j/japon-cocuk/serit_japoncocuk.png) 0 0 no-repeat;
18.
/* IE 6 ii006e saydamlık probleminin zm0020002a002f
19.
_background: transparent;
20.
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=
'https://img.webme.com/pic/j/japon-cocuk/serit_japoncocuk.png'
, sizingMethod=
'scale'
);
21.
}
22.
</STYLE>
Evet Şimdide Örneğimize Geldi Sıra.
Biraz Daha Görselleştirerek Daha İyi Sonuçlar Elde Edebilirsiniz;
Demo
Bugün 2 ziyaretçi (12 klik) kişi burdaydı!