• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Красивый низ сайта ucoz (Как самостоятельно красиво оформить футер для сайта)
Красивый низ сайта ucoz
Kosten
Воскресенье, 29 Апреля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70


О скрипте:
Выглядит красиво, по цвету видно что на светлый дизайн сайта, смотреться будит шикарно
Приступаем к установке:
Заходим в блок низ сайта сносим там все что имеет к старому низу сайта и вставляем наш новый
Код
<style>    
#footer {background:#121212 url(http://zornet.ru/Zornet-2/footer_bg.png) repeat-x 0 0;}    
#footer_in {background:url(http://zornet.ru/Zornet-2/footer_bg.png) no-repeat 0 -81px;}    
#footer_ins {height:79px; padding:0 0 0 140px; overflow:hidden; font-weight:bold; text-shadow:0px 1px 1px #151515; background:url(http://zornet.ru/Zornet-2/footer_bg.png) no-repeat right -162px;}    
#fLeft {width:420px; float:left; margin:6px 57px 0 0; line-height:1.4;}    
#fr_top {height:31px; padding:2px 0 0 0;}    
#fr_top li {float:left;}    
#fr_top li a {height:29px; line-height:29px; padding:0 20px 0 19px; display:block; text-decoration:none; background:url(http://zornet.ru/Zornet-2/footer_bg.png) no-repeat 0 -243px;}    
#fr_top li a:hover {background:url(http://zornet.ru/Zornet-2/footer_bg.png) no-repeat -250px -243px;}    
#fr_top li.right {float:right;}    
#fr_bottom {height:39px; padding:7px 8px 0 0; text-align:right;}    
#fr_bottom a {margin:0 0 0 6px;}    
     .reset,    
.reset li,    
#hnav, #hnav li,    
.bnav, .bnav li,    
.bCat, .bCat li,    
#fr_top, #fr_top li,    
.bChat_bb, .bChat_bb li,    
.hInf, .hInf li,    
.hProf_list, .hProf_list li,    
#hnav_bottom, #hnav_bottom li,    
.cProf_right dl, .cProf_right dt, .cProf_right dd,    
.blog_info, .blog_info li,    
.v_related_list, .v_related_list li,    
.v_related_video, .v_related_video li,    
.fPost_info dl, .fPost_info dt, .fPost_info dd,    
.uMenuV, .uMenuV li,    
.archUl, .archUl li,    
.u-star-rating, .u-star-rating li {display:block; padding:0; margin:0; list-style:none;}    

form {display:block; padding:0; margin:0;}    
input[type="image"]:hover {opacity:0.8;}    
input, textarea, select, button {font-family:tahoma; font-size:11px; vertical-align:middle;}    
label {vertical-align:middle;}    
         
     #banners a img {     
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);     
}     

#banners a:hover img {     
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);     
}     
</style>    
<style>    
     .eMessagenagan1 a img, .eMessagenagan1 img {padding:3px !important;background:#ffffff;     
     border:1px solid#ffc000 !important;border-radius:1px;     
     -moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}     
     a img {border:0px;}     
</style>    

     <div id="footer">    
     <div id="footer_in">    
     <div id="footer_ins">    
     <div id="fLeft">    
     <font color="ffffff">Администрация не несёт ответственности за содержащие файлы на данном портале.    

     Дизайн принадлежит сайту NAGAN-CS.3DN.RU © 2011-2012    

     Все права не нарушены.</font> $POWERED_BY$    
     </div>    
     <div id="fRight">    
     <ul id="fr_top">     
     <li><a href="/sitemap.xml"><font color="ffffff">siteMap.xml</font></a></li>    
     <li><a href="/sitemap-forum.xml"><font color="ffffff">siteMap-Forum.xml</font></a></li>     
     <li class="right"><a href="#"><font color="ffffff">Вверх</font></a></li>   
     </ul>    
     <div id="fr_bottom">    
     <div id="banners">    
     <div class="eMessagenagan1">    
<script type="text/javascript"><!--    
document.write("<a href='http://www.liveinternet.ru/click' "+    
"target=_blank><img src='//counter.yadro.ru/hit?t22.6;r"+    
escape(document.referrer)+((typeof(screen)=="undefined")?"":    
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?    
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+    
";"+Math.random()+    
"' alt='' title='LiveInternet: показано число просмотров за 24"+    
" часа, посетителей за 24 часа и за сегодня' "+    
"border='0' width='88' height='31'><\/a>")    
//--></script>    
         
         

     <a href="/"><img src="http://counter.web-marketolog.ru/counter/?mode=b3-2" width="88" height="31" border=0 alt="продвижение сайта москва, продвижение сайтов недорого"></a>    
<a href="/" target="_blank"><img src="http://zornet.ru/zornet_ru/nagan-cs.3dn.ru_1_191.148.31.gif" border="0" width="88" height="31" alt="Тиц и pr сайта" /></a>    
         
         
<a href="http://zornet.ru" target="_blank"><img src="http://zornet.ru/Zornet-2/banner88.gif" border="0" alt="лучший портал про Cs,Ucoz,PS" width="88" height="31"></a> </div>     

     </div>     
     </div>    
     </div>    
     </div>    
     </div>    
     </div><!--/footer-->    
</div><!--/container_wrap-->
Прикрепления: 9451102.jpg (88.8 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Красивый низ сайта ucoz (Как самостоятельно красиво оформить футер для сайта)
  • Страница 1 из 1
  • 1
Поиск: