ลำดับตอนที่ #8
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #8 : กล่องลอยข้าง by VIP
a
b
o
u
t
m
e
เนื้อหากล่อง
t
a
g
b
o
a
r
d
เนื้อหากล่อง 2
<style type="text/css"> #sidebar-position{ width:200px; position:fixed; top:100px; left:10px;} .h10{ font-family:consolas; padding-top:1px; font-size:12px; color:#สีตัวหนังสือชื่อ; text-transform :uppercase; background: #พื้นหลังตรงหัวข้อชื่อ; letter-spacing:1px; height:215px; width:10px; padding-left:6px; display:inline-block; -moz-transition: 0.5s; float:right; -webkit-transition: 0.5s; } #text { background: #fff; -moz-transition-duration:.55s; -webkit-transition-duration:.55s; width:15px; height:140px; overflow:hidden; position:fixed; } #text:hover { background: #fff; -moz-transition-duration:.55s; -webkit-transition-duration:.55s; width:234px; height:138px; overflow:hidden;} .imgbackground{ position:fixed; overflow:hidden; background:url(พื้นหลังที่เป็นบีจี); border-radius:2px; padding:17px; -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; }</style> <div id="sidebar-position"> <div class="imgbackground"> <img data-cke-saved-src="http://i53.tinypic.com/vr68ty.png" src="http://i53.tinypic.com/vr68ty.png" src="http://i53.tinypic.com/vr68ty.png" style="overflow:hidden;" width="200px;" /></div> <div id="text"> <div class="h10"> <br /> a<br /> b<br /> o<br /> u<br /> t<br /> <br /> m<br /> e</div> <div style="padding:10px;width:260px;height:190px;"> เนื้อหากล่อง<br /> </div> </div> </div>
---------------------------------------------------------------------------------------------------------------------------------------
2กล่อง
<style type="text/css"> #sidebar-position{ width:200px; position:fixed; top:100px; left:10px;} #sidebar-position2{ width:200px; position:fixed; top:260px; left:10px;} .h10{ font-family:consolas; padding-top:1px; font-size:12px; color:#สีตัวหนังสือชื่อ; text-transform :uppercase; background: #พื้นหลังตรงหัวข้อชื่อ; letter-spacing:1px; height:215px; width:10px; padding-left:6px; display:inline-block; -moz-transition: 0.5s; float:right; -webkit-transition: 0.5s; } #text { background: #fff; -moz-transition-duration:.55s; -webkit-transition-duration:.55s; width:15px; height:140px; overflow:hidden; position:fixed; } #text:hover { background: #fff; -moz-transition-duration:.55s; -webkit-transition-duration:.55s; width:234px; height:138px; overflow:hidden;} .imgbackground{ position:fixed; overflow:hidden; background:url(พื้นหลังที่เป็นบีจี); border-radius:2px; padding:17px; -moz-box-shadow: 0px 0px 5px #ddd; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; }</style> <div id="sidebar-position"> <div class="imgbackground"> <img data-cke-saved-src="http://i53.tinypic.com/vr68ty.png" src="http://i53.tinypic.com/vr68ty.png" src="http://i53.tinypic.com/vr68ty.png" style="overflow:hidden;" width="200px;" /></div> <div id="text"> <div class="h10"> <br /> a<br /> b<br /> o<br /> u<br /> t<br /> <br /> m<br /> e</div> <div style="padding:10px;width:260px;height:190px;"> เนื้อหากล่อง<br /> </div> </div> </div> <div id="sidebar-position2"> <div class="imgbackground"> <img data-cke-saved-src="http://i52.tinypic.com/14jnvag.png" src="http://i52.tinypic.com/14jnvag.png" src="http://i52.tinypic.com/14jnvag.png" style="overflow:hidden;" width="200px;" /></div> <div id="text"> <div class="h10"> <br /> t<br /> a<br /> g<br /> b<br /> o<br /> a<br /> r<br /> d</div> <div style="padding:10px;width:260px;height:190px;"> เนื้อหากล่อง 2</div>
</div> </div> <br />
เก็บเข้าคอลเล็กชัน
ความคิดเห็น