|
| RESİM SAYDAMLIĞI |
ÖRNEK:
ÖRNEK KODU :
< html >
< body >
< table >
< tr >
< td >< img width="100" height="100" src="map/abbas.png"
style= " -moz-opacity:0.4 ; filter:alpha(opacity=40) "
onmouseover= " this.style.MozOpacity=1 ; this.filters.alpha.opacity=100 "
onmouseout= " this.style.MozOpacity=0.4 ; this.filters.alpha.opacity=40 " />< /td >
< td >< img width="100" height="100" src="map/burhan.png"
style= "-moz-opacity:0.4 ; filter:alpha(opacity=40)"
onmouseover="this.style.MozOpacity=1 ; this.filters.alpha.opacity=100 "
onmouseout="this.style.MozOpacity=0.4 ; this.filters.alpha.opacity=40 " />< /td >
< td >< img width="100" height="100" src="map/mario.png"
style= " -moz-opacity:0.4 ; filter:alpha(opacity=40)"
onmouseover=" this.style.MozOpacity=1 ; this.filters.alpha.opacity=100 "
onmouseout=" this.style.MozOpacity=0.4 ; this.filters.alpha.opacity=40 " />< /td >< /tr >
< /table >
< /body >
< /html >
|
IE'nin (filter:alpha(opacity=x)) kodunda, x 0 - 100 arasında bir değer olabilir. Küçük değerler resmi daha saydam yapar.
Mozilla'nın (-moz-opacity:x) kodunda, x 0.0 - 1.0 arasında bir değerdir. Küçük değerler saydamlığı arttırır
|
Başa Dön
| BACKGROUND |
ÖRNEK KODLARLA AÇIKLAMA :
< html >
< head >
< style type = "text/css" >
body
{
background - image : url( "resim.jpg" ); >>> Arkaplan resmini çağırır.
background - repeat : norepeat ; >>> Resmin bütün ekrana yayılmasını sağlar.
background - attachment : fixed ; >>> Resmin yerini sabitler.
background - position : center ; >>> Resmin ekrandaki yerini ayarlar.
veya
background - position : 50% , 70% ; >>> Resmin ekrandaki yerini ayarlar.
background - repeat : x ; >>> Yatay şekilde resmi döşer.
background - repeat : y ; >>> Dikey şekilde resmi döşer.
< body >
DOKUZ EYLÜL İMYO
< /body >
< /html >
|
|
Başa Dön
| YAZI STİLLERİ |
ÖRNEK :
ÖRNEK KODU :
< html >
< head >
< style >
body
{
text-indent : 30px ; >>> Paragraf başındaki boşluk.
word-spacing : 10px ; >>> Kelimeler arası boşluk.
font-weight : bold ; >>> Yazının gemişliği.
letter-spacing : 2px ; >>> Karakterler arası boşluk.
}
< /style >
< /head >
< body >
< p >
YAZILAR BU KISMA YAZILACAK
< /p >
< /body >
< /html >
|
|
Başa Dön
| TABLOYA YAZI SIĞDIRMA |
ÖRNEK : "Bu özellik en iyi şekilde Explorer'da çalışır...
ÖRNEK KODLARLA AÇIKLAMA :
< html >
< head >
< style type="text/css" >
table.bir
{ table-layout:automatic ; } >>> Yazı boyutuna göre tablo boyutunu ayarlar.
table.iki
{ table-layout:fixed ; } >>> Tablo boyutuna göre yazıyı sığdırır.
< /style >
< /head >
< body >
< center >
YAZI BOYUTUNA GÖRE TABLO GENİŞLETME
< table class="bir" border=1 width="500" >
< tr >
< td width="20%" bgcolor="gray" > AAAAAAAAAAAAAAAAAAAAA < /td >
< td width="40%" > BBBBBBBBBBB < /td >
< td width="40%" bgcolor="gray" > CCCCCCCCCCCCCCCCCCCCCCC < /td >
< /tr >< /table >
< br >< br >
TABLO BOYUTUNA GÖRE YAZI SIĞDIRMA
< table class="iki" border=1 width="500" >
< tr >
< td width="20%" > EEEEEEEEEEEEEEEEEEEEEEEEEEEE < /td >
< td width="40%" bgcolor="gray" >FFFFFFFFFFFFFFFFFFFFFFFFFF< /td >
< td width="40%" >GGGGGGGGGGGGGGGGGGGGGGGGG< /td >
< /tr >< /table >
< /center >
< /body >
< /html >
|
|
Başa Dön
|
|
