| Yazar |
Mesaj |
-
mistanbul
Uzman Üye
Konum: London
|
 19.11.2009, 17:09 (UTC)
Mesaj konusu: Çok İstendi.!! CSS Bilgi Kutuları - [ Mistanbul ] |
|
|
Mistanbul'un tasarımının dağıtılışından sonra tasarımın içinde dahil edilmeyen ve çok rağbet gören CSS Bilgi kutularını paylaşıyorum..
Öncelikle CSS Tasarımını kullanan kişiler CSS Kodu Bölümüne ;
Kod: .hata, .ikaz, .tamam, .bilgi {
margin-bottom: 1.5em;
padding: 1em 1.5em 1em 5.5em;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
color: #444 }
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
.hata a { color: #d12f19 }
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
.ikaz a { color: #817134 }
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
.tamam a { color: #529214 }
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
.bilgi a { color: #2d7ba2 }
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
list-style: none;
margin: 1.3em 1.5em }
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat }
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat }
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }
CSS Tasarımı kullanmayıp Butterfly , Red gibi hazır tasarımları kullananlar ;
Kod: <style type="text/css">
<!--
.hata, .ikaz, .tamam, .bilgi {
margin-bottom: 1.5em;
padding: 1em 1.5em 1em 5.5em;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
color: #444 }
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
.hata a { color: #d12f19 }
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
.ikaz a { color: #817134 }
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
.tamam a { color: #529214 }
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
.bilgi a { color: #2d7ba2 }
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
list-style: none;
margin: 1.3em 1.5em }
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat }
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat }
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }
-->
</style>
Kodlarını eklemeliler..
Geldik kurufasulyenin faydalarına..
Kod: <div class="ikaz">YAZI BURAYA</div>
Gördüğünüz gibi sayfaya ekleyeceğiniz bu kodla yazınız bilgi kutusu içerisinde görünecek..
Koddaki ikaz yazan kısımı silip bilgi , tamam , hata ifadeleriyle de değiştirebilirsiniz..
Böylelikle kutunun işlevi ve rengi değişecektir.
İyi Kullanımlar  ______________ BİR BEDAVA-SİTEM KLASİĞİ... MİSTANBUL.TR.GGindirim kodu - discount code |
|
|
↑
|
|
 |
-
mistanbul
Uzman Üye
Konum: London
|
|
|
↑
|
|
|
-
royalfm
Bedava-Sitem Bağımlısı
Konum: Istanbul
|
|
|
↑
|
|
|
-
benimsitem1993
Uzman Üye
Konum: Istanbul..
|
19.11.2009, 18:03 (UTC)
Mesaj konusu: |
|
|
TeşekkürLer..  ______________ balikesirerdek.tr.gg ve exevolium.tr.gg adresleri şahsıma aittir.  |
|
|
↑
|
|
|
-
devtoplist
Bedava-Sitem Bağımlısı
|
19.11.2009, 18:06 (UTC)
Mesaj konusu: |
|
|
|
|
|
↑
|
|
|
-
grafikdestek
Bedava-Sitem Bağımlısı
Konum: GRaFikseLL ^ GraFik Destek
|
19.11.2009, 21:01 (UTC)
Mesaj konusu: |
|
|
Bunu daha önce Hyperend(Ahmet) Paylaşmıştı sanki.Ama neyse yinede emeğine sağlık.Teşekkürler Fatih. ______________ 
 |
|
|
↑
|
|
|
-
paylasim61
Uzman Üye
|
19.11.2009, 21:05 (UTC)
Mesaj konusu: |
|
|
grafikdestek yazmış: Bunu daha önce Hyperend(Ahmet) Paylaşmıştı sanki.Ama neyse yinede emeğine sağlık.Teşekkürler Fatih. |
|
|
↑
|
|
|
-
fayecy
Bedava-Sitem Bağımlısı
Konum: Kelimelerin gücünü anlamadan, insanlarin gücünü anlayamazsiniz...
|
20.11.2009, 06:57 (UTC)
Mesaj konusu: |
|
|
Teşekkürler
______________
Çocukken kendimi yalnız hissederdim; hala öyle hissediyorum çünkü; bazı şeyleri biliyorum ve bunları hiç bilmedikleri yada bilmek istemedikleri anlaşılan insanlara bazı ip uçları vermeye çalışıyorum.
C.Gustav Jung |
|
|
↑
|
|
|
-
hyperend
Uzman Üye
|
20.11.2009, 19:04 (UTC)
Mesaj konusu: |
|
|
grafikdestek yazmış: Bunu daha önce Hyperend(Ahmet) Paylaşmıştı sanki.Ama neyse yinede emeğine sağlık.Teşekkürler Fatih.
doğurudur 3 çeşidinie paylaşmıştım sonra değiştirip tr.gg nin verdiklerini kullanmak diye yapmıştım.
______________
Özel mesajlara bakmıyorum bile... |
|
|
↑
|
|
|
-
hakan-fan
Bedava-Sitem Bağımlısı
|
20.11.2009, 20:42 (UTC)
Mesaj konusu: |
|
|
Saol Fatih  ______________ twitter.com/hakan_ozdemirr |
|
|
↑
|
|
|
-
cengizhanayaz
Bedava-Sitem Bağımlısı
|
22.11.2009, 08:57 (UTC)
Mesaj konusu: |
|
|
Teşekkürler
______________
arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin... |
|
|
↑
|
|
|
-
cixinmekani
Acemi Üye
|
10.12.2009, 20:53 (UTC)
Mesaj konusu: |
|
|
ben bu kodu forum sistemleri için yayınlanan sitelerde aradım buldum. Bilseydim burdan bakardım.  |
|
|
↑
|
|
|
-
kaanylmz
Acemi Üye
|
13.06.2010, 16:05 (UTC)
Mesaj konusu: |
|
|
Harika ya Kod süper saol |
|
|
↑
|
|
|
-
imagerial
Uzman Üye
Konum: Kirklareli/Lüleburgaz
|
17.06.2010, 15:25 (UTC)
Mesaj konusu: |
|
|
Teşekkürler.
Gerçekten güzel bir kod.______________  |
|
|
↑
|
|
|
-
nptmusic
Bedava-Sitem Bağımlısı
|
17.06.2010, 15:35 (UTC)
Mesaj konusu: |
|
|
çalışmıyorki bunlar yoksa ben mi hata yaptım çalışıyorsa yardım edecek var mi? |
|
|
↑
|
|
|
|
Ethical Hacker 
