Senin, 25 Juli 2011

Cara membuat scroll box

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...

0 komentar:

Posting Komentar

negrionta tutorial © 2011 Template by:
rizkymakkah