Css Bilgi Kutulari
Css Tasarım Kullananlara(Css Bölümüne)
.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(https://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
.hata a { color: #d12f19 }
.ikaz { background: #fff6bf url(https://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
.ikaz a { color: #817134 }
.tamam { background: #e9ffdd url(https://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
.tamam a { color: #529214 }
.bilgi { background: #e2ecee url(https://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(https://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat }
.ikaz ul li { background: url(https://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat }
.tamam ul li { background: url(https://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(https://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }
Css Dışında Tasarım Kullananlara
(Tasarım Üstünün En Üstüne)
<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(https://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
.hata a { color: #d12f19 }
.ikaz { background: #fff6bf url(https://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
.ikaz a { color: #817134 }
.tamam { background: #e9ffdd url(https://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
.tamam a { color: #529214 }
.bilgi { background: #e2ecee url(https://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(https://img.webme.com/pic/m/mistanbul/hata-bullet.png) 0 0.55em no-repeat }
.ikaz ul li { background: url(https://img.webme.com/pic/m/mistanbul/ikaz-bullet.png) 0 0.55em no-repeat }
.tamam ul li { background: url(https://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(https://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }
-->
</style>
Sayfaya Eklerken:<div class="ikaz">YAZI BURAYA</div>
<div class="tamam">YAZI BURAYA</div>
<div class="bilgi">YAZI BURAYA</div>
<div class="hata">YAZI BURAYA</div>
Mistanbul'un Forumda Paylaştığı Konudan Alıntıdır. Orijinal Konu İçin Tıkla!
Editör Kaan