Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.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 Razz
______________
BİR BEDAVA-SİTEM KLASİĞİ... MİSTANBUL.TR.GG.
Mesaj19.11.2009, 17:10 (UTC)    
Mesaj konusu:

Eklemeyi unutmuşum..

CSS Tasarımı kullanmayıp Butterfly , Red gibi hazır tasarımları kullananlar ;

o kodu tasarımın üstündeki yazı bölümüne ekleyecekler..
______________
BİR BEDAVA-SİTEM KLASİĞİ... MİSTANBUL.TR.GG.
Mesaj19.11.2009, 18:03 (UTC)    
Mesaj konusu:

Teşekkürler Fatih... Eminim bir çok arkadaşın işine yarayacak bir paylaşım Rolling Eyes
______________
> Web sitenizi radyomuzdan anons yaparak tanıtmamızı istermisin? > Üstelik tamamen ücretsiz! Tıkla > http://www.bedava-sitem.com/forum/viewtopic.php?t=132612
> Türkçemiz ile ilgili kendi yazdığım makaleyi okumak ister misin? Tıkla > http://www.bedava-sitem.com/forum/viewtopic.php?p=639445#639445
Mesaj19.11.2009, 18:03 (UTC)    
Mesaj konusu:

TeşekkürLer.. Rolling Eyes
______________
balikesirerdek.tr.gg ve exevolium.tr.gg adresleri şahsıma aittir. Smile
Mesaj19.11.2009, 18:06 (UTC)    
Mesaj konusu:

Mesaj19.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.
______________


Mesaj19.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.

Yaw bunları bende yapmıştım fakat paylaşmamıştım Smile Bu arada mistanbul sağol... Cssyi pek bilmeyenlerin işine yarayacak...
______________

Arrow Ethical Hacker Arrow Professional Web Designer
Mesaj20.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
Mesaj20.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...
Mesaj20.11.2009, 20:42 (UTC)    
Mesaj konusu:

Saol Fatih Mr. Green
______________
twitter.com/hakan_ozdemirr
Mesaj22.11.2009, 08:57 (UTC)    
Mesaj konusu:

Teşekkürler
______________
arkadaşlar bedava-sitemde boşuna vakit kaybetmeyin...
Mesaj10.12.2009, 20:53 (UTC)    
Mesaj konusu:

ben bu kodu forum sistemleri için yayınlanan sitelerde aradım buldum. Bilseydim burdan bakardım. Very Happy
Mesaj13.06.2010, 16:05 (UTC)    
Mesaj konusu:

Harika ya Smile Kod süper saol
Mesaj17.06.2010, 15:25 (UTC)    
Mesaj konusu:

Teşekkürler.
Gerçekten güzel bir kod.

______________
Mesaj17.06.2010, 15:35 (UTC)    
Mesaj konusu:

çalışmıyorki bunlar yoksa ben mi hata yaptım çalışıyorsa yardım edecek var mi?
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu