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

http://www.hanci.org & deneme@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="">www.hanci.org</a><br>
<a href="deneme@hotmail.com">deneme@hotmail.com</a></p>
</blockquote>
</body></html>

Yeni yorum gönder

Bu alanın içeriği gizli tutulacak ve açıkta gösterilmeyecektir.
CAPTCHA
Aşağıdaki resimde yer alan karakterleri kutucuğa doğru olarak yazınız
Image CAPTCHA
Enter the characters shown in the image.

sponsorlu bağlantılar

Anket

Web sitesinde hangisi daha önemlidir:

Son yorumlar