วันนี้มี Tip ใหม่ๆๆแต่ไม่รู้ซ้ำรึเปล่านะแต่ผมเป็นคนทำเองอ่า - - งงเอาหละเริ่มเลย
1.ปกติเราใส่รูปกับรูปภาพจะเป็นอย่างนี้ใช่ไหมครับ ???
2.แต่พอใช้โค้ดแล้วจะเป็นอย่างนี้สวยงามม 555+
------------------------------------------------------------------------------------------------------------------------------------------------------------
ถ้าจะให้รูปอยู่ด้านขวา
((( ส่วนนี้เอาไว้ใน CSS ไม่ก็เอาไว้ที่ lifestyle ก็ได้ครับ)))
img.ID_Name{
float:right;
margin-left:15px;
overflow:hidden}
(((( ส่วนนี้ใส่ลงบน INterests , lifestyle ธรรมดานะครับ ))))
<img src="URL ของรูปภาพ" class="ID_Name" width="ขนาดรูปภาพ"/> <p class="cont">ข้อความที่จะใส่ครับ</p>
------------------------------------------------------------------------------------------------------------------------------------------------------------
ถ้าจะให้รูปอยู่ด้านซ้ายก็โค้ดนี้
((( ส่วนนี้เอาไว้ใน CSS ไม่ก็เอาไว้ที่ lifestyle ก็ได้ครับ)))
img.ID_Name{
float:left;
margin-Right:15px;
overflow:hidden}
(((( ส่วนนี้ใส่ลงบน INterests , lifestyle ธรรมดานะครับ ))))
<img src="URL ของรูปภาพ" class="ID_Name" width="ขนาดรูปภาพ"/> <p class="cont">ข้อความที่จะใส่ครับ</p>
------------------------------------------------------------------------------------------------------------------------------------------------------------
ป.ล ตรง ID_Name สามารถเปลี่ยนเป็น ชื่ออย่างอื่นก็ได้น๊าา เช่น add_pic อื่นๆ ได้ตามใจ
ส่วนตรง margin-left:15px กับ margin-Right:15px คือระยะห่าวระหว่างรูปภาพกับข้อความครับ
สามารถคลิกเข้าไปดูได้น๊าหรือแอดเป็นเพื่อนก็ได้ ^^
http://gutywa.hi5.com/
ขอเครดิตหน่อยครับ : GuTyWa
แหล่งข่าว :
http://www.thaihi5.com/board/index.php/topic,75465.0.html