Nah kali ini saya akan berbagi Teknik Membuat Berbagai Macam Kotak Background Di Postingan, lagi-lagi si gagaje ini akan memposting postingan agak kedaluwarsa hehee..., tapi biar gimana pun saya yakin masih ada di antara miliaran umat yang masih mencari postingan menyerupai ini walaupun spesialuntuk segelintir orang terutama sang NEWBIE menyerupai saya ini.
Tanpa panjang lebar eksklusif aja ke TKP ceekidot..
Jika sahabat akrab ingin menampilkan kotak background di dalam postingan atau halaman gres sahabat dekat,teman akrab dapat mengcopy code diberikut.dan di dalam kotak background sahabat akrab dapat megisi dengan goresan pena atau aba-aba HTML/Script yang sudah di parse terlebih lampau biar dapat muncul di dalam kotak background.
menciptakannya cukup simpel sob, silahkan sahabat akrab pilih aneka macam macam kotak backgroud di bawah ini dan copas codenya.
Ini ia codenya.
Solid
Dotted
Dashed
Double
Grove
Outset
Ridge
Scroll
Insert
Catatan:
border adalalah warna bab samping.
background warna bab tengah.
silahkan anda berkreasi sendiri.
Untuk scroll di atas memang tidak terlihat scrollnya di karenakan teks/code yang ada di dalamnya tidak melebihi kotak yang tersedia.
misal bila teks/kode melebihi kotak yang tersedia.:
KODE/TEKS KODE/TEKS KODE/TEKS KODE/TEKS KODE/TEKS
Semoga hal kedaluwarsa ini dapat bermafaat buat sahabat akrab tiruana.
Tanpa panjang lebar eksklusif aja ke TKP ceekidot..
Jika sahabat akrab ingin menampilkan kotak background di dalam postingan atau halaman gres sahabat dekat,teman akrab dapat mengcopy code diberikut.dan di dalam kotak background sahabat akrab dapat megisi dengan goresan pena atau aba-aba HTML/Script yang sudah di parse terlebih lampau biar dapat muncul di dalam kotak background.
menciptakannya cukup simpel sob, silahkan sahabat akrab pilih aneka macam macam kotak backgroud di bawah ini dan copas codenya.
Ini ia codenya.
Solid
<div style="border: 2px #2BA94F solid; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>
KODE/TEKS
Dotted
<div style="border: 2px #2BA94F dotted; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Dashed
<div style="border: 2px #2BA94F dashed; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Double
<div style="border: 2px #2BA94F double; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>
KODE/TEKS
Grove
<div style="border: 4px #2BA94F groove; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Outset
<div style="border: 4px #2BA94F outset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Ridge
<div style="border: 2px #2BA94F ridge; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Scroll
<div style="border: 4px #2BA94F solid; padding: 10px; background-color: #800080; overflow: auto; height: 50px; width: 300px; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Insert
<div style="border: 4px #2BA94F inset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>
KODE/TEKS
Catatan:
border adalalah warna bab samping.
background warna bab tengah.
silahkan anda berkreasi sendiri.
Untuk scroll di atas memang tidak terlihat scrollnya di karenakan teks/code yang ada di dalamnya tidak melebihi kotak yang tersedia.
misal bila teks/kode melebihi kotak yang tersedia.:
<div style="background-color: purple; border: 4px #2BA94F solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS
</li>
<li>KODE/TEKS </li>
</div>
Semoga hal kedaluwarsa ini dapat bermafaat buat sahabat akrab tiruana.
Tag :
Tutorial Blogging
0 Komentar untuk "Cara Menciptakan Banyak Sekali Macam Kotak Background"