Home » for tháng 3 2012
Chèn banner và chèn flash lồng lên banner
Posted in
|
vuongsungdong
A.Sử dụng code chèn banner cho blog sau :
Code :
| #head{background:transparent url(Thay_link_hinh_làm_banner_của_bạn_vô_đây) no-repeat center top;height:Apx;} |
Tùy chỉnh : Bạn chỉ cần thay link hình làm banner của bạn vô dòng chữ :Thay_link_hinh_làm_banner_của_bạn_vô_đây ở trong đoạn code trên,còn Alà chiều cao của banner đó .Sau đó copy code trên paste vô css trong blog của bạn ! oke ha
Ví dụ như cái banner này
Code :
| #head{background:transparent url(http://a.imageshack.us/img199/1305/bannerkhoc.jpg) no-repeat center top;height:280px;} |
Chú ý : chiều rộng của banner là 950px bạn nhé,như vầy thì khi thiết kế hay tìm banner các bạn chú ý chọn hình có kích thước như vầy nhé !
B.Chèn flash lên lồng lên banner đó :
Sử dụng Code chèn flash chung :
Tùy chỉnh : 300 : chiều cao của flash đó,còn độ rộng của flash thì nên để 100% !
Bây giờ phải làm thế nào nữa,có code chèn flash rùi,bạn vô blog của tôi,thêm một modun tự tạo ra ngoài trang chính,giả dụ modun tự tạo số 1 nhé,chọn vị trí của modun đó ở đầu trang ! Được chưa,bây giờ lại vào sửa trang,tìm đến modun tự tạo số 1 vừa thêm ra ngoài đầu trang đó,ấn nút sửa,bên cạnh dấu X đó,sẽ hiện lên một khung,phần tiêu đề thì để dấu . nhá,phần nội dung thì paste code chèn flash ở trên vào ! Ấn lưu là xong
Xong rùi đó,mình đang viết blog ở ngoài quán,nên ko tiện chụp hình để hướng dẫn,nhưng có lẽ những lời nói ở trên cũng đủ để các bạn làm được ! Hi vọng là thế !
Vấn đề banner : các bạn có thể vô google search tìm,rất nhiều,tìm cái nào hợp với nền blog của các bạn nhé
Hết ! Chúc thành công,thích thì cảm ơn,ko thích thì đừng miễn cương,ghi nguồn cũng được,ko cũng được,chả sao cả !
MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2)
Do có một số bạn hỏi: Sao không đổi màu cho menu được?, vì vậy hôm nay tôi xin giới thiệu đến các bạn MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2), menu này cũng giống với menu kiểu 1 nhưng thay vào đó các bạn có thể dễ dàng đổi màu cho menu, đổi màu cho chữ trên menu...
Để tạo được như vậy, các bạn cần làm theo các bước sau đây:
Đầu tiên, bạn đăng nhập vào Blog > Chọn thiết kế > Chọn chỉnh sửa HTML, sau đó bạn bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào khung dòng lệnh <head>. Bây giờ bạn copy đoạn code này và dán phía dưới dòng lệnh đó.
<style type='text/css'> html .jqueryslidemenu{height: 1%;} </style> <script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/66348944/drop_menu.js' type='text/javascript'/> |
Sau khi dán xong đoạn code này, bạn xoá dòng lệnh cũ đi và tiếp tục gõ vào khung tìm kiếm dòng lệnh </header> rồi copy tất cả các code này vào trên dòng lệnh đó và bấm Lưu mẫu.
<style> .jqueryslidemenu{ font: bold 12px Verdana; background:#153E7E; /* màu nền của menu*/ width: 100%; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } .jqueryslidemenu ul li{ position: relative; display: inline; float: left; } .jqueryslidemenu ul li a{ display: block; background:#15317E; /* màu nền của thư mục chính*/ color: white; /*màu text thư mục chính*/ padding: 8px 10px; border-right: 1px solid #778; color: #ccc; text-decoration: none; } * html .jqueryslidemenu ul li a{ display: inline-block; } /*.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #ff0066; //màu cchữ các menu }*/ .jqueryslidemenu ul li a:hover{ background:#2B60DE; /* màu hiệu ứng khi rê chuột vào các link*/ color: white; /*màu text khi rê chuột*/ } .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } .jqueryslidemenu ul li ul li{ display: list-item; float: none; } .jqueryslidemenu ul li ul li ul{ top: 0; } .jqueryslidemenu ul li ul li a{ font: normal 13px Verdana; width: 160px; padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray; } .jqueryslidemenuz ul li ul li a:hover{ background: #eff9ff; color: black; } .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; }</style> <div id="myslidemenu" class="jqueryslidemenu"> <ul> <li><a href="http://dungheineken8.blogspot.com/">Home</a></li> <li><a href="http://dungheineken.blogspot.com/">Thủ thuật máy computer</a></li> <li><a href="http://anhdepblog.blogspot.com/">Thủ thuật Ảnh </a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> <li><a href="#">Sub Item 1.3</a></li> <li><a href="#">Sub Item 1.4</a></li> </ul></li> <li><a href="http://phimvang.org/">Xem phim</a></li> <li><a href="#">Blogspot</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Folder 2.1</a> <ul> <li><a href="#">Sub Item 2.1.1</a></li> <li><a href="#">Sub Item 2.1.2</a></li> <li><a href="#">Folder 3.1.1</a> <ul> <li><a href="#">Sub Item 3.1.1.1</a></li> <li><a href="#">Sub Item 3.1.1.2</a></li> <li><a href="#">Sub Item 3.1.1.3</a></li> <li><a href="#">Sub Item 3.1.1.4</a></li> <li><a href="#">Sub Item 3.1.1.5</a></li> </ul> </li> <li><a href="#">Sub Item 2.1.4</a></li> </ul> </li> </ul></li> <li><a href="http://www.nhaccuatui.com/">Nghe nhạc</a></li> <li><a href="http://anhdepblog.blogspot.com/">Hình ảnh</a> <ul> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> </ul></li> <li><a href="#">Download</a> <ul> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Sub Item 2.2</a></li> </ul></li> </ul><br style="clear: left" /> </div> |
Bây giờ điều bạn cần làm là thay đổi các dữ liệu trong các dòng lệnh <a herf="#" (thay # bằng địa chỉ link liên kết), tên menu và thay đổi màu cho menu, màu chữ theo ý thích của bạn (có ghi chú ở code) cho phù hợp với Blog của mình. Cuối cùng bấm Lưu mẫu và trở lại Blog để "thưởng thức" thành quả. Lưu ý: Có một số giao diện blog sẽ không có lệnh </header>, do vậy bạn phải thêm tiện ích HTML/Javacript rồi dán code phần 2 vào và lưu lại là xong.
Read more: MENU NGANG XỔ DỌC XUỐNG NHIỀU CẤP (KIỂU 2) | dunghennessy
Under Creative Commons License: Attribution Share Alike
các blog Quảng cáo
BÀI ĐĂNG NỔI BẬT
-
Hướng dẫn nuôi cá rồng - Arowana Theo văn hóa Trung Quốc, nuôi cá rồng đỏ trong nhà sẽ mang lại sự may mắn và thịnh vượng, chính vì thế m... -
Nhiều người dùng vì ham rẻ mà mua nhầm iPhone 4 nhái . Loạt ảnh dưới đây giúp bạn so sánh iPhone 4 thật và giả. Hộp đựng điện thoại iPhone... -
Đây là website chính thức do mr.Đông phát hiện ra http://www.pearsonlongman.com/newcuttingedge/ New Cutting Edge Elementary Student...
BÀI ĐĂNG GẦN ĐÂY
Meovatcuocsong.blogspot.com
Bình luận
Nhãn
AFRICA
(1)
CÔNG NGHỆ
(15)
HỌC TIẾNG ANH
(11)
karaoke
(7)
kế toán
(1)
KINH DOANH
(2)
KỸ NĂNG
(6)
m
(3)
MẸO CHỮA BỆNH
(14)
MẸO VẶT BLOGGER
(100)
MẸO VẶT GIA ĐÌNH
(5)
MẸO VẶT GIAO TIẾP
(12)
MẸO VẶT HỌC HÀNH
(10)
MẸO VẶT KINH DOANH
(30)
MẸO VẶT LÀM ĐẸP
(57)
MẸO VẶT MÁY TÍNH
(49)
MẸO VẶT NẤU NGON
(41)
MẸO VẶT THÀNH CÔNG
(1)
MẸO VẶT TỔNG HỢP
(39)
PHẦN MỀM
(64)
Sức khỏe bà bầu
(6)
TEMPLATE
(72)
THỜI TRANG
(1)
THỦ THUẬT
(14)
TIN TỨC
(224)
TÌNH YÊU-GIỚI TÍNH
(7)
tiq
(1)
VIDEO HÀI
(1)
windows
(3)
Xem phim
(1)