Cyb3rt On 4/03/2012


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

Terima kasih atas kunjungan anda, semoga postingan saya bermanfaat. Tolong berikan pendapat anda tentang postingan saya.

Leave a Reply

Subscribe to Posts | Subscribe to Comments