Hướng dẫn - Căn chỉnh bài viết trên hình hình nền có sẵn (34)
Hướng dẫn - Căn chỉnh bài viết trên hình hình nền có sẵn (34)
Cách viết
chữ trên hình nền ( 1)Cách viết này khá đơn giản, sẽ tạo được nhiều ý tưởng đẹp ( ảnh đẹp là entry sẽ đẹp ) Bạn hãy kích chuột phải vào bức hình muốn làm nền, đưa chuột xuống chọn dòng cuối cùng để lấy linh hình bức hình có mẫu"http...". Dán linh hình đó vào code sau:(Nhớ phải kích chuột vào ô HTML trước khi cho code sau vào nhé). Phần nội dung viết xong bạn căn chỉnh trái, phải và chọn màu chữ như bình thường.Tuy nhiên cách này chỉ phù hợp với khung viết cố định chiều dài, chiều rộng - bạn phải chọn hình cho vừa với nội dung dài hay ngắn. Chúc bạn thành công!
----------------------------------------------------
Cách viết
chữ trên hình nền (2)<div align=center>
<table background="Link hình ảnh" border=0>
<tbody>
<tr>
<td align=center>
Viết entry ở đây
</td>
</tr>
</tbody>
</table>
</div>
Cach dan hinh: (1) (hi2nh kho to )
<img src="link..." width="500" hieght="300" border="0", alt="description">
Cach dan hinh: (2)
<img src="link....">
<p align="left"> Toàn bộ khổ chữ này sẽ hướng về phía trái </p>
<p align="center"> Toàn bộ khổ chữ này sẽ hướng vào trung tâm </p>
<p align="right"> Toàn bộ khổ chữ này sẽ hướng về bên phải </p>
<p align="right"><img src="h.clinton.gif" border="0"></p>
Cũng có thể viết như sau (không có </p>):
<p align="left"> Toàn bộ khổ chữ này sẽ hướng về phía trái
<p align="center"> Toàn bộ khổ chữ này sẽ hướng vào trung tâm
<p align="right"> Toàn bộ khổ chữ này sẽ hướng về bên phải
<p align="right"><img src="h.clinton.gif" border="0">
----------------------------------------------------
(3)Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)
<div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div>
_ Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
. Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh.
. Image link, phải lấy link trực tiếp của bức hình.
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
----------------------------------------------------
Cách chèn ảnh với size thực tế ( chiều rộng > 500)
_ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào:
<table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="link ảnh 1" width="500" height="750" alt=""></td>
<td>
<img src="link ảnh 2" width="500" height="750" alt=""></td>
</tr>
</table>
* Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi )
---------------------------------------------
Code dùng để đóng khung trong blog:
<table background="link" border="1" cellpadding="30" cellspacing="2">
<tbody>
<tr>
<td>
<table style="height: 209px;" align="left" background="link" border="2" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left">
<span style="color: rgb(192, 0, 0);">
<div style="margin-left: 40px;">
đoạn text của khung bên trong <br />
</div>
</span>
</td>
</tr>
</tbody>
</table>
<br />
<span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài </span><br />
</td>
</tr>
</tbody>
</table>
------------------------------------------------------
Cách khác:(4)
Code:
|
<table style="height: 380px; width:
415px;" align="left" background="Link ảnh nền để viết
entry" border="2" cellpadding="5"
cellspacing="3"><tbody><tr><td
align="left"><font style="font-family: Times New
Roman,Times,serif;" size="1"><font
size="2">Nội dung viết entry ở đây </font>
</font>
</td></tr></tbody></table> |
Note:
-Height: là chiều cao của hình
-Width: là chiều rộng của hình ( "" )
-Link: là liên kết đến ảnh mà bạn muốn làm Background
-Times New Roman: là font chữ bạn chọn
-font size: là cỡ chữ bạn chọn
-Nội dung: là bài viết của bạn
---------------------------------------------
Hay lắm này:
Lồng khung cho ảnh của bạn , viết bài vào khung ảnh của bạn:
<div style="BACKGROUND:url(http://chiase.anhso.net/as/08/12/08/pics986187.jpg) no-repeat left top;WIDTH:511px;HEIGHT:406px;">
<div style="HEIGHT:45px;"><font color="#222222" face="tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif" size="3"><span style="font-size:13px;"><b><font color="#000000" face="'Times New Roman'"><span style="font-size:medium;font-weight:normal;"><br></span></font></b></span></font></div><div style="MARGIN-LEFT:2px;"><div style="BORDER-LEFT-COLOR:rgb(1,1,1);BACKGROUND:url(Link ảnh bên trong );BORDER-BOTTOM-COLOR:rgb(1,1,1);WIDTH:406px;BORDER-TOP-STYLE:ridge;BORDER-TOP-COLOR:rgb(1,1,1);BORDER-RIGHT-STYLE:ridge;BORDER-LEFT-STYLE:ridge;HEIGHT:306px;TEXT-ALIGN:left;BORDER-RIGHT-COLOR:rgb(1,1,1);BORDER-BOTTOM-STYLE:ridge;"><span style="font-weight:bold;"><font color="#800000"><i><font face="Phông chữ">Nội dung</font></i></font></span></div></div></div></div>
Nếu muốn xuống dòng mọi người dùng lệnh <br>
nhé!
Bản quyền code cuối này là của Ngọc Kute's Blog
Minh học cho cách
cuối cùng:
Nội dung
Nhận xét