Ana Sayfa

Bilgisayar Eğitim CD

Bilgisayar Kitapları

 
Bilgisayar Dershanesi Eğitim Marketi
 
Adım Adım Web Eğitim Seti Adobe Flash Eğitim Seti


CSS Derslerine Geri Dön

CSS Eğitim Seti

CSS Örnek Kod

CSS Örnek Kodlar

Css ile tekrarlanmayan arka plan resmi yapmak için öncelikle arka plana bir resim atamak gerekir. Bunu background-image : url(resmim); kodu ile yaparız.
Daha sonra bu resmin tekrarlanmasını önlemek için background-repeat:no-repeat komutunu vermek gerekir.
En son olarak resmi ortalamak için background-position : center komutunu vereceğiz


Şu kodda olduğu gibi :

BODY
{
BACKGROUND-IMAGE : URL(./bayrak.gif);
BACKGROUND-REPEAT: NO-REPEAT;
BACKGROUND-POSITION : CENTER;
}


Web sitesindee kaydırma çubuklarını (Scroll bar) renklendirmek.Web sayfanızın Head Head bölümene aşağıdaki kodu yazınız..
<style>
<!–
solid; BORDER-LEFT: #1F9FFF 0px solid; BORDER-RIGHT: #1F9FFF 0px
solid; BORDER-TOP: #1F9FFF 0px
solid; COLOR: #1F9FFF; FONT-FAMILY: Trebuschet MS; FONT-SIZE: 9pt; FONT-WEIGHT: bold}body
{ scrollbar-face-color:#CCCCCC;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#CCCCCC;
; font-size: xx-small; border-top-width: thin}
–>
</style>

Renk Değiştiren CSS Kodu
<html><head>

<style>
<!--
a{color:#000069;text-decoration:none;font:bold}
a:hover{color:#FF0000}
-->
</style>

<!--
yukarıdaki css style şablon ile renk değişimi sağlanmaktadır
kullanmak istediğiniz sayfaya bu tag taşıyarak veya
css sayfası olarak kaydedip style'ı oradan çağırarak
bu scripti kullanabilirsiniz
ksabitk
http://www.saab.tr.cx & ksabitk@hotmail.com

-->

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Renk Değiştiren Link</title>
</head><body>

<a href="#"><font size="5">Bu link renk değiştiriyor</font></a><font size="5"></font><p>

<a href="#"><font color="#BB9951" size="5">Bu link renk değiştirmez</font></a></p>

<a href="#"><font size="5">Bu link renk değiştiriyor</font></a><font size="5"></font><p>

<a href="#"><font color="#996699" size="5">Bu link renk değiştirmez</font></a></p>


<blockquote>
<p><a href="http://www.saab.tr.cc">www.saab.tr.cc</a><br>
<a href="mailto:ksabitk@hotmail.com">ksabitk@hotmail.com</a></p>
</blockquote>
</body></html>