Kode CSS Untuk Latar Warna Dan Gambar ~ Ivul varel

Kode CSS Untuk Latar Warna Dan Gambar





Penerapan kode CSS sedikt berbeda dengan kode HTML jika sobat ingin membuat latar belakang gambar atau warna, dengan menggunakan kode CSS ini anda dapat menggunakan tampilan ini di mana saja sedangkan untuk kode HTML hanya berlaku pada tempat dimana kita menggunakan kode HTML tersebut, dengan kata lain kode CSS ini adalah 1 untuk semuanya..heheh..:).





1. CARA MEMBUAT KODE CSS UNTUK LATAR


Kode CSS ini sobat tempatkan di tepat diatas tag ]]></b:skin>

  1. #csslatar {  
  2.   background-color: #111;  
  3.   font-family: Arial;  
  4.                 color: silver;  
  5.   font-size: 14pt;  
  6.   font-variant: small-caps;  
  7.   font-weight: bold;  
  8.   text-align: left;  
  9.   border-width: 0px;  
  10.   padding: 5px;  
  11.   width: auto;  
  12.   height: auto;  
  13.   margin: auto;  
  14.   overflow: auto;  
  15.   float: none;  
  16.   }  
SAVE TEMPLATE



2. MEMASANG KODE HTML                                                                                                              



Nah selanjutnya memasang kode HTML untuk memanggil kode CSS tersebut



  1. <div id='csslatar'>  
  2. Tulisan Anda  
  3. </div>  
3. CARA MEMBUAT KODE CSS UNTUK LATAR GAMBAR                                                        

Kode CSS ini sobat tempatkan di tepat diatas tag ]]></b:skin>



  1. #cssimg {  
  2.   background : #111 url(url-gambar.png)no-repeat right;  
  3.   font-family: Arial;  
  4.                 color: silver;  
  5.   font-size: 14pt;  
  6.   font-variant: small-caps;  
  7.   font-weight: bold;  
  8.   text-align: left;  
  9.   border-width: 0px;  
  10.   padding: 5px;  
  11.   width: auto;  
  12.   height: auto;  
  13.   margin: auto;  
  14.   overflow: auto;  
  15.   float: none;  
  16.   }  
SAVE TEMPLATE



4. MEMASANG KODE HTML                                                                                                              

  1. <div id='cssimg'>  
  2. Tulisan Anda  
  3. </div>  
 Sekian Semoga Bermanfaat. ;D
Previous
Next Post »
Post a Comment
Thanks for your comment