About

10 Temmuz 2013 Çarşamba

CSS3 KODLARI

CSS3 KODLARI


Bu makalede Css3 Kodlarından bir kaçını size anlatacağız.Haydi başlayalım

Bir Sayfanın Arka Plan Rengini Ayarlama



CSS3 KODLARI<!DOCTYPE html>
<html>
<head>
<style>
body
{
background-color:#b0c4de;
}
</style>
</head>

<body>

<h1>My CSS web page!</h1>
<p>Hello world! This is a W3Schools.com example.</p>

</body>
</html>

Arka Plana Resim Ekleme


CSS3 KODLARI<!DOCTYPE html>
<html>
<head>
<style>
body {background-image:url('paper.gif');}
</style>
</head>

<body>
<h1>Hello World!</h1>
</body>

</html>


Metnin Yazı Tipini Ayarlama


CSS3 KODLARI
<!DOCTYPE html>
<html>
<head>
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this text is red. The default text-color for a page is defined in the body selector.</p>
<p class="ex">This is a paragraph with class="ex". This text is blue.</p>
</body>
</html>



26 Haziran 2013 Çarşamba

CSS BUTON OLUŞTURMA

CSS BUTON OLUŞTURMA


Bugün ki yazımızda size CSS ile Buton Oluşturma kodunu verdik.Umarız çalışmanıza faydalı olmuştur.


CSS BUTON OLUŞTURMA




.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

16 Haziran 2013 Pazar

CSS RENK KODLARI

CSS RENK KODLARI


Merhaba arkadaşlar, bugünkü yazımda sizlere CSS Renk Kodlarından bahsedeceğim.


CSS Renk kodlama: 

Bir HTML öğesi için sık sık bir renk tanımlamak gerekir.Örneğin, kırmızı bir yazı tipi, sarı bir arka plan, ya da mavi bir sınır oluşturmak gerekebilir.

CSS otomatik olarak, onaltılık renk kodu, RGB renk kodu veya gerçek renk adı kullanarak bir renk tanımlar. Onaltılık ve RGB renk kodları kullanmanın bir yararı sadece bir renk adı sağlayarak çok daha fazla seçenek varolmasıdır.
Bu sayfadaki renk seçici ve grafik onaltılık renk kodları size. Renk seçici de RGB renk kodu sağlar.
Onaltılık renk kodları genellikle "onaltılık renkler", "hex renk kodları", "renk değerleri" ve birkaç diğer şartlar olarak adlandırılır. Bu onaltılık sayılar oluşur olarak "Onaltılık renk değerleri" belki de en doğru terimdir.

Renk Seçici

Uygun bir renk bulmak için bu renk seçiciyi kullanın. Kullanmak için:
  1. Renk değiştirmek için sağdaki kaydırma çubuğunu kullanın.
  2. Bir renk almak için büyük meydanında herhangi bir yeri tıklatın.
  3. Bir kez renk memnunsanız, alt alan (6 basamaklı / kalın harfler (örneğin # FFFFFF için) serisi onaltılık değerini kopyalayın.



R  H 
G  S 
B  V 

# 

CSS Renk Adları

Aşağıdaki renk kodu tablosu 17 resmi CSS renk adları (CSS 2.1 özellikleri dayalı) kendi onaltılık RGB değeri ve ondalık RGB değerlerini birlikte içerir.
Eğer web sayfasının arka plan rengi olarak seçtiğiniz renk görebileceğiniz bir değer tıklayarak, bir renk düzeni test götürecektir.

X11 Renkler

Bu X11 renk bir tablodur. Bu tüm büyük tarayıcılar tarafından desteklenmektedir.
Eğer web sayfasının arka plan rengi olarak seçtiğiniz renk görebilirsiniz.Yine bir değer tıklayarak, bir renk düzeni test götürecektir.

Web Safe 




Colors

Aşağıda web güvenli paletinden 216 onaltılık renk değerleri kapsayan bir grafik olduğunu görüyoruz. Eğer web güvenli palet renkleri kullanmayı tercih ediyorsanız bu tabloyu kullanın.
# FFFFFF# FFFFCC# FFFF99# FFFF66# FFFF33# FFFF00
# FFCCFF# FFCCCC# FFCC99# FFCC66# FFCC33# FFCC00
# Ff99ff# FF99CC# FF9999# FF9966# FF9933# FF9900
# FF66FF# FF66CC# FF6699# FF6666# FF6633# FF6600
# FF33FF# FF33CC# FF3399# FF3366# FF3333# FF3300
# FF00FF# FF00CC# FF0099# FF0066# FF0033# FF0000
# CCFFFF# CCFFCC# CCFF99# CCFF66# CCFF33# CCFF00
# CCCCFF# CCCCCC# CCCC99# CCCC66# CCCC33# CCCC00
# CC99FF# CC99CC# CC9999# CC9966# CC9933# CC9900
# CC66FF# CC66CC# CC6699# CC6666# CC6633# CC6600
# CC33FF# CC33CC# CC3399# CC3366# CC3333# CC3300
# CC00FF# CC00CC# CC0099# CC0066# CC0033# CC0000
# 99FFFF# 99FFCC# 99FF99# 99FF66# 99FF33# 99FF00
# 99CCFF# 99CCCC# 99CC99# 99CC66# 99CC33# 99CC00
# 9999FF# 9999CC# 999999# 999966# 999933# 999900
# 9966FF# 9966CC# 996699# 996666# 996633# 996600
# 9933FF# 9933CC# 993399# 993366# 993333# 993300
# 9900FF# 9900CC# 990099# 990066# 990033# 990000
# 66FFFF# 66FFCC# 66FF99# 66FF66# 66FF33# 66FF00
# 66CCFF# 66CCCC# 66CC99# 66CC66# 66CC33# 66CC00
# 6699FF# 6699CC# 669999# 669966# 669933# 669900
# 6666FF# 6666CC# 666699# 666666# 666633# 666600
# 6633FF# 6633CC# 663399# 663366# 663333# 663300
# 6600FF# 6600CC# 660099# 660066# 660033# 660000
# 33FFFF# 33FFCC# 33FF99# 33FF66# 33FF33# 33FF00
# 33CCFF# 33CCCC# 33CC99# 33CC66# 33CC33# 33CC00
# 3399FF# 3399CC# 339999# 339966# 339933# 339900
# 3366FF# 3366CC# 336699# 336666# 336633# 336600
# 3333FF# 3333CC# 333399# 333366# 333333# 333300
# 3300FF# 3300CC# 330.099# 330066# 330033# 330000
# 00FFFF# 00FFCC# 00FF99# 00FF66# 00FF33# 00FF00
# 00CCFF# 00CCCC# 00CC99# 00CC66# 00CC33# 00CC00
# 0099FF# 0099CC# 009999# 009.966# 009933# 009.900
# 0066FF# 0066CC# 006699# 006666# 006633# 006600
# 0033FF# 0033CC# 003399# 003366# 003333# 003300
# 0000FF# 0000CC# 000099# 000066# 000033# 000000
Onaltılık renkler hakkında daha fazla bilgi için, bkz Hex Renk Kodları .