#1Code, trang trí,Xóa, cách làm đẹp phần chân blog ( Footer) 4/1/2012, 20:03
Đang xem:In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests
rongbay
Chia sẻ bài viết: ----------------------------
Sâu tận dưới đáy blog, footer
không được vị thế thuận lợi như phần nóc nhà, nhưng không phải
vì thế mà footer trở nên kém được quan tâm nếu như các bạn có
chăm sóc nó ^^ . một ví dụ là footer của blog akj nhé :D
Cũng không đến nỗi đúng không, muốn làm như akj
cũng dễ thôi, công việc của bạn là ráp link hình vào code, wan
trọng là cái hình trang trí cho footer của bạn đó ^^ , Trang
trí footer dựa vào 2 code chính sau đây nhé:
Ảnh footer ban đầu
1> Code làm trong suốt Footer:
2> Code thay ảnh cho footer:
A là chiều cao, bạn thay chiều cao của hình vào nhé
+ + + Nếu chọn hình ảnh cho footer là 1 dạng banner thì nên thiết kế chiều rộng là 1024
, Hai bên đầu trái và đầu phải phải khớp với nhau, bạn cũng
có thể để nó chính giữa mà không cần phải căn 2 đầu khớp
nhau bằng cách thêm chữ no- trước chữ repeat trong code. Thêm chữ center sau chữ repeat để tấm hình vào giữa nếu muốn
#footer{background:transparent url(link ãnh) no-repeat center;height:Apx;}
Ví dụ với ảnh này ta chọn làm footer:
Chiều cao ảnh này là 205px như vậy ta có code:
Sau khi dùng code cho blog ta sẽ được footer như sau:
+
+ + Nếu chọn hình ảnh cho footer là 1 dạng hình động thì chỉ
việc thay link ảnh và chiều cao của ảnh vào code là được. akj có những hình động sau:
Ví dụ ta lấy hình con cừu có chiều cao là 61, ta có code:
Sau khi sử dụng code ta có footer như sau:
Đơn giản phải không, akj nghĩ là tùy theo thẩm mĩ mỗi người mà footer sẽ đẹp hơn
Phần tìm hiểu thêm: (code riêng biệt):
3>Code thay hình nền cho phần chữ cuối blog:
4> Code xóa dòng chữ "Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
Code thay đổi màu chữ "Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
5>
Code xóa dòng chữ "Chính sách Quyền Riêng tư Điều khoản Sử dụng Dịch vụ
Chính sách Bản quyền Trợ giúp Nguyên tắc Cộng đồng"
Code
thay đổi màu chữ "Chính sách Quyền Riêng tư Điều khoản Sử dụng Dịch
vụ Chính sách Bản quyền Trợ giúp Nguyên tắc Cộng đồng"
6> Code xóa dòng ngăn cách:
7> Code xóa hết, xóa hoàn toàn phần chữ cuối blog
Xong rồi đó , chỉ cần 1 tí khéo léo trong khâu thiết kế ảnh thì bạn đã có một footer đẹp rồi , dễ mà
-----------------------------------------------
Cảm ơn bạn đã đọc bài tại:wWw.GiaoVienYenBai.7Forum.Net
Sâu tận dưới đáy blog, footer
không được vị thế thuận lợi như phần nóc nhà, nhưng không phải
vì thế mà footer trở nên kém được quan tâm nếu như các bạn có
chăm sóc nó ^^ . một ví dụ là footer của blog akj nhé :D
Cũng không đến nỗi đúng không, muốn làm như akj
cũng dễ thôi, công việc của bạn là ráp link hình vào code, wan
trọng là cái hình trang trí cho footer của bạn đó ^^ , Trang
trí footer dựa vào 2 code chính sau đây nhé:
Ảnh footer ban đầu
1> Code làm trong suốt Footer:
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:0px;color:transparent;} |
2> Code thay ảnh cho footer:
#footer{background:transparent url(link ãnh) repeat ;height:Apx;} #footer{border-width:0px;} #footer .provider p, #footer .info p, #footer .rights p, #footer .privacy p, #footer .disclaimer p, #footer .provider h4{font-size:0px;} #footer{font-size:0px;color:#ffffff;} |
A là chiều cao, bạn thay chiều cao của hình vào nhé
+ + + Nếu chọn hình ảnh cho footer là 1 dạng banner thì nên thiết kế chiều rộng là 1024
, Hai bên đầu trái và đầu phải phải khớp với nhau, bạn cũng
có thể để nó chính giữa mà không cần phải căn 2 đầu khớp
nhau bằng cách thêm chữ no- trước chữ repeat trong code. Thêm chữ center sau chữ repeat để tấm hình vào giữa nếu muốn
#footer{background:transparent url(link ãnh) no-repeat center;height:Apx;}
Ví dụ với ảnh này ta chọn làm footer:
Chiều cao ảnh này là 205px như vậy ta có code:
#footer{background:transparent url( https://2img.net/h/i927.photobucket.com/albums/ad111/hotroakj/tttttt.png) repeat;height:205px;} #footer{border-width:0px;} #footer .provider p, #footer .info p, #footer .rights p, #footer .privacy p, #footer .disclaimer p, #footer .provider h4{font-size:0px;} #footer{font-size:0px;color:#ffffff;} |
Sau khi dùng code cho blog ta sẽ được footer như sau:
+
+ + Nếu chọn hình ảnh cho footer là 1 dạng hình động thì chỉ
việc thay link ảnh và chiều cao của ảnh vào code là được. akj có những hình động sau:
Ví dụ ta lấy hình con cừu có chiều cao là 61, ta có code:
#footer{background:transparent url( https://2img.net/h/i648.photobucket.com/albums/uu201/linhtinhakj/493974c0dp7jrqng.gif) repeat;height:61px;} #footer{border-width:0px;} #footer .provider p, #footer .info p, #footer .rights p, #footer .privacy p, #footer .disclaimer p, #footer .provider h4{font-size:0px;} #footer{font-size:0px;color:#ffffff;} |
Sau khi sử dụng code ta có footer như sau:
Đơn giản phải không, akj nghĩ là tùy theo thẩm mĩ mỗi người mà footer sẽ đẹp hơn
Phần tìm hiểu thêm: (code riêng biệt):
3>Code thay hình nền cho phần chữ cuối blog:
#footer {background:url(Link ảnh) center;} |
4> Code xóa dòng chữ "Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
#footer .ft .provider p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p {font-size:0px;color:transparent;} |
Code thay đổi màu chữ "Bản quyền © 2009 Yahoo! Southeast Asia Pte. Ltd. (Co. Reg. No. 1999700735D). Giữ toàn quyền."
#footer .ft .rights {color: #FFFFFF;} |
5>
Code xóa dòng chữ "Chính sách Quyền Riêng tư Điều khoản Sử dụng Dịch vụ
Chính sách Bản quyền Trợ giúp Nguyên tắc Cộng đồng"
#footer {font-size:0px;color:transparent;} |
Code
thay đổi màu chữ "Chính sách Quyền Riêng tư Điều khoản Sử dụng Dịch
vụ Chính sách Bản quyền Trợ giúp Nguyên tắc Cộng đồng"
#footer .ft .info a{color: #FF00FF;} |
6> Code xóa dòng ngăn cách:
#footer {border-top-style:none;} |
7> Code xóa hết, xóa hoàn toàn phần chữ cuối blog
#footer {border-top-style:none;} #footer, #footer .ft .provider p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p {font-size:0px;color:transparent;} |
Xong rồi đó , chỉ cần 1 tí khéo léo trong khâu thiết kế ảnh thì bạn đã có một footer đẹp rồi , dễ mà
-----------------------------------------------
Cảm ơn bạn đã đọc bài tại:wWw.GiaoVienYenBai.7Forum.Net