July 16
Background+ข้อความเลื่อน
วิธีทำ
1. ไปที่หน้า Edit Blog Entry กด <HTML> เพื่อเปิดการใช้งานโค้ด Html
2. ก๊อบโค้ดที่ให้มาไปวางไว้ และแก้ไขส่วน Url ของรูป ขนาด สีอักษร ตามคำอธิบายด้านล่าง
3.กด <HTML> อีกทีเพื่อดูรูป ขั้นตอนนี้สามารถคลิกไปที่ขอบรูปแล้วลากเม้า เพื่อย่อขยายขนาดรูปได้อีก
4.พิมข้อความ ดับเบิ้ลคลิกไปที่ส่วนที่เป็นข้อความ จะมีกรอบสี่เหลี่ยมขึ้นมาเหมือนเวลาพิมใน power point แล้วพิมเลย
5. พอใจแล้ว Publish Entry
Code
<TABLE style="WIDTH: 513px; HEIGHT: 492px" cellSpacing=0 cellPadding=10 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV style="WIDTH: 77.56%"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 355px; HEIGHT: 407px" height=366 src="http://images.animelab.com/gallery/Angel_Sanctuary/Images/02.jpg" width=300 align=right border=0>
<DIV style="SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 20px; FLOAT: left; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; WIDTH: 577px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #333300; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; LETTER-SPACING: 1px; HEIGHT: 403px" align=center>
<P> </P>
<P> </P>
<P>ลองทำดูจิจ๊ะ </P>
<P>ไม่ยากเลย</P>
<P> </P>
<P>ข้อความเลื่อน+ Background พร้อมใช้</P>
<P>^^"</P>
<P> </P>
<P>- - - -</P>
<P>- - - -</P>
<P>- - - -</P>
<P>- - - -</P>
<P>- - - -</P></DIV></DIV></TD></TR></TBODY></TABLE>
อธิบายโค้ด
WIDTH / HEIGHT ขนาดของภาพ เป็น พิกเซล
opacity , finishOpacity ระดับความเข้มของสีแบคกราว ใส่เลขเยอะ สีจะเข้มมาก
style ใส่ได้ตั้งแต่ 0-3 เป็นรูปแบบ การแสดงผลของภาพ เช่น ให้สีจางแบบเท่ากัน จางลงจากกลางภาพ จากขอบภาพ เป็นต้น
Url ของภาพที่จะเอามาทำแบคกราว
border ขอบของรูปภาพ ถ้าไม่เอาขอบใส่ 0
FONT-SIZE ขนาดตัวอักษร เป็นพิกเซล
COLOR สีตัวอักษร เปลี่ยนได้ ดูโค้ดสีจากลิ้งทางซ้าย
LINE-HEIGHT ความสูงของ บรรทัด เพิ่มลดได้
LETTER-SPACING ระยะห่างระหว่าง ตัวอักษรเพิ่มลดได้ แบบปกติจะเป็น 0
**หมายเหตุ** เนื่องจาก บลอคของแต่ละคน เล็กใหญ่ไม่เท่ากัน ดังนั้นก็ลองจัดขนาดกับตำแหน่งดูเองนะ เอาส่วน border ขึ้นมาโชว์ก่อน ก็ได้จะได้ดูง่ายๆ พอจะ publish ถ้าไม่ต้องการค่อยเอาออก
ลองทำดูจิจ๊ะ
ไม่ยากเลย
ข้อความเลื่อน+ Background พร้อมใช้
^^"
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
|
Tools 
