|
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>
 |
