CSS Anlatımlar
http://www.bedava-sitem.com/forum/viewtopic.php?t=8995 |
|
| 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> |
|