Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy
click để tìm bản mới hơn
Footer giống diendanthammy.com
Vào template Footer , tìm :
Thêm vào bên trên :
Chèn vào template Extra.css
Mã:
<div class="footerLegal">
Thêm vào bên trên :
Mã:
<div id="BRCopyright" class="concealed footerLegal" style="clear:both"><div class="pageContent muted"><a href="http://brivium.com/" class="concealed" title="Brivium Limited">XenForo Add-ons by Brivium ™ © 2012-2013 Brivium LLC.</a></div></div>
<div class="footer footerMega pageWidth">
<div class="footlist">
<div class="logofoot">
<a href="/"><img src="http://diendanthammy.com/attachments/logo1-png.9485/?temp_hash=975596e7d7a535dc50d6751057e9a695" width="250px" alt="Cộng đồng thẩm mỹ số 1 Việt Nam"></a>
<ul class="flist">
<li>
<a href="https://www.facebook.com/DienDanThamMy" class="icosocial fb" target="_blank"></a>
<a href="https://twitter.com/" class="icosocial tw" target="_blank"></a>
<a href="http://www.youtube.com/" class="icosocial yt" target="_blank"></a>
<a href="http://feedburner.google.com/fb/a/myfeeds?gsessionid=1XqMhqrIlUyEn9EI62v6xg" class="icosocial rss" target="_blank"></a>
</li>
</ul>
<ul class="flist">
<li><a href="http://diendanthammy.com/threads/lien-he-quang-cao-tren-diendanthammy-com.8097/#post-24353"><b>Liên hệ quảng cáo</b></a></li>
<li><a href="http://diendanthammy.com/forums/gop-y-lien-he.7/">Liên hệ hỗ trợ công việc</a></li>
<li><a href="http://diendanthammy.com/threads/ddtm-cung-cap-tong-dai-tu-van-mien-phi.17974/#post-74456">Tư vấn miễn phí về thẩm mỹ: <b>0949.55.77.66 - 04.666.19977</b></a></li>
</ul>
</div>
<!-- end logofoot -->
<ul class="flist">
<li class="title products">Phẫu thuật thẩm mỹ</li>
<li><a href="http://diendanthammy.com/forums/nang-nguc.11/">Nâng ngực</a></li>
<li><a href="http://diendanthammy.com/forums/nang-mui.127/">Nâng mũi</a></li>
<li><a href="http://diendanthammy.com/forums/tao-ma-lum-dong-tien.146/">Tạo má lúm đồng tiền</a></li>
<li><a href="http://diendanthammy.com/forums/giam-beo.12/">Giảm béo</a></li>
<li><a href="http://diendanthammy.com/forums/cat-mi-bam-mi.128/">Cắt mí - Bấm mí</a></li>
<li><a href="http://diendanthammy.com/forums/tham-my-tang-sinh-mon.156/" target="_blank">Thẩm mỹ tầng sinh môn</a></li>
<li><a href="http://diendanthammy.com/forums/phau-thuat-ham-mat.13/" target="_blank">Phẫu thuật hàm mặt</a></li>
<li><a href="http://diendanthammy.com/forums/tri-hoi-nach.131/" target="_blank">Trị hôi nách</a></li>
<li><a href="http://diendanthammy.com/forums/cay-toc-cay-long-may.190/" target="_blank">Cấy tóc – Cấy lông mày</a></li>
</ul>
<!-- end footlist -->
<ul class="flist">
<li class="title favorites">Điều trị thẩm mỹ da</li>
<li><a href="http://diendanthammy.com/forums/tri-tan-nhang.141/">Trị tàn nhang</a></li>
<li><a href="http://diendanthammy.com/forums/tri-mun.143/">Trị mụn</a></li>
<li><a href="http://diendanthammy.com/forums/tri-seo.142/">Trị sẹo</a></li>
<li><a href="http://diendanthammy.com/forums/tay-not-ruoi.191/">Tẩy nốt ruồi</a></li>
<li><a href="http://diendanthammy.com/forums/tam-trang.139/">Tắm trắng</a></li>
</ul>
<!-- end footlist -->
<ul class="flist">
<li class="title favorites">Địa chỉ làm đẹp</li>
<li><a href="http://diendanthammy.com/forums/danh-ba-tham-my-vien.31/">Danh bạ thẩm mỹ</a></li>
<li><a href="http://diendanthammy.com/forums/nha-khoa-tham-my.189/">Nha khoa thẩm mỹ</a></li>
<li><a href="http://diendanthammy.com/forums/bac-si-tham-my.186/">Bác sỹ thẩm mỹ</a></li>
</ul>
<ul class="flist">
<li class="title favorites">Liên kết khác</li>
<li><a href="http://nhakhoahoanmy.net/">Nha khoa Hoàn Mỹ</a></li>
</ul>
<!-- end footlist -->
<br clear="all">
</div>
</div>
Chèn vào template Extra.css
Mã:
.footerMega {
background: #fff;
-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
padding-bottom: 30px;
}
.footlist {
/*margin:40px 0 30px 0;*/
border-top: #eee 3px solid;
padding-top: 25px;
background: #fff;
margin: 0 10px;
}
.footlist .logofoot {
width: 243px;
float: left;
margin: 0 20px 0 10px;
}
.footlist .logofoot img {
margin-bottom: 10px;
}
.footlist .logofoot ul{
margin:0;
width:100%;
}
.footlist .logofoot a.ctvbtn {
display: block;
background: #01aaad;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
padding: 5px 6px;
color: #fff;
text-align: center;
font-size: 12px;
}
.footlist .logofoot a.ctvbtn:hover {
background: #02979a;
}
.footlist ul.flist {
float: left;
margin: 0 10px;
padding: 0;
width: 165px;
list-style-type: none;
}
.footlist ul.flist li a {
color: #3f3f3f;
font-size: 11px;
padding:3px 0;
}
.footlist ul.flist li a:hover {
color: #f84b0f;
}
.footlist ul.flist li.title {
background: url(styles/thammy/titlespec.gif) no-repeat;
height: 22px;
margin-bottom: 5px;
color:#066fab;
font-size:15px;
font-family:Arial;
}
.footlist ul.flist li a.icosocial {
background: url(styles/thammy/icon32.png) no-repeat;
display: inline-block;
margin-right: 2px;
width: 22px;
height: 22px;
margin-top: 8px;
}
.footlist ul.flist li a.fb {
background-position: 0 -96px;
}
.footlist ul.flist li a.tw {
background-position: 0 -124px;
}
.footlist ul.flist li a.in {
background-position: 0 -152px;
}
.footlist ul.flist li a.yt {
background-position: 0 -181px;
}
.footlist ul.flist li a.rss {
background-position: 0 -212px;
}
.footerLegal{
color:#d7d7d7;
margin-top:20px;
background:#373737;
}
.footer a.icosocial{
padding:0;
}
.footerLegal a{
color:#7da8ff;
}
.contactNav li a{
font-size:11px;
color:#000;
}
.sublink ul li{
border-bottom: #CFCFCF 1px dashed;
padding:8px 0px 8px 15px;
font-size:12px;
list-style-type: none;
background:url('styles/thammy/icon-arrow.png') left 50% no-repeat;
width: 260px;
float:none;
}
.sublink ul li.sublinkLi.last {border-bottom:none;}
.sublink ul li.sublinkLi a {
font-weight:300;
font-family: arial;
}
.sublink ul li.sublinkLi .avatar,
.sublink ul li.sublinkLi .userTitle {
display:none;
}
.social {
border: 1px solid #cfcfcf;
float: left;
width: 299px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
padding: 10px 0px;
margin-bottom: 20px;
}
.social a {
float: left;
width: 53px;
text-align: center;
margin-left: 17px;
font-size: 8px;
color: #666666;
}
.social i {
float: left;
background: url('styles/thammy/icons.png') left top no-repeat;
height: 53px;
width: 53px;
margin-bottom: 5px;
}
.social i.icon-youtube {
background: url('styles/thammy/icons.png') -65px top no-repeat;
}
.social i.icon-rss {
background: url('styles/thammy/icons.png') -130px top no-repeat;
}
.social i.icon-contact {
background: url('styles/thammy/icons.png') -195px top no-repeat;
}
.EWRporta_Portal .sidebar .visitorPanel {
display: none;
}
.sublinkLi .news_img{
display:none;
border: 1px #CCC solid;
padding: 1px;
float: left;
margin-right: 10px;
}
.sublinkLi .news_img.first{
display:none;
border: 1px #CCC solid;
padding: 1px;
float: left;
margin-right: 10px;
}
.sublinkLi .news_img img{
width:58px;
height:58px;
}
.sublinkLi .news_img.first img{
border: none;
height: 90px;
width: 120px;
}
.node_31 .subForums .blockLinksList {
display: inline-table;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
word-spacing: -10px;
margin-top: 3px;
padding-left: 40px !important;
border: none !important;
}
.node_31 .secondaryContent {
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 0px !important;
border: none !important;
}
.node_31 .subForums .blockLinksList > li {
display: inline-block;
width: 33%;
word-spacing: 0;
vertical-align: top;
}
#BRCopyright {
display: none;
}
Nguồn: tailieu24h.net
Bài viết liên quan
Bài viết mới
Bị lỗi data
bởi bloghocpiano,