Kod Arşivi
Kod arşivimiz
CSS menü gizleme kodu
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
Üst reklamı ortalama kodu (CSS TEMALI SİTELER İÇİN)
table {margin-left: auto;margin-right: auto}
Üst reklamı ortalama kodu (Clean VB. TEMALAR İÇİN)
<style type="text/css">
table {margin-left: auto;margin-right: auto}
</style>
Ziyaretçi defteri özelleştirme (Ziyaretçi defterinden önceki metine koyacaksınız)
#kommentartext { border: 3px dashed #39F; font-family: sans-serif; }
Ziyaretçi Defteri Özelleştirme 2 (Ziyaretçi defterinden önceki metine koyabilirsiniz.)
#kommentartext { border: 3px dotted black; font-family: calibri; }
HR rengi değiştirme
<hr color="#39F">
Buton kodu
HTML;
<a href="#" class="buton">Buton</a>CSS;
/* KODDERSİM.TR.GG BUTON KODU BAŞLANGIÇ */
a.buton {
background-color: #000;
padding: 5px 10px;
color: #fff;
font-family: Geneva;
font-weight: bold;
text-decoration: none;
}
a.buton:hover {
color: red;
transition: all .5s ease-in;
}
/* KODDERSİM.TR.GG BUTON KODU BİTİŞ */
Link rengi değiştirme
a:link { color: #39F; }
a:hover { color: #000; }
a:visited { color: #39F; }
Buton kodu 2
HTML;
<a href="#" class="buton">Devamını oku...</a>CSS;
a.buton {
color: #acc;
font-family: Tahoma;
padding: 5px 10px;
background-color: #eee;
text-decoration: none;
font-size: 12px;
border-radius: 7px;
border-bottom: 2px dashed #39F;
}
a.buton:hover {
color: #eee;
background-color: #ccc;
}
Ön izleme ayıracı kodu
HTML;
<div id="on"><img src="http://i.hizliresim.com/1n197b.png" height="57" width="150" alt="" /><strong> Ön izlemeyi aşağıdan yapabilirsin.</strong><br/><a href="#">Ön İzlemek İçin Tıkla </a></div>CSS;
#on img {
display: block;
float: right;
}
#on {
background-color: #cce1f1;
height: 50px;
width: 900px;
display: block;
color: #39f;
font-family: tahoma, geneva, sans-serif;
font-size: 11px;
}
Yardım ayıracı
HTML;
<img src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211772866.png"><div id="on"><strong>Sitemizdeki eksikleri aşağıdaki linkten bildirebilirsiniz<br/><a href="#">››İletişim</a> </div></div>
#on img {
display: block;
float: left;
}
#on a:link { color: #000; }
#on a:visited { color: #39F; }
#on a:hover {
margin-left: 15px;
transition: all .3s ease-in;
color: #acc;
}
a { text-decoration: none; }
#on {
background-color: #cce1f1;
height: 50px;
width: 900px;
display: block;
color: #39f;
border-radius: 7px;
border-bottom: 2px solid #39F;
border-top: 2px solid #39F;
font-size: 15px;
text-decoration: none;
}