Бывший низ сайта от сайта zornet | |
Вот решил выложить низ сайта который создал модератор Supermenыч. Раньше меня просили дать код йа не давал как не сам создал. Теперь вот решил залить его на сайт так как с создателем Supermenыч связи нет уже несколько месяцев и возможности нет спросить. Что сказать про низ сайта, реально создан по красоте, один из многих низов сайта который подойдет как на светлый сайт по дизайну так и на темный дизайн сайта. Кто раньше видел его на старом шаблоне, знают у него есть 3 функций.Которые находятся с левой стороны и также 3 окна под баннеры. Приступаем к установке: С начало пропишем стиль в CSS Code .footer{ background:-webkit-linear-gradient(top,#808080,#202020); background:-moz-linear-gradient(top,#808080,#202020); height-max:20px; width:100%; margin-top:24px; padding-left:20px; padding-bottom:20px; padding-top:20px; border-top:1px solid #c0c0c0; } .knopka{ position:absolute; display:inline-block; background:#404040; width:100px; height:15px; color:white; padding:5px; vertical-align:middle; text-align:center; border-top-left-radius:4px; } .knopka:hover{ background:white; color:black; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; cursor:pointer; } .knopka1{ position:absolute; display:inline-block; background:#404040; width:100px; height:15px; color:white; padding:5px; text-align:center; margin-left:107px; } .knopka1:hover{ background:white; color:black; -moz-box-shadow:0 0 5px black; -webkit-box-shadow:0 0 5px black; cursor:pointer; } .knopka2{ position:absolute; display:inline-block; background:#404040; width:100px; height:15px; color:white; padding:5px; text-align:center; margin-left:214px; border-top-right-radius:4px; } .knopka2:hover{ background:white; color:black; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; cursor:pointer; } .knopka2:active{ -webkit-box-shadow:inset 0 0 5px black; -moz-box-shadow:inset 0 0 5px black; } .drop{ -webkit-box-shadow:0 0 5px rgba(0,0,0,25); -moz-box-shadow:0 0 5px rgba(0,0,0,25); width:200px; height:100px; background:#404040; display:none; border-radius:4px; border:1px solid black; padding:3px; color:white; } .drop1{ -webkit-box-shadow:0 0 5px rgba(0,0,0,25); -moz-box-shadow:0 0 5px rgba(0,0,0,25); width:200px; height:223px; background:#404040; display:none; border-radius:4px; border:1px solid black; padding:3px; color:white; } .knopka:hover .drop{ display:block; position:relative; cursor:pointer; bottom:130px; } .knopka1:hover .drop1{ display:block; position:relative; cursor:pointer; bottom:253px; } .knopka2:hover .drop1{ display:block; position:relative; cursor:pointer; bottom:130px; } .position{ top:200px; vertical-align:middle; } .text{ padding:3px; height:94px; width:auto; background:white; color:black; text-align:left; } .ugol{ background:url(http://zornet.ru/zornet_ru8/fon_ugol_1.png) no-repeat; height:10px; width:200px; } Потом идем в низ сайта и убираем старый код и прописываем наш новый. Code <table cellspacing="0"> <tr><td valign="middle"><div class="position"><div class="knopka">Статистика<br><div class="drop"><div class="text">$ONLINE_USERS_LIST$<hr size="1">$ONLINE_COUNTER$</div><div class="ugol"></div></div></div></div></td><td><div class="knopka1">Форум<div class="drop1"><div class="text" style="height:217px;">$MYINF_3$</div><div class="ugol"></div></div></div></td><td><div class="knopka2" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">Наверх</div></td></tr></table> <table class="footer" cellspacing="0"><tr><td width="70%"> <div style="text-shadow:0 0 3px #ccc;padding:4px;border:1px solid black;-webkit-box-shadow:inset 0 0 10px black;-moz-box-shadow:inset 0 0 10px black;background:#efefef;width:81px;border-radius:3px;color:black;text-align:center;"> $POWERED_BY$</div></td><td width="100" align="left"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:90px;height:31px;"><img src="http://zornet.ru/zornet_ru7/88x31.png"></div></td><td width="100"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:88px;height:31px;"> <a href="/forum/109" target="_blank" title="Место свободно 88х31"><img src="http://zornet.ru/zornet_ru7/88x31.png" width="88" border="0" height="31"></a> </div></td><td width="100" style="margin-right:15px;"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:90px;height:31px;"> <a href="/forum/109" target="_blank" title="Место свободно 88х31"><img src="http://zornet.ru/zornet_ru7/88x31.png" width="88" border="0" height="31"></a> </div></td></tr></table> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 11 | |
| |