Sidebar Boder Style #1

Author : Nur Aisyah Time : 1:34 pm Comments : 0 ✿ Labels :

Assalamualaikum >.<
Harap takde yang keliru . ini tuto sidebar border  bukan sidebar title boder oke  
kalau nak tuto sidebar title border bole lihat di SINI . Oke . Jom Start  


| Contoh |





  Dashboard > Template > Edit HTML > Tick Expand Widget  ( Wajib  )


Template Denim --- >

  Ctrl F serentak cari code ini : ---


/* Sidebar Content



  Copy and paste code ini di bawah code tadi 


.sidebar .widget {
      background: #FFFFFF;
 font-family:consolas;
                border: 3px solid #DEDCDD;
border-radius:20px;
           margin:0 -5px 1.5em -5px;
               padding:0px 8px 10px 8px;  }




Selain dari template denim --- >


  Ctrl F serentak cari code ini : ---


/* Widgets




  Copy and paste code ini di bawah code tadi


.sidebar .widget {
      background: #FFFFFF;
 font-family:consolas;
                border: 3px solid #DEDCDD;
border-radius:20px;
           margin:0 -5px 1.5em -5px;
               padding:0px 8px 10px 8px;  }

Atau

  Ctrl F serentak cari code ini : ---


]]></b:skin>



  Copy and paste code ini di atas code tadi 


.sidebar .widget {
      background: #FFFFFF;
 font-family:consolas;
                border: 3px solid #DEDCDD;
border-radius:20px;
           margin:0 -5px 1.5em -5px;
               padding:0px 8px 10px 8px;  }



  Save template  


Bagi selain Denim template rasanya tak kesah koud nak letak kat mana2 pon . Just try oke .



 Note 

Pink : Code Warna ambil di SINI
Purple :  Boleh tambah atau kurangkan lengkungan sidebar 



 Kalau tak nak melengkung,  padam code ini : --


border-radius:20px;



 Kalau nak background gambar ganti kan code --- >   background: #FFFFFF;  
     dengan code ini  : - - 


background: url( URL BACKGROUND );


 Done  



Mohon Comment . Isyah nak tau jadi ke tak . 


Thanks . Wassalam

0 Kawan Iesyah Comment(s) :

Post a Comment

ʕ•ᴥ•ʔ = Comment yang murni-II saje ya sayang ;)