iceblue-dizayn / WEB TASARIM
  Ipucu
 

 




           

Resimleri büyütmek icin üzerine tiklayiniz !


Soldaki Resim: Tasarimdaki Renkler Tabele Sütunlarinin Arkaplanidir
Sagdaki Resim: Tabele Sütunlari 
Isimler   (Siniflar) aldi.


1.Adim:  


» Ilkönce, degistirmek icin: Alanin hangi Sinif olduguna bakmaliyiz.
»  Önce td. yaziyoruz.
»   td. Tabele Sütunlari anlamindadir .

» Örnek: Tasarimin Basliginda "Header" ´da olan Sayfa Basligini degistirelim.
»  Siniflari olan resime bakalim : Sayfa Basligi = headline 

»  Tamamdir, sonra : td.headline
»  CSS-Uygulamasini göstermemek icin   = display: none;


2.Adim:


»  "Tasarimin üzerindeki yazi" ´nin bulundugu yere eklenecek.
»  Ilkönce acmamiz gereken style tag
»  Ondan sonra Siniflar ve CSS-Uygulamalari
»  En son style tag   kapanacak.
»  Örnek Kod Sayfa Basligini cikart  :


<style type="text/css">
<!--

td.headline {
display: none; }
-->
</style>
  
 
Daha sonra gelen Siniflar (CSS-Kodlari)
style tags   icine gelecek! (Sagdaki Resime tiklayiniz)



Bir Sinifa Arkaplan Rengi verelim:

<style type="text/css">
<!--

td.Sinif Ismi {
background-color: #XXXXXX;
background-image: url(Paratez bos kalacak); }
-->
</style>


»  uygun olan Sinif Isimleri yazalim
» background-color:   Istege göre Renk-Kodu ekleyelim
» background-image: none;   Parantez bos kalacak !
»  Orijinal Arkaplan bununla birlikte gizleniyor
»  ve secilen Renk gösterilebilir




 
Bir Sinifa Arkaplan verelim:

<style type="text/css">
<!--

td.Sinif Ismi {
background-color: ;
background-image: url(Buraya-Resim); }
-->
</style>


» uygun olan Sinif Isimleri yazalim
» background-color:   Renk verilmeyecek
» background-image: none;    Resim-Linki ekleyelim !
»  Bununla birlikte Orijinal Arkaplanin üzerine yaziliyor.





Diger CSS-Uygulamalari :

→  color: #000000;   Bir Sinifin Metin Rengini belirleyebiliriz
  font-size: 12px;   Bir Sinifta Metin Büyüklügünü belirleyebilirz
→   font-family: arial;   Bir Sinifta Metin Türünü  belirleyebilirz 
→   font-style: italic;   Bir Sinifta Metin-Tarzini belirleyebilirz 
→   font-weight: bold;   Bir Sinifta Kalin- Yazi ´yi  belirleyebilirz 
→   text-align: center;   Bir Sinifta Metini ortalayabiliriz
→   background-image: url(Resim-Linki);   Sinif icin Arkaplan
→   background-repeat: repeat;   Arkaplan tekrarlaniyor
→   background-repeat: repeat-x;   Arkaplan sag tarafa dogru tekrarlaniyor
→   background-repeat: repeat-y;    Arkaplan asagi tarafa dogru tekrarlaniyor 
→   background-repeat: no-repat;   Arkaplan tekrarlanmiyor
→ border: 1px solid #c9c9c9;   Cerceve / Cerceve Kalinligi / Cerceve Rengi

Diger olanaklar google yardimi ile bulunabilir.
CSS Arama kelimesi  + Aramak icin istediginiz Arama kelimesini yaziniz
Örnek:  "CSS- Link-Rengi", ya da "CSS-Cerceve .. vs.




Bir Örnek - 3 Sininfta bunlari degistirmek istiyoruz :

• 3 Sinifta beyaz Yazi istiyoruz
• 15 Piksel büyük Yazi istiyoruz
• Yazi tarzini "Comic Sans MS" olarak istiyoruz
• 3 Sinifta Siyah Arkaplan istiyoruz
• Isteklerimizi gerceklestiren Örnek- Kod :

<style type="text/css">
<!--

td.Sinif Ismi {
color: #FFFFFF;
font-size: 15px;
font-family: comic sans ms;
background-color: #000000;
background-image: none; }

td.Sinif Ismi {
color: #FFFFFF;
font-size: 15px;
font-family: comic sans ms;
background-color: #000000;
background-image: none; }

td.Sinif Ismi {
color: #FFFFFF;
font-size: 15px;
font-family: comic sans ms;
background-color: #000000;
background-image: none; }
-->
</style>





 
   
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=