Z i c m a . C o d e & L a b e l

ลำดับตอนที่ #11 : ` โค้ด ♔ กล่องข้อความมีรูปสุดคาวาอิ

❝ Z i c m a C o d e & L a b e l ⁹
f o r. A l l . Code type
D e s i g n . 15 / 03 / 14
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 

โค้ดนี้ไม่ให้นำไปดัดแลงใดใด -3- 
กรุณาขอยืมก่อนนะเออออ

เห็นมั้ยว่ามีรูปภาพในกล่องข้อความด้วยยย
จะใส่แบนเนอร์รึอะไรก็ได้นะเนี่ยยย -..-
 

- Copy Code -

<style type="text/css">

.imageu{

width:ขนาดกรูปแนวนอนpx;

border-radius:10px;

background:url(ลิ้งรูปที่จะเอามาเป็นกรอบ);

background-size:360px;

padding:15px;

height:ขนาดรูปแนวตั้งpx;

box-shadow:0 0 6px #ccc;}

 

.boxeu{

width:ขนาดกล่องแนวนอนpx;

border-radius:10px;

background:#fff;

background-size:360px;

padding:5px;

height:ขนาดกล่องแนวตั้งpx;

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" style="text-align: center;">

ใส่ข้อความที่นี่เล้ยยยย</div>

</center>

</div>

<br />

 

*ขนาดกล่องควรเล็กกว่าขนาดรุปสักประมาณ 10 px นะคะ
เพื่อความสวยงามนะเออ!!*
อย่าลืมแก้ไขตัวสีแดงด้วยน้าา

นำไปใช้กรุณาให้เครดิต
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

T
B