Bertemu lagi dengan postingan RodeBlog - Coding Galau . Kali ini saya akan mempostingkan trik simple tetapi sangat banyak digunakan oleh orang - orang . Membuat kotak memang kelihatannya sederhana karena tidak mengunakan coding yang panjang . Akan tetapi bagi yang belum pernah mungkin akan sedikit merasa kesulitan , apalagi dalam blogger tidak menyediakan shortcut Persegi seperti aplikasi editing lainnya .
Mau tau caranya ?
Cukup pelajari atau copy code dibawah ini :
RodeBlog - Coding Galau
Scroll akan terlihat bila panjang text melebihi panjang atau lebar kotak .
Contoh:
RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau
Code:
<div style="
background: #ffffff; border: 1px solid
#000000;
height: 100px; overflow: auto; padding: 10px;
width: 200px;">
RodeBlog - Coding Galau </div>
Hijau : Warna Background
Biru : Warna Text
Merah : Ukuran Kotak
Membuat kotak dengan garis ganda :
Code :
<div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 4px double #000000; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 200px;">
<br /></div>
Hasil:
RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau
Untuk membuat Kotak yang memiliki bingkai dengan ketebalan tertentu dapat menggunakan code ini :
Code :
<table border="3" cellpadding="1"><tbody>
<tr><td><div style="
background: #ffffff; border: 1px
solid #000000;
height: 100px; overflow: auto; padding: 10px;
width: 200px;">
RodeBlog - Coding Galau </div>
</td></tr>
</tbody></table>
Hasil :
RodeBlog - Coding Galau RodeBlog - Coding Galau RodeBlog - Coding Galau
RodeBlog - Coding Galau RodeBlog - Coding Galau
|
