Diễn đàn sư phạm Yên Bái
Khách viếng thăm sẽ rất thiệt thòi đấy!!! Đăng nhập để chia sẻ... Ghi danh để yêu thương... ^^
Diễn đàn sư phạm Yên Bái
Khách viếng thăm sẽ rất thiệt thòi đấy!!! Đăng nhập để chia sẻ... Ghi danh để yêu thương... ^^
Change background image
Diễn đàn sư phạm Yên Bái

Kết nối cộng đồng sư phạm Online

wWw.GiaoVienYenBai.7Forum.Net - Kết Nối Cộng Đồng Sư Phạm Online

Go downMessage [Page 1 of 1]

© FMvi.vn

#1Code, trang trí,Xóa, cách làm đẹp phần chân blog ( Footer)  EmptyCode, 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
rongbay
rongbay

Tôi là thuyền trưởng của cuộc đời tôi

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

http://akj.come.vn

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é:


http://akj.come.vn
Ả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:

http://akj.come.vn

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:

http://akj.come.vn

+
+ + 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:



http://akj.come.vn

http://akj.come.vn

http://akj.come.vn



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:

http://akj.come.vn


Đơ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:
http://akj.come.vn

#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à cuoi


-----------------------------------------------
Cảm ơn bạn đã đọc bài tại:wWw.GiaoVienYenBai.7Forum.Net
https://m.facebook.com/thienthanbebong199http://xemboi.uiwap.com

Thích

Báo xấu [0]

Gửi một bình luận lên tường nhà rongbay
Trả lời nhanh

Back to topMessage [Page 1 of 1]

  © FMvi.vn

« Xem bài trước | Xem bài kế tiếp »

Bài viết liên quan

    Quyền hạn của bạn:

    You cannot reply to topics in this forum

    • TOP RANK(Giao Vien Yen Bai) Thank to:© FMvi - Design by baivong