Đăng nhập
Latest topics
» Tôi sẽ đỗ đại học!by vi01239984564 26/8/2024, 7:41 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 |
[Code] Ứng dụng dọc forum
+3
Rin
K.-Kun
úT Lì
7 posters
Trang 1 trong tổng số 1 trang
[Code] Ứng dụng dọc forum
Demo :
Code :
B1 : CHO CODE SAU VÀO FOOTER_END
B2 : CHO CODE SAU VÀO CSS
Code :
B1 : CHO CODE SAU VÀO FOOTER_END
- Code:
<div class="social-buttons button-right hidden-phone hidden-tablet">
<a class="itemsocial" href="https://www.facebook.com/your FB" id="facebook-btn" target="_blank"><span class="social-icon" style="overflow: hidden; width: 43px;"><span class="social-text">Follow via Facebook</span></span></a>
<a class="itemsocial" href="https://twitter.com/your twitter" id="twitter-btn" target="_blank"><span class="social-icon" style="width: 43px;"><span class="social-text">Follow via Twitter</span></span></a>
<a class="itemsocial" href="https://plus.google.com/your G+" id="google-btn" target="_blank"><span class="social-icon" style="width: 43px; overflow: hidden;"><span class="social-text">Follow via Google</span></span></a>
<a class="itemsocial" href="http://pinterest.com/your ID" id="pinterest-btn" target="_blank"><span class="social-icon" style="width: 43px;">
<span class="social-text">Follow via Pinterest</span></span></a>
<a class="itemsocial" href="https://www.youtube.com/user/your ID" id="youtube-btn" target="_blank"><span class="social-icon" style="width: 43px;"><span class="social-text">Follow via Youtube</span></span></a>
<a class="itemsocial" href="http://feeds.feedburner.com/your feed" id="rss-btn" target="_blank"><span class="social-icon" style="overflow: hidden; width: 43px;"><span class="social-text">Follow via RSS</span></span></a>
</div>
B2 : CHO CODE SAU VÀO CSS
- Code:
.social-buttons {
position: fixed;
top: 140px;
width: 45px;
z-index: 999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}
Nguồn : Blogber
Được sửa bởi Ừ•Anh Ngốc ngày 4/7/2013, 4:54 pm; sửa lần 1.
Re: [Code] Ứng dụng dọc forum
Share chứ ứng dụng gì
K.-Kun- CPModerator
-
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi
Re: [Code] Ứng dụng dọc forum
Rin đã viết:rip rồi nguồn đâu ;?cho Rin cái nguồn
mình tự rip mà nguồn nữa hã . nguồn 4r mình thôi khõi cần ghi chứ đâu phải coppy chôm
Re: [Code] Ứng dụng dọc forum
Ừ•Anh Ngốc đã viết:Rin đã viết:rip rồi nguồn đâu ;?cho Rin cái nguồn
mình tự rip mà nguồn nữa hã . nguồn 4r mình thôi khõi cần ghi chứ đâu phải coppy chôm
Rip đồ ng` ta cũng phải cho biết là bạn Rip của ai chớ
Re: [Code] Ứng dụng dọc forum
Mình thấy thêm mấy cái này vào chỉ tổ làm nặng 4r mà chưa chắc là có người đụng đến~
Dù sao cũng like vì trông nó rất đẹp mắt ^^~ tks nhá~
Dù sao cũng like vì trông nó rất đẹp mắt ^^~ tks nhá~
Re: [Code] Ứng dụng dọc forum
puoɯɐıp llǝɥ đã viết:Ừ•Anh Ngốc đã viết:Rin đã viết:rip rồi nguồn đâu ;?cho Rin cái nguồn
mình tự rip mà nguồn nữa hã . nguồn 4r mình thôi khõi cần ghi chứ đâu phải coppy chôm
Rip đồ ng` ta cũng phải cho biết là bạn Rip của ai chớ
rip của chính phủ
Re: [Code] Ứng dụng dọc forum
harryumefor đã viết:cho mình link đi
chắc cái skin nó đẹp lắm
chuẩn bị mình share giờ
Re: [Code] Ứng dụng dọc forum
Edit nguồn rip đi pạn đừng để mấy pro vô nói là ko còn lỗ nào mà chui âuỪ•Anh Ngốc đã viết:puoɯɐıp llǝɥ đã viết:Ừ•Anh Ngốc đã viết:Rin đã viết:rip rồi nguồn đâu ;?cho Rin cái nguồn
mình tự rip mà nguồn nữa hã . nguồn 4r mình thôi khõi cần ghi chứ đâu phải coppy chôm
Rip đồ ng` ta cũng phải cho biết là bạn Rip của ai chớ
=))rip của chính phủ
Mình cx đã pị nhắc cái này 1 lần
Re: [Code] Ứng dụng dọc forum
HoàngTửNaivip5p đã viết:Edit nguồn rip đi pạn đừng để mấy pro vô nói là ko còn lỗ nào mà chui âuỪ•Anh Ngốc đã viết:puoɯɐıp llǝɥ đã viết:Ừ•Anh Ngốc đã viết:
mình tự rip mà nguồn nữa hã . nguồn 4r mình thôi khõi cần ghi chứ đâu phải coppy chôm
Rip đồ ng` ta cũng phải cho biết là bạn Rip của ai chớ
=))rip của chính phủ
Mình cx đã pị nhắc cái này 1 lần
nguồn nơi mình rip á hã .
Similar topics
» [code] Code hiệu ứng tuyết rơi cho blog,web,forum
» Xin code làm nền cho forum
» [Thắc mắc] đoạn code LỊCH của forum
» Xin code bản thông tin forum
» Cho mình xin lại code hình nền forum trược[✔]
» Xin code làm nền cho forum
» [Thắc mắc] đoạn code LỊCH của forum
» Xin code bản thông tin forum
» Cho mình xin lại code hình nền forum trược[✔]
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
|
|