В темной гамме цвета низ сайт, по различной тематике, стандартная форма. Здесь с права статистика идет, а с левой вы можете выставить баннер или счетчик. Сам оттенок можно поменять, и сделать еще темнее, что будет изображение для сравнение. В какой то момент если ресурс фиксирован, то его также можно выставить. Но сделано здесь на весь экран, так как основном так и устанавливают. Но и сам центр, который предназначен, для краткого описание, также поставить ленты и 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;}
Сильно не разбирал этот код, просто сделан на всю ширину, на тестовом сайте корректна стоит. |