Thứ Bảy, 23 tháng 11, 2013

TẠO KHUNG VÀ VIẾT TRÊN NỀN ẢNH ĐỘNG

Code 1 đóng khung

<div style="border:#4F4F4F 1px solid; padding: 4px; background:#eee; width:400px;">NỘI_DUNG</div>
Xem thêm click vào đây

Vào đây để xem bài viết hoàn chỉnh

Code 2 viết trên nền ảnh động
<div style="border:#4F4F4F 15px outset; padding: 4px; background:#eee; width:410px;"><span style="color:rgb(24, 31, 232);font-family:arial, helvetica, clean, sans-serif;font-size:15px;background-color:rgb(134, 205, 236);"><div align="center" style="margin-left:0px;"><table border="1" background="Link hình " align="center" style="border-collapse:collapse;font-size:inherit;width:400px;margin-left:auto;height:450px;color:rgb(255, 255, 255);font-weight:bold;"><tbody><tr><td style="margin-left:0px;vertical-align:top;"><p align="center"><font color="#bf00bf">Viết nội dung vào đây</font></div></td></tr></tbody></table></div></span> </div></div>

Xem bai viết chữ lên khung vào đây
Các bạn dán code 2 vào phần NỘI DUNG code 1 đê có code 3

Code 3 tạo khung và viết trên nền ảnh động

<div style="border: #4F4F4F10px solid; padding: 4px; background:#eee; width:450px;"><span style="color:rgb(24, 31, 232);font-family:arial, helvetica, clean, sans-serif;font-size:15px;background-color:rgb(134, 205, 236);"><div align="center" style="margin-left:0px;"><table border="5" background="Link hình nền" align="center" style="border-collapse:collapse;font-size:inherit;width:445px;margin-left:auto;height:300px;color:rgb(255, 255, 255);font-weight:bold;"><tbody><tr><td style="margin-left:0px;vertical-align:top;"><p align="center"><font color="#bf00bf">Viết nội dung vào đây</font></div></td></tr></tbody></table></div></span> </div></div>


Tùy chỉnh code         

width:450px là độ rộng của khung   width:445px  height:300px  là độ rộng và chiều cao của link hình nền.
Các bạn điều chỉnh cho phù hợp,độ rộng của khung phải lớn hoặc bằng độ rộng của hình nền
Link hình nền Thay link hình nền tỉnh hoặc động đều dược vào .Bạn có thể thay link hình bất kỳ nhưng phải chỉnh kich cở phù hợp trước khi đưa vào.
background:#eee  đây là nền của khung ,thay mã màu theo ý của bạn
10px solid đọ rộng và kiểu khung ,bạn thay đổi các kiểu cho phép sau:dotted, dashed, double, groove, ridge, inset và outset.solid
border="5"    thay đổi đường viền của ảnh nền nếu ảnh đó có đường viền,nếu không thích bạn điền vào "0"
border:#4F4F4F thay đổi mã màu của khung
font-size:15px thay đổi kích cở chữ,các định dạng này bạn có thay đổi khi viết chữ vào nền.
Chia sẻ code
Bây giờ tôi sẽ chia sẻ các bạn code bằng cách đóng khung và viết trên tấm hình nền động này

Code chia sẻ
<div style="border:#0000A3 15px outset; padding:6px; background:#FFCC33; width:405px;"><span style="color:rgb(24, 31, 232);font-family:arial, helvetica, clean, sans-serif;font-size:15px;background-color:rgb(134, 205, 236);"><div align="center" style="margin-left:0px;"><table border="6" background=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04lQ5jRCkaDy-WlKSy9L0Bc8mQ7hHRkoNr935OLAf9JSshEIEBYymQfYtdEap2HZNcGoPe79_y30U-Q6AhBkp_t2NeHbIv6-5Uc9jS5Ros20C5MUodSWFpPDayRBHxCzFZm_Qpmo_318/s320/movie2piza01.gif" align="center" style="border-collapse:collapse;font-size:inherit;width:400px;margin-left:auto;height:450px;color:rgb(255, 255, 255);font-weight:bold;"><tbody><tr><td style="margin-left:0px;vertical-align:top;"><p align="center"><font color="#bf00bf">
Chào các bạn,chúc các bạn thành công</font></div></td></tr></tbody></table></div></span> </div></div>


Hiển thị code







Chú ý các bạn nhấp vào xem trước hoặc
xuất bản mới thấy hình nền động

Chào các bạn,chúc các bạn thành công
Ngan Thong





Nếu các bạn không đóng khung chỉ sử dụng Border của ảnh thì có thể sử dụng code sau
Chú ý :Nếu chèn hình động phải chỉnh  chỉnh kích thước hình cho phù hợp trước  vì code này không cho tùy chỉnh kích cở hình.

<table align="left" background="LINK HÌNH" border="14" cellpadding="5" cellspacing="3" style="height: 300px;"><tbody>
<tr> <td align="left"><span style="font-family: Times New Roman,Times,serif; font-size: xx-small;"><span style="color: yellow; font-size: x-large;">Viết nội dung ở đây......................................</span> </span></td></tr>
</tbody></table>

VIẾT CHỮ CHẠY TRÊN NỀN ẢNH ĐỘNG



ĐẦU TRANG.....
NGAN THONG BLOGPOST.................. ................. .... ............................................. ...................... .............
VIẾT CHỮ CHẠY TRÊN NỀN ẢNH ĐỘNG...............
....CHÂN TRANG.....
BÀI ĐĂNG HOÀN CHỈNH CLICK VÀO ĐÂY


Không có nhận xét nào :