DIV:
<div class="bottom">
<div class="link">$func_link(navi=Navigator,para=Link,title=1,type=0)$</div>
<div class="contact">$func_contact(title=20,para=Contact,show=power|address)$</div>
</div>
<div class="black">$func_contact(show=tel|msg|sms|map,cln=0)$</div>
CSS:
.bottom{ background:#2D2D2D; color:#707070; padding:10px; text-align:left; margin-bottom:60px;}
.bottom a{ color:#707070;}
.bottom a:hover{ color:#c00;}
.link{ display:inline-block; width:100%; padding:15px 0; background:#313131;}
.link .RowsTitle{ float:left;}
.link .RowsTitle .Title{ font-weight:bold; }
.link .Split{ float:left; }
.link .Split a{ margin:0 10px; }
.contact{ padding-top:30px; padding-bottom:30px;}
.contact .Margin{ text-align:left;}
.contact .RowsTitle{ margin-bottom:20px;}
.contact .RowsTitle .en{ font-family:impact; font-size:24px; line-height:20px; color:#d4d4d4; text-transform:uppercase;}
.contact .RowsTitle .cn{ color:#d4d4d4; font-size:14px;}
.contact .powered{ display:block; text-transform:uppercase;}
.black{ display:block; width:100%; position:fixed; bottom:0; z-index:2000; margin:0 auto; height:60px; background:#000; bottom:0; text-align:center;}
.black .Content{ display:block; height:60px; margin:0 auto; background:url(inter.png) no-repeat center top; background-size:100% 60px; overflow:hidden;}
.black *{ display:inline; color:#fff;}
.black .dd{ display:inline-block; width:25%; text-align:center; margin-top:36px;}
.black .dd a{ color:#fff;}
参考模板mft 案例:wuhufangtuo |