» »

Темный низ сайта (footer) с информер для uCoz


Темный низ сайта (footer) с информер для uCoz

Сейчас трудно представить низ сайта для uCoz, чтоб там не было информер. Здесь будет прописано 2 из них, которые по своим функциям актуальные для ресурса. Сам Footer выполнен в темной гамме цвета, что можно предположить на любую тематику подойдет и сам сайт в этом плане может быть соответствовать скрипту по оттенку. Также в нем будет простая статистика на операторах, которая отлично впишется в дизайн. В правой стороне вы можете поставить баннер и не один, как видите стоят 2 их, и по его ширине, предполагаю и третий можно установить. 

В самом начале вы можете сделать раздел на самые посещаемые материалы, но а также прописать, то что вам нужно. А это может быть как навигация, только которая будет вести или к отдельному материалу и категорий. В нем в самом верх можно прописать кратко о сайте, также идет полоса, которая как можно заметить сделана не на весь фон. В стилях настроен он на весь экран, вот потому у него есть небольшое пространство, кто немного знает их, сделает по форме, как ему нужно, а это по категорий главной страницу.


Установка:

Низ сайта:

Код
<footer>
  <div class="footer-fix">
<div class="footerInfoText">
  <span class="cc">© 2012 - 2016 » ZorNet.Ru - про uCoz!</span>
  <span class="cc">Использование любых материалов блога без согласования с администрацией, запрещено!</span>  
  <span class="ccs"><!-- "' --><span class="pbXQ0eyx">$POWERED_BY$.</span>
  </div>
   
<div class="footerInfoBlock">
  <div class="footerColumn">
  <div class="footerColumnTitle">ZorNet.Ru</div>
  <div class="footerInfoLinks">
  <ul>
  <li><a href="#">О проекте на сайте</a></li>
  <li><a href="#">Правила на сайте</a></li>
  <li><a href="#">Вопросы на сайте</a></li>
  <li><a href="#">Предложения на сайте</a></li>
  <li><a href="#">Вакансии на сайте</a></li>
  </ul>
  </div>
  </div>
  <div class="footerColumn">
  <div class="footerColumnTitle">Последние на форуме</div>
  <div class="footerInfoLinks">
  <ul>
  <li>$MYINF_11$</li>
  </ul>
  </div>
  </div>
  <div class="footerColumn">
  <div class="footerColumnTitle">Популярные файлы</div>
  <div class="footerGoodGame">
  <ul>
  <li>$MYINF_12$</ul>
  </div>
  </div>
  <div class="footerColumn">
  <div class="footerColumnTitle">
  <div style="float: right; margin: 1px 0 0;"> <div id="banners">
<a href="http://zornet.ru/"><img src="http://zornet.ru/Ajaxoskrip/3835891.gif" border="0" title="Скрипты и шаблоны uсoz | оптимизация и безопасность ПК" width="88" height="31"></a>
  <br>
<a href="http://zornet.ru/"><img src="http://zornet.ru/zornet_ru4/50511465.gif" border="0" title="Скрипты и шаблоны uсoz | Безопасность ПК" width="88" height="31"></a>
  </div></div>
  Статистика <a href="javascript://" onclick="new _uWnd('TdUsrLst',' ',210,200,{autosize:0},{url:'/index/62-2'});return false;" class="UserList">(?)</a>  
  </div>
  <div class="footerOnline">
  <div class="tOnline" id="onl1">$ONLINE_COUNTER$$ONLINE_USERS_LIST$ </div>
  </div>
  </div>
  </div>
<div class="footerTags">
© 2012 - 2016 » ZorNet.Ru - Мы собираем для вас интересные решения.
  </div>
  </div>
  </footer>


CSS:

Код
footer{ background:#151515; padding:20px 0; font-size:13px}
footer .footer-fix{ width:1060px; margin:0 auto; color:#888; overflow:hidden}
footer .footer-fix .footer-nav{ margin:20px 0 0; overflow:hidden}
footer .footer-fix a{ color:#666}
footer .footer-fix .footer-nav ul,  
footer .footer-fix .footer-nav ul li{ display:block; list-style:none; padding:0; margin:0}
footer .footer-fix .footer-nav ul li a{ display:block; float:left; margin:0 20px 0 0; text-decoration:underline; color:#666}
footer .footer-fix .footer-nav ul li a:hover{ color:#aaa; text-decoration:none}
footer .footer-fix .footer-nav ul li a.whited{ color:#ddd}

.footerInfoBlock{overflow:hidden; margin:20px 0 0; border-top:1px solid #191919; padding:20px 0 0;line-height: 1.5;}
.footerColumn{float:left; width:25%}
.footerColumnTitle{font:bold 20px 'PT Sans';color: #CACACA;margin: 0 0 15px;}
.footerGoodGame ul,  
.footerGoodGame ul li,  
.footerInfoLinks ul,  
.footerInfoLinks ul li{display:block; list-style:none; padding:0; margin:0}
.footerGoodGame ul li a:hover,  
.footerInfoLinks ul li a:hover,  
.footerTags a:hover{color:#68ddff; text-decoration:none}
.footerTags{overflow:hidden; margin:20px 0 0}
.footerTags a{display:inline-block}
.footerInfoText{overflow:hidden}
.footerInfoText span.ccs{display:inline-block; position:relative}
.footerInfoText span.cc{display:inline-block; position:relative; padding:0 16px 0 0; margin:0 10px 0 0}
.footerInfoText span.cc:after{position:absolute; width:4px; height:4px; right:0px; top:50%; margin:-1px 0px 0px; content:""; background:none repeat scroll 0% 0% #888}


Информер:

[ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 · Длина заголовка: 27 ]

Код
<li><a href="$THREAD_URL$">$THREAD_TITLE$</a> <span>($REPLIES$)</span></li>


[ Каталог файлов · Материалы · Количество просмотров D · Материалы: 5 · Колонки: 1 · Длина заголовка: 27 ]

Код
<table cellpadding="0" cellspacing="0" width="100%" style="padding: 2.5 0 2.5 0;"> <td align="left"> <a href="$ENTRY_URL$">$TITLE$</a></td> <td align="right"></td> </table>


Также можете скачать.
15.04.2016 Загрузок: 1 Просмотров: 678 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
Maryges
Maryges 15.04.2016 20:331
0
Но что кода нет, думаю будет, мне интересно, что знак ? дает, просто как то не сильно вписался он.
Kosten
Kosten 15.04.2016 20:372
0
Это от чего такая уверенность что будет, просто красивые картинки описываю, и не кому не мешаю. А, что знак вопрос, это на клин для окна, кто посетил сегодня сайт.
Maryges
Maryges 15.04.2016 20:483
0
Вот третий баннер. как раз бы подошел. А что кода пока нет, это не проблема. так как в паблике очень много стало появляться низ сайтов, всякого калибра, но этого не замечал.
Tergran
Tergran 15.04.2016 20:524
0
А 2 информер это не много вообще на главной, но на этом сайте как вижу тоже пара. Но такто по его конструкций шел на все три.
FeStemBer
FeStemBer 15.04.2016 20:555
0
Но если хотите развивать форум, то стоит поставить под этот модуль информер, то просто на его не кто не будет переходить, если сайт из одного такого каталога. Все по месту сделано, мне понравился такой них, ждем теперь код на его.
Kosten
Kosten 15.04.2016 21:468
0
Tergran, если поставить третий баннер, это может быть статистика от uCoz, вообщем любой баннер, такого размера, то примерно получиться так.

csretven
csretven 15.04.2016 21:116
0
Костен, что за новшество на сайте, изображение есть, а вот скрипта найти почему то не могу.
Kosten
Kosten 15.04.2016 21:147
0
Нет пока скрипта и стилей у меня, человек скинул, что вот такой низ сайта будет и вывел по стилям его, но еще пока не доработал, чтоб все нормально было, как появится и сделает, так и все появиться.
avatar