admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 34 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: [Share] Thanh Social Network Fri Aug 26, 2011 8:47 pm | |
| Vào Display -> Pictures and Colors -> Colors - 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: | |
|
admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 34 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: Re: [Share] Thanh Social Network Fri Aug 26, 2011 8:47 pm | |
| Demo: | |
|