http://www.bedava-sitem.com/forumtr/viewtopic.php?p=24640#24640'daki netten alinan kod örnegine dayanarak CSS aciklamasi:
Biraz aciklama yapmak istiyorum ki, böyle tümden buldugunuz kodlari kendi isteginize göre degisterbilmeyi ögrenin diye...
NOT: INGILIZCENIZ YOKSA HIC BAKMAYIN.. Programlama bilgisi icin ingilizce gerekir (ezbere degil de anlayaraki yapmak isteyenler icin)
// -> yorumlari gösterir, koda yazilmaz
Kod icinde su yazdiklarimin yanindaki degerleri degistirerek görünümleri degistirebilirsiniz:
style type="text/css"> /CSS stil yapma dilir
body { //sitenin GÖVDESINDE olan elemanlarini belirler
background-color: ffffff; //arkplan rengi, ffffff beyaz demektir, RGB RENK kodlarindan istediginiz rengi secebilirsiniz (internette bulursunuz)
background-position: center center; //arkaplan posizyonu (left, right: sol sag...)
background-repeat: no-repeat; //Arkaplan resmi bir kere mi gösterilsin yoksa devamli mi... mesela mozaik arkaplan icin bir mozaik tasi koyarsiniz, repeat dersiniz, arkaplan heryere o resmi devam ettirir
background-attachment: fixed; // Eger arka plan resmi secilmis ise bunun scroll-bar ile kayip kaymamasini belirler. arkaplan resmi koymak icin: background-image: url(/images/foo.gif) -->/resmi önce sitenize yüklersiniz ve resime tiklayinca cikan linki buraya yazarsiniz)
}
table, tr, td { //tablo elemanlarini belirler (tr satir, td sütun)
background-color: transparent; //arka planin rengi, yine RGB den secilebilir
border: 2px; //tablolarin kenarlarinin kalinligini belirler
}
table table { // niye 5 kere var burda anlamadim, net anlatabilir.
border: 2px;
}
table table table table{
border: 2px;
}
table table table {
border-width: 2px;
border-color: 000000;
border-style: solid;
background-color: transparent;
}
table table table td {
background-color: FFFFFF;
filter:alpha(70);
-moz-opacity:0.;
opacity: 0.70;
-khtml-opacity:0.;
}
table table table table td {
filter:none;}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 { //her yerdeki metinlerin stillerini belirler
font-family: microsoft sans serif; //harflerin secimi
font-size: 11px; //harflerin büyüklügü
color: 131112; //harflerin renkleri
font-weight: none; //harflerin kalinligi (bold mesela kalin)
font-style: normal; //harflerin ekstra bir stilleri varsa onu belirlemek icin
text-decoration: none; //harflerin ekstra bir stilleri varsa onu belirlemek icin
}
.nametext { //nametext alanininin özelliklerini belirler
padding: 5px; //kenarlar ile iceriklerin arasindaki uzakligi belirler
font-family: microsoft sans serif;
font-size: 11px;
color: 131112;
font-weight: none;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: microsoft sans serif;
font-size: 11px;
color: 131112;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { //linklerin normal, mouse over ve basilmis hallerindeki stillerini belirler
color: 131112;
font-weight: none;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: 131112;
font-weight: none;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style>
//burdan sonr agelen kod hazir temanin linkleri sanirsam... Yalniz a tagi icinde olanlara gerek yok, bana reklam gibi göründüler. Hepsini silip, URL li olan satiri yukarida body icine yazmak yeterli olacaktir.
<a href="http://www.ProfileWizard.net" target="_blank"><img src="http://www.ProfileWizard.net/adsource/cornerTag.gif" alt="Myspace Layouts" style="position:absolute; left:0px; top: 0px;" border="0"></a>
<style type="text/css">body{ background-image: url("http://www.ProfileWizard.net/Layouts/Blue/Blue_1/bg.jpg");</style>
Cuma Ara. 26, 2008 9:41 pm