Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by nightWalker 9/2/2024, 7:00 pm
» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm
» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm
» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm
» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am
» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am
» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm
» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am
» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm
» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am
» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm
» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am
» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm
» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm
» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm
» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm
» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm
» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm
» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am
» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm
» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm
» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm
» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am
» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm
» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am
Top posting users this week
No user |
[Share] Thanh Social Network
2 posters
Trang 1 trong tổng số 1 trang
[Share] Thanh Social Network
Vào Display -> Pictures and Colors -> Colors
Vào Template -> General -> Overall_footer hoặc Overall_header (tuỳ bạn muốn ở dưới hay trên), chèn vào dưới cuối
Demo:
Pro nào rảnh edit thành màu trắng giùm e (pts bị lỗi ), vì đa số forum toàn xài màu trắng và hình kím được trên google,link ảnh gốc
- Code:
#social {
height: 56px;
left: 533px;
position: absolute;
top: 110px;
width: 390px;
}
#social ul {
display: inline;
float: center;
width: 100%;
}
#social li {
display: inline;
float: center;
}
#social a {
display: inline;
float: left;
height: 0;
overflow-x: hidden;
overflow-y: hidden;
padding-top: 56px;
text-decoration: none;
width: 56px;
}
#social-facebook a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-facebook a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: 0 -56px;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-twitter a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -56px 0;
background-repeat: no-repeat;
background-size: auto auto;
width: 55px;
}
#social-twitter a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -56px -56px;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-youtube a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -165px 0;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-youtube a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -165px -56px;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-feed a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -277px 0;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-feed a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -277px -56px;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-email a {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -333px 0;
background-repeat: no-repeat;
background-size: auto auto;
}
#social-email a:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://i28.servimg.com/u/f28/16/28/30/49/social10.jpg");
background-origin: padding-box;
background-position: -333px -56px;
background-repeat: no-repeat;
background-size: auto auto;
}
Vào Template -> General -> Overall_footer hoặc Overall_header (tuỳ bạn muốn ở dưới hay trên), chèn vào dưới cuối
- Code:
<div id="social" align="center">
<ul>
<li id="social-email"><a href="mailto:Emailcuaban" title="Email" target="_none">Email</a></li>
<li id="social-feed"><a href="Linkrss" title="Subscribe to RSS Feed" target="_none">RSS Feed</a></li>
<li id="social-youtube"><a href="Linkyoutube" title="YouTube" target="_none">YouTube</a></li>
<li id="social-twitter"><a href="Linktwitter" title="Twitter" target="_none">Twitter</a></li>
<li id="social-facebook"><a href="Linkfacebook" title="Facebook" target="_none">Facebook</a></li>
</ul>
</div>
Demo:
Pro nào rảnh edit thành màu trắng giùm e (pts bị lỗi ), vì đa số forum toàn xài màu trắng và hình kím được trên google,link ảnh gốc
Được sửa bởi robotboy18 ngày 10/5/2011, 6:38 am; sửa lần 1.
Re: [Share] Thanh Social Network
Đẹp, nhưng tui thấy chèn vào footer thì không hiện, chèn vào header thì nó lại nhảy lên trên đầu wiget . Nhưng dù sao cũng cảm ơn bạn, mà cái link liên kết trong code hỏng rồi.
Re: [Share] Thanh Social Network
link liên kết nào ???...muốn xuống footer thì bạn đổi trong css ấy ...còn trên đầu widget thì mình bó tay , page mình vẫn hiển thị tốtuiti đã viết:Đẹp, nhưng tui thấy chèn vào footer thì không hiện, chèn vào header thì nó lại nhảy lên trên đầu wiget . Nhưng dù sao cũng cảm ơn bạn, mà cái link liên kết trong code hỏng rồi.
Similar topics
» [Share] chia sẽ các bạn thanh lv rút gọn gồm 3 thanh lv nhẹ gọn đễ dùng... cho punbb
» [Xin Xỏ] Ai có thanh Nav thế này share em với :3
» [Share] thanh menu Kinggame
» [Share] Bộ thanh đo vi phạm hình nhiệt kế =]]
» Share thanh diễn đàn - < KOOL >
» [Xin Xỏ] Ai có thanh Nav thế này share em với :3
» [Share] thanh menu Kinggame
» [Share] Bộ thanh đo vi phạm hình nhiệt kế =]]
» Share thanh diễn đàn - < KOOL >
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|