Cara membuat scroll box untuk menu,Demo bisa lihat di blog ini di kiri atas..
Copy Paste Kode HTML Javascript di bawah ini :
<div class="Schroll Menu">
<div style="
width: 208px;
border: 2px solid red;
padding:0px;
height: 310px;
background:url(http://i1125.photobucket.com/albums/l587/negrionta/gaktahan.gif);">
<div class="menu"><div style="
border:2px solid #0000FF;
width:188px;
padding:4px;
height:25px; text-align: center;
margin:4px;
font:17px Timees New Roman;
color:#0000FF;
text-shadow: 2px 2px 6px #7FFF00;
font-weight:bolder;
background-image:url(http://i36.tinypic.com/ou9xjb.gif)
;"> <a href="Link-1" title="Tutorial Blogger">Tutorial Blogger</a>
</div></div>
<div class="widget-content"><div style="
border:2px solid #4B0082;
overflow:auto;
width:193px;
padding:2px;
height: 252px;
text-align:left;
text-shadow: 1px 1px 6px #7FFF00;
margin:4px;
font:15px Times New Roman;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BR4rcQAyHJ-rBB9wXHjKHLxCfYRuYIN0S-qUfkcXAcKx_IbrIgcGYtmg9hdd4-ZOsDctBjlf6oDIByz3UfAR6dD0SAZ01vY9tahWFEkdysbwXP3uIcws97WRHYuwuUobPK6aKPQVQNi_/s1600/kelelawar.gif);
color:yellow;">
LETAKKAN ISI BOX DI SINI !!!
</div>
Keterangan: width: 208px; untuk lebar dan height: 310px; untuk tinggi box ,bisa di ganti sesuai keinginan sobat !!
Silahkan di coba !!
Semoga Bermanfaat...
Copy Paste Kode HTML Javascript di bawah ini :
<div class="Schroll Menu">
<div style="
width: 208px;
border: 2px solid red;
padding:0px;
height: 310px;
background:url(http://i1125.photobucket.com/albums/l587/negrionta/gaktahan.gif);">
<div class="menu"><div style="
border:2px solid #0000FF;
width:188px;
padding:4px;
height:25px; text-align: center;
margin:4px;
font:17px Timees New Roman;
color:#0000FF;
text-shadow: 2px 2px 6px #7FFF00;
font-weight:bolder;
background-image:url(http://i36.tinypic.com/ou9xjb.gif)
;"> <a href="Link-1" title="Tutorial Blogger">Tutorial Blogger</a>
</div></div>
<div class="widget-content"><div style="
border:2px solid #4B0082;
overflow:auto;
width:193px;
padding:2px;
height: 252px;
text-align:left;
text-shadow: 1px 1px 6px #7FFF00;
margin:4px;
font:15px Times New Roman;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5BR4rcQAyHJ-rBB9wXHjKHLxCfYRuYIN0S-qUfkcXAcKx_IbrIgcGYtmg9hdd4-ZOsDctBjlf6oDIByz3UfAR6dD0SAZ01vY9tahWFEkdysbwXP3uIcws97WRHYuwuUobPK6aKPQVQNi_/s1600/kelelawar.gif);
color:yellow;">
LETAKKAN ISI BOX DI SINI !!!
</div>
Keterangan: width: 208px; untuk lebar dan height: 310px; untuk tinggi box ,bisa di ganti sesuai keinginan sobat !!
Silahkan di coba !!
Semoga Bermanfaat...
langkahkan kakimu di atas jalan menuju kemenangan dan jangan pernah lepas pandangan dari tujuanmu. Berilah ia segalamu setiap hari tetapi yang paling penting, pastikan kamu belajar dan menerapkan pelajaran-pelajaran yang benar setiap hari!!!!!
Jangan melihat orang lain telah melakukan hal yang lebih baik darimu. Kalahkan rekor harianmu sendiri karena kesuksesan adalah pertarungan antara kamu dan dirimu

Mau gunakan untuk apapun silahkan! Muat gambar? Penuhi dengan berbagai teks? Atau mungkin deretan menu dan link lain mo ditampilkan di collapsible ini? Semua sudah tertata dengan rapi dengan ukuran yang sangat ideal. Sampeyan tinggal masukkan saja sebanyak sampeyan mau. Plung ... plung ... plung ... dan berkarung-karung akan terwadahi. yah ... asal jangan masukkan yang berbau busuk saja. He ... he .... 'ntar pengunjung pada lari kesetanan kaya dikejar babi hutan kesurupan mabok oplosan, he ...... he ...!!!!
0 komentar:
Posting Komentar