• rss

Percobaan Membuat 2 Kolom Keterangan di Bawah Foto/Gambar

arsip kula|Selasa, 26 Juni 2012|01.16
fb tweet g+
Kali ini, simkuring mencoba membuat 2 kolom keterangan di bawah gambar. Gambar diambil dari postingan terdahulu “Rumah Adat Sunda (gambar/sketsa)”, yang sebelumnya menggunakan model spoiler.

Supados teu nyangkolong kana waktos. Langsung kita olah tampilan yang dimaksud seperti berikut:

Suhunan Julang Ngapak
Suhunan Julang NgapakBentuk bangunan rumah yang suhunan bagian sisi kiri kanan agak melebar ke samping. Ada juga yang menyebutnya memakai sorondoy. Apabila di lihat dari arah depan seperti burung yang sedang terbang.
Kodenya:
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="line-height: 1em; margin-left: auto; margin-right: auto; width: 450px;">
<tr><th colspan="2"><img alt="Suhunan Julang Ngapak" height="250" src="https://lh3.googleusercontent.com/_xbaDQUA_0uo/TYIh0b33drI/AAAAAAAABDU/-mn8Up1ngP4/s400/julangngapak.jpg" width="450" /></th></tr>
<tr><td class="tr-caption" style="background: #FF0000; border-right: 1px solid #DCDCDC; color: blue; font-size: 18px; text-align: center; padding: 5px; width: 30%;">Suhunan Julang Ngapak</td><td class="tr-caption" style="background: #000000; color: white; font-size: 12px; text-align: left; padding: 5px;">Bentuk bangunan rumah yang suhunan bagian sisi kiri kanan agak melebar ke samping. Ada juga yang menyebutnya memakai sorondoy. Apabila di lihat dari arah depan seperti burung yang sedang terbang.</td></tr>
</table>


Suhunan Parahu kumureb
Suhunan Parahu kumurebBentuk bangunan rumah yang atapnya (suhunan) membentuk perahu terbalik (telungkup).
Kodenya:
<table cellpadding="5" cellspacing="0" class="tr-caption-container" style="line-height: 1em; margin-left: auto; margin-right: auto; width: 450px;">
<tr><th colspan="2" style="background: #CECEF6;"><img alt="Suhunan Parahu kumureb" height="250" src="https://lh5.googleusercontent.com/_xbaDQUA_0uo/TYImtH56hYI/AAAAAAAABDk/JDn7DxNtg0M/s400/paruhukumereb.jpg" width="450" /></th></tr>
<tr><td class="tr-caption" style="background: #5858FA; border-right: 1px solid #CECEF6; color: white; font-size: 18px; text-align: center; width: 30%;">Suhunan Parahu kumureb</td><td class="tr-caption" style="background: #008080; color: greenyellow; font-size: 16px; text-align: left;"> Bentuk bangunan rumah yang atapnya (<i>suhunan</i>) membentuk perahu terbalik (telungkup).</td></tr>
</table>


Suhunan jolopong
Suhunan jolopong Bentuk bangunan yang atapnya (suhunan) memanjang sering disebut suhunan panjang atau gagajahan.
Kodenya:
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="border: 1px solid rgb(0, 0, 0); line-height: 1em; margin-left: auto; margin-right: auto; width: 450px;">
<tr><th colspan="2"><img alt="Suhunan jolopong" height="250" src="https://lh5.googleusercontent.com/_xbaDQUA_0uo/TYIojHOSA8I/AAAAAAAABDo/5RTiOBOjj6k/s400/jolopong%20atau%20gagajahan.jpg" width="450" /></th></tr>
<tr><td class="tr-caption" style="background: #E6E6E6; border-right: 1px solid #0000FF; color: red; font-size: 18px; text-align: center; padding: 5px; width: 30%;">Suhunan jolopong </td><td class="tr-caption" style="background: #D0F5A9; font-size: 14px; text-align: left; padding: 5px;">Bentuk bangunan yang atapnya (suhunan) memanjang sering disebut suhunan panjang atau gagajahan.</td></tr>
</table>

Catatan penting: Kalo sobat-sobat mau mencobanya (membuat 2 kolom keterangan di bawah foto/gambar) silahkan utak atik lagi kode-kodenya supaya lebih sempurna. Harap maklum, ini hanya tututorialan.

Tak lupa, terima kasih juga buat sobat-sobat yang telah berkenan memposting ulang “Rumah Adat Sunda (gambar/sketsa)”. hayu urang babarengan ngamumule banda budaya sunda.

salam