ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Новый темный низ Футер для сайта uCoz

Новый темный низ Футер для сайта uCoz

Новый темный низ Футер для сайта uCoz
В темной гамме цвета низ сайт, по различной тематике, стандартная форма. Здесь с права статистика идет, а с левой вы можете выставить баннер или счетчик. Сам оттенок можно поменять, и сделать еще темнее, что будет изображение для сравнение. В какой то момент если ресурс фиксирован, то его также можно выставить. Но сделано здесь на весь экран, так как основном так и устанавливают. Но и сам центр, который предназначен, для краткого описание, также поставить ленты и RSS.

Есть место под ссылки, что можете там или обменяться или поставить на важные разделы сайта. Стилистика у него красиво смотрится, это 2 угла немного закругленные, а что нижние, они впритык стоят и там не нужно не чего делать. Можно поставить на блог, или если вам просто нужен низ, который просто под темный фон вписывался, то этот подойдет как не темный или светлый.

Красивый темный низ для сайта

Установка:

Это каркас, что поменять в низ сайта полностью.

Код
<style type="text/css">  
td.begun_adv_cell {background-color:#121212 !important; border:1px solid #323232 !important;  
}  
a.snap_noshots {color:red !important; text-shadow:1px 1px 0px #1d1d1d !important;  
}  
.Footer {border:1px solid #3d3d3d; border-bottom:0px;  
-webkit-border-top-left-radius: 3px;  
-webkit-border-top-right-radius: 3px;  
-moz-border-radius-topleft: 3px;  
-moz-border-radius-topright: 3px;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
}  
.FooterWrap {border:1px solid #000000; border-bottom:0px; background:#1a1a1a; padding:5px; padding-bottom:0px; font-size:11px; font-family:tahoma;  
-webkit-border-top-left-radius: 3px;  
-webkit-border-top-right-radius: 3px;  
-moz-border-radius-topleft: 3px;  
-moz-border-radius-topright: 3px;  
border-top-left-radius: 3px;  
border-top-right-radius: 3px;  
}  
a.Partner:link, a.Partner:active, a.Partner:visited {text-decoration:none; font-size:11px; font-family:tahoma; color:#e0e0e0;  
}  
a.Partner:hover {text-decoration:none; font-size:11px; font-family:tahoma; color:#e0e0e0;  
}  
.Partner div {background:#262626 url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/Antugsan/Bullet.png') 1px 6px no-repeat; padding:3px 6px 4px 14px; text-shadow:1px 1px 0px #101010; margin:-0px -0px;  
}  
.Partner div:hover {background:#2a2a2a url('http://zornet.ru/Ajaxoskrip/Fekstura_tekst/Antugsan/Bullet.png') 1px 6px no-repeat; padding:3px 6px 4px 15px; text-shadow:1px 1px 0px #101010; margin:-0px -0px;  
}  
</style>  

<td valign="top">
<div class="Footer"><div class="FooterWrap">
<table style="margin-top:-5px; margin-bottom:-1px;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td style="padding:5px 5px 8px 3px; border-right:1px solid #000000;" width="140px" valign="top">
<div style="color:#e8e8e8; text-shadow:1px 1px 0px #000;"><b>Статистика</b></div>
</td>
<td style="padding:5px 5px 8px 5px; border-left:1px solid #393939; border-right:1px solid #000000;" valign="top">
<div style="color:#e8e8e8; text-shadow:1px 1px 0px #000; padding-top:1px;">
<a class="FooterLink" href="/">Главная</a> <span style="margin:0px 5px;"></span>  
<a class="FooterLink" href="/">О сайте</a> <span style="margin:0px 5px;"></span>  
<a class="FooterLink" href="/">Форум</a> <span style="margin:0px 5px;"></span>  
<a class="FooterLink" href="/">Качество фильмов</a> <span style="margin:0px 5px;"></span>  
<a class="FooterLink" href="/">Реклама</a> <span style="margin:0px 5px;"></span>  
<a class="FooterLink" href="/">Контакты</a> <span style="margin:0px 5px;"></span>  
</div>  
</td>  
<td style="padding:5px 0px 8px 0px; border-left:1px solid #393939; border-right:1px solid #000000;" width="140px" valign="top">  
<div style="color:#e8e8e8; margin-left:5px; text-shadow:1px 1px 0px #000;"><b>Партнеры</b></div>  
</td>  
<td style="padding:5px 5px 8px 5px; border-left:1px solid #393939;" width="100px" valign="top">  
<div style="text-align:center; color:#e8e8e8; text-shadow:1px 1px 0px #000;"><b>Счетчики</b></div>  
</td>  
</tr>  
</table>  
<div style="padding:0px;"></div>  
<div style="border-top:1px solid #000000; border-bottom:1px solid #393939; margin:0px -5px -1px -5px;"></div>  
<div style="padding:0px;"></div>  
<table style="" border="0" cellpadding="0" cellspacing="0" width="100%">  
<tr>  
<td style="padding:5px 5px 5px 3px; border-right:1px solid #000000;" width="140px" valign="top">  
<div style="text-shadow:1px 1px 0px #000000;">$ONLINE_COUNTER$</div>  
<div style="border-top:1px solid #000000; border-bottom:1px solid #3a3a3a; margin:4px -5px 4px -8px;"></div>  
$ONLINE_USERS_LIST$  
</td>
<td style="padding:5px 5px 5px 5px; border-left:1px solid #393939; border-right:1px solid #000000;" valign="top">
<div style="margin:5px -5px 5px -6px;"></div>
<div style="text-shadow:1px 1px 0px #000000; color:#8d8d8d;">
Данные материалы предоставлены нашим сайтом исключительно для домашнего просмотра в ознакомительно-информационных целях. Администрация не несет ответственности за их содержимое.  
<br><br>
Карта <a href="/sitemap.xml" class="Fotlink">сайта</a>, Карта <a href="/sitemap-forum.xml" class="Fotlink">форума</a> | <!-- "' --><span class="pbnQG7Ve">Site creat prin <a href="http://www.ucoz.ro/">uCoz</a></span> | 2011-2012 <a href="/">ZorNet.Ru</a>
</div>
</td>
<td style="padding:0px 0px 0px 0px; border-left:1px solid #393939; border-top:1px solid #3a3a3a; border-right:1px solid #000000;" width="140px" valign="top">
<a href="/" class="Partner"><div>Ваша ссылка</div></a>
<div style="border-top:1px solid #000000; border-bottom:1px solid #3a3a3a; margin:0px -0px 0px -1px;"></div>
<a href="/" class="Partner"><div>Ваша ссылка</div></a>
<div style="border-top:1px solid #000000; border-bottom:1px solid #3a3a3a; margin:0px -0px 0px -1px;"></div>
<a href="/" class="Partner"><div>Ваша ссылка</div></a>
<div style="border-top:1px solid #000000; border-bottom:1px solid #3a3a3a; margin:0px -0px 0px -1px;"></div>
<a href="/" class="Partner"><div>Ваша ссылка</div></a>
<div style="border-top:1px solid #000000; border-bottom:1px solid #3a3a3a; margin:0px -0px 0px -1px;"></div>
<a href="/" class="Partner"><div>Ваша ссылка</div></a>
</td>
<td style="padding:5px 5px 5px 5px; border-left:1px solid #393939;" width="100px" align="center" valign="top">
<div style="margin-top:2px; padding-left:3px;">
$COUNTER$  
<a href="http://zornet.ru/"><img src="http://zornet.ru/Ajaxoskrip/3835891.gif" border="0" title="Скрипты и шаблоны uсoz | оптимизация и безопасность ПК" width="88" height="31"></a>  
</div>
</td>
</tr></tbody></table>
</div></div>
</td>


Но и стили CSS:

Код
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {text-decoration:none; font-size:11px; font-family:tahoma; color:#dddddd;  
border:2px solid #303030; padding:1px 5px 1px 6px; -webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;}  

a.FooterLink:hover {text-decoration:none; font-size:11px; font-family:tahoma; color:#ffffff;  
border:2px solid #1494d8; padding:1px 5px 1px 6px; -webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;}


Сильно не разбирал этот код, просто сделан на всю ширину, на тестовом сайте корректна стоит.
14 Мая 2016 Просмотров: 2127 Комментариев: (7)

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

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

Оставь свой отзыв

Комментарии: 7
Сопрано
Сопрано 14 Мая 2016 22:501
0
Но этот низ сайта точно не новый, не помню шаблон, но с какого то темного взят. А так все правильно на блог больше подойдет, или на те сайты, что поставят и что нужно выведут на нем, хотя все есть и баннеры и статистика и как видно много места под описание.
FeStemBer
FeStemBer 14 Мая 2016 22:542
0
Не нравится мне такие низ сайта, где выделено под ссылки, низ должен немного содержать, зачем его лишними ссылками грузить. Согласен, если переделать и все ленты вот туда и поставить, тогда все правильно должно получится.
Kosten
Kosten 14 Мая 2016 22:573
0
Так вы что хотели, чтоб под каждый сайт подходил, здесь все как видит веб мастер. А что ссылки, но каждый все ровно пилит как ему нужно.
tsakonter
tsakonter 14 Мая 2016 23:034
0
Вот когда сгинет мода на широкий низ сайт, то будут искать типа такого. biggrin Хотя кто то наоборот предпочитает, низ сайта делать незаметным, есть такие сайты, где нет дизайн, а просто написано.
Kosten
Kosten 14 Мая 2016 23:085
0
Но а что, на cstavr.ru также нет не чего, и не одной ленты не прописано, также и стандартные некоторые, да почти все идут, что низ виде несколько записей.
vitsavu
vitsavu 15 Мая 2016 09:506
0
Интересно кто еще кроме меня его первый вытащил с сайта хахахахах я давно его в паблик вытинул. biggrin
Kosten
Kosten 02 Декабря 2019 22:417
0
Также можете на форуме посмотреть отличную подборку на низ сайта, которые представлены в адаптивном стиле.
avatar