Üye Kayıt Üye Giriş

CSS Örnek Kod


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>

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

ETİKETLER