Saya tidak akan panjang lebar karena saya nulis ini akan memberikan informasi bagai mana membuat Template 3D. Misalnya kita akan membuat bagian sidebar kita terlihat 3D yang harus dilakukan yaitu kita edit kode CSS sidebar tersebut. Langkah-langkah untuk edit CSS seperti biasa yaitu :
- Yang pertama tentunya kita harus login terlebih dahulu
- Pilih Rancangan
- Pilih Edit HTML
- Kemudian centang Expand Template Widget(Jangan Lupa Download Dulu Template sobat ya)
- Cari Kode #sidebar1 .widget { ( Gunakan F3 atau Ctrl + F untuk mempermudah )
Kemudian Ganti Dengan Kode dibawah ini
#sidebar1 .widget {
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 5px;
background: #0000c0; /*-Background = Biru --*/
border-top: 10px solid #6666ff; /*-Border atas = Biru Muda-*/
border-bottom: 10px solid #6666ff; /*-Border Bawah = Biru Muda-*/
border-left: 10px solid 1414b0; /*-Border kiri = Biru Tua--*/
border-right: 10px solid 1414b0; /*-Border kanan = Biru Tua--*/
} - Selanjutnya Cari Kode #sidebar1 h2 { ( Gunakan F3 atau Ctrl + F untuk mempermudah )
Kemudian Ganti dengan Kode dibawah ini :
#sidebar1 h2 {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
text-align: center;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: none;
text-decoration: none;
background: #cc0000; /*-Background = Merah --*/
border-top: 5px solid #ff7070; /*-Border atas = Merah Muda--*/
border-bottom: 5px solid #ff7070; /*----Border Bawah = Merah Muda-*/
border-left: 5px solid #b00000; /*-Border kiri = Merah Tua-*/
border-right: 5px solid #b00000; /*Border kanan = Merah Tua--*/
}
Tidak ada komentar:
Posting Komentar