[Ask] Help, Gimana Cara Beri Frame/ Border Pada Block ?

[Hanzyakuza]

saya mau minta tolong nih buat para master...

 

saya pake presta versi 1.4.9, tapi pake theme 1.5

 

nah yang saya tanyakan adalah gimana cara buat beri/ tampilin frame/border pada masing2 block..

di file bagian mana yang harus saya edit ?

 

ini scrensuit-nya...

 

terima kasih.

[gonebdg - webindoshop.com]

file ../themes/THEME_ANDA/css/global.css

 

cari css class .block

 

Pelajari disini >> http://www.w3schools.../css_border.asp

 

contoh :

.block {
   border: medium solid;
margin-bottom: 20px;
}

 

Jangan lupa clear cache browser setelah editing file css

[Hanzyakuza]

ok.., but cari yang .block itu yg mana ? soalnya ada banyak kategorinya.....

ntar, masukin border-nya satu2 atau langsung seluruhnya langsung ada border ?

tolong petunjuknya ya.., masih agak bingung soalnya :blink:

 

 

thanks

[gonebdg - webindoshop.com]

hmmm...

cari baris code css yg awalannya hanya .block dalam file global.css

Dalam css tanda titik . itu mempresentasikan class dan tanda pagar # mempresentasikan id

Silahkan baca/pelajari di : CSS Id and Class

 

Kalau menemukan baris css code misalnya

/* mengatur warna elemen menjadi merah */
.block #coba_css .belajar_css {
  color: red;
}

 

artinya css tsb mengatur elemen dalam html tag yg memiliki class .belajar_css yg berada dalam tag html ber-id #coba_css dan juga berada dalam dalam tag html ber-class .block warna-nya menjadi merah

lihat contoh dibawah ini

<div class="block">
  <div id="coba_css">
  Ini akan berwarna hitam<br />
  <p class="belajar_css">Belajar css</p>
  <p class="belajar_css">Ini juga akan berwarna merah</p>
  <p class="ga_ada_class">Ini juga akan berwarna hitam</p>
 </div>
 <p class="belajar_css">Ini akan berwarna hitam juga loh!</p>
</div>

 

pada contoh diatas kalimat "Ini akan berwarna hitam" dan kalimat "Ini juga akan berwarna hitam" serta kalimat "Ini akan berwarna hitam juga loh!" akan tampil berwarna hitam

 

sedangkan kalimat "Belajar css" dan kalimat "Ini juga akan berwarna merah" akan berwarna merah

 

Kecuali kode css kamu seperti di bawah ini

/* mengatur warna elemen menjadi merah */
.belajar_css {
  color: red;
}

Maka semua element dalam html tag class .belajar_css pada contoh diatas akan berwarna merah

 

NAH utk masalah border, itu link pada posting sebelumnya diatas silahkan dibuka, dipelajari dan dicoba

click "Try it yourself" utk mencoba

[Hanzyakuza]

Ok thanks mod......, ane praktek dulu.....