alexa-tracking

1 ID CSS dibagi menjadi 3 kolom, bisakah?

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5534842b138b467f5e8b4573/1-id-css-dibagi-menjadi-3-kolom-bisakah
1 ID CSS dibagi menjadi 3 kolom, bisakah?
Selamat para mastah website,
ane ada permasalahan nih di template Joomla di bawah ini :
background keseluruhan untuk footer adalah warna putih, nah bagaimana ya caranya memberi style background dengan warna yang lain di kolom 1 & kolom 2, kode css apa yang harus ditambahkan?
berikut code css di templatenya :
Code:
/*sp bottom*/
#sp-bottom {background:#FFF;padding:30px 0; color:#000; }


1 ID CSS dibagi menjadi 3 kolom, bisakah?

Mohon bantuannya dari para mastah css dan joomla, template itu ane pakai template Shaper Neo.
Quote:Original Posted By rama14
Selamat para mastah website,
ane ada permasalahan nih di template Joomla di bawah ini :
background keseluruhan untuk footer adalah warna putih, nah bagaimana ya caranya memberi style background dengan warna yang lain di kolom 1 & kolom 2, kode css apa yang harus ditambahkan?
berikut code css di templatenya :
Code:
/*sp bottom*/
#sp-bottom {background:#FFF;padding:30px 0; color:#000; }


1 ID CSS dibagi menjadi 3 kolom, bisakah?

Mohon bantuannya dari para mastah css dan joomla, template itu ane pakai template Shaper Neo.


buat class aja om...

Code:
.class1{
background-color:#warna1;
}
.class2{
background-color:#warna2;
}


di kolom yang mau di kasih warna tinggal pasang class masing2 aja
Quote:Original Posted By rama14
Selamat para mastah website,
ane ada permasalahan nih di template Joomla di bawah ini :
background keseluruhan untuk footer adalah warna putih, nah bagaimana ya caranya memberi style background dengan warna yang lain di kolom 1 & kolom 2, kode css apa yang harus ditambahkan?
berikut code css di templatenya :
Code:
/*sp bottom*/
#sp-bottom {background:#FFF;padding:30px 0; color:#000; }


1 ID CSS dibagi menjadi 3 kolom, bisakah?

Mohon bantuannya dari para mastah css dan joomla, template itu ane pakai template Shaper Neo.


ID tidak bekerja untuk multiple. ID itu diperuntukkan kolom yang unik

Code:

<div id="content">...</div>
...
<footer id="footer">
<div class="footer-anak col-1">...</div>
<div class="footer-anak col-2">...</div>
<div class="footer-anak col-3">...</div>
</footer>



CSS
Code:

#footer{
background: #fff;
color : #333;
}
#footer .col-1{
background: blue;
}
#footer .col-2{
background: red;
}
#footer .col-1{
background: green;
}
Quote:Original Posted By kyoka12


buat class aja om...

Code:
.class1{
background-color:#warna1;
}
.class2{
background-color:#warna2;
}


di kolom yang mau di kasih warna tinggal pasang class masing2 aja


Quote:Original Posted By irnovi


ID tidak bekerja untuk multiple. ID itu diperuntukkan kolom yang unik

Code:

<div id="content">...</div>
...
<footer id="footer">
<div class="footer-anak col-1">...</div>
<div class="footer-anak col-2">...</div>
<div class="footer-anak col-3">...</div>
</footer>



CSS
Code:

#footer{
background: #fff;
color : #333;
}
#footer .col-1{
background: blue;
}
#footer .col-2{
background: red;
}
#footer .col-1{
background: green;
}


terima kasih sebelumnya atas tanggapan dari agan2,
ane cek di file index.php folder template joomla, cuma ada kode seperti ini :
Code:
<?php $helix->addModules('bottom1, bottom2, bottom3, bottom4, bottom5, bottom6', 'sp_flat', 'sp-bottom', '', true, true) /*--- positions bottom1-bottom6 ---*/ ?>

nah ane bingung ditambahkan classnya dimana soalnya gak ada code div di file index itu
Quote:Original Posted By rama14




terima kasih sebelumnya atas tanggapan dari agan2,
ane cek di file index.php folder template joomla, cuma ada kode seperti ini :
Code:
<?php $helix->addModules('bottom1, bottom2, bottom3, bottom4, bottom5, bottom6', 'sp_flat', 'sp-bottom', '', true, true) /*--- positions bottom1-bottom6 ---*/ ?>

nah ane bingung ditambahkan classnya dimana soalnya gak ada code div di file index itu


cek modules sp-bottom nya, truss cari dmn id="sp-bottom" tinggal tambahin class="namaclass"
Terima kasih banyak atas tanggapan dari agan2 semua,
setelah ane utak-atik dengan cara yg lain alhamdulillah bisa, ane ubah style cssnya jadi seperti ini:
Code:
#sp-bottom {padding:0 0; color:#000; }


jadi yg sebelumnya ada padding sebesar 30 px ane hapus, cara ini sebenarnya agak kasar tapi di tampilannya tetap bagus
soalnya ane cari style sp-bottom di semua folder templatenya cuma ada 2 file, di index.php dan di template.css
sekali lagi terima kasih banyak gan atas perhatiannya sama trid ane
maju terus kaskusemoticon-I Love Kaskus (S)
×