3 Scrollbox Style
Style 1 (SIMPLE) :
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.
[LIVE PREVIEW]
Code :
<div style="background:#FFFFFF; width:400px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
Your Content</div>
Style 2 :
Title
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.
[LIVE PREVIEW]
code :
<div style="border:3px solid #eee;background:#E5DDDA; width:260px; padding:5px; border-bottom:none;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;color:white;text-align:center;">
Your Title</div>
<div style="border:3px solid #eee;background:#fff; width:250px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
Your Content</div>
Style 3 :
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.
Code :
<style>
.imageu{
width:260px;
border-radius:10px;
background:url(URL GAMBARMU);
background-size:360px;
padding:15px;
height:200px;
box-shadow:0 0 6px #ccc;}
.boxeu{
width:250px;
border-radius:10px;
background:#fff;
background-size:360px;
padding:5px;
height:190px;
opacity:0.9;
border:1px dashed #ccc;
text-align:left;
color:#777;
overflow-x: hidden;
overflow-y:scroll;
}
</style>
<div class="imageu">
<center>
<div class="boxeu">
content
</div>
</center>
</div>
Posting Komentar
just type it