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 zm0020002a002f19. _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 (3 klik) kişi burdaydı!




