Web-Lauren / Güncel

Web-Lauren

Sınırsız Bilgi Paylaşımı...

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ı!


Copyright © 2009 | Tüm Haklar Saklıdır. | Design By Web-Lauren

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol