Низ сайта на форуме zornet.ru
О низе сайта на форуме. Тут на днях нашел низ сайта который мне делали под заказ на прежнем шаблоне и решил выложить. Так как знаю он реально кому то пригодиться. Сайт выполнен в средних темных тонах есть тени. При нажатие на окно вверх меняется окно. По дизайну низ выполнен красиво. Баг нет.Прост в установке. Также вы можете поставить его на сайт а не только на форум. Приступаем к установке: Идем в админ панель потом в Общий вид страниц форума и находим там $GLOBAL_BFOOTER$ как нашли убираем и прописываем код который ниже. Если хотите видеть низ сайта на главной и на форуме, вообщем поменять низ сайта. Просто идеи в низ сайта, сносим весь ко от туда и прописываем 'тот. Code <STYLE> /**FOOTER**/ @font-face {font-family: 'WebSymbolsRegular';src: url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.eot');src: url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.woff') format('woff'), url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.ttf') format('truetype'), url('http://vizar-soft.ru/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');} #footer{ -webkit-box-shadow:0 0 7px black; -moz-box-shadow:0 0 7px black; box-shadow:0 0 7px black; background:url(http://test123456789.ucoz.ru/bottom-fon.png); height-max:20px; width:100%; margin-top:24px; padding-left:20px; padding-bottom:20px; padding-top:20px; border-top:1px solid black; margin-left:0 !important; margin-right:0 !important; } .knopka3{ font-size:11pt; font-family: tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; vertical-align:middle; width:100px; height:25px; color:black; padding:5px; padding-top:10px; text-align:center; float:right; color:white; border-left:1px solid black; border-bottom:1px solid black; } .knopka3:hover{ -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; box-shadow:0 0 5px black; color:white; cursor:pointer; } .knopka{ font-size:11pt; font-family: tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; vertical-align:middle; width:100px; height:25px; color:black; padding:5px; padding-top:10px; text-align:center; float:right; color:white; border-left:1px solid black; border-bottom:1px solid black; } .knopka:hover{ color:white; cursor:pointer; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; box-shadow:0 0 5px black; } .knopka1{ font-size:11pt; font-family: tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; vertical-align:middle; width:100px; height:25px; color:black; padding:5px; padding-top:10px; text-align:center; float:right; color:white; border-left:1px solid black; border-bottom:1px solid black; } .knopka1:hover{ color:white; cursor:pointer; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; box-shadow:0 0 5px black; } .knopka2{ position:absolute; display:inline-block; background:#404040; width:100px; height:15px; color:white; float:right; padding:5px; text-align:center; margin-left:89%; border-top-right-radius:4px; border-top-left-radius:4px; } .knopka2:hover{ background:white; color:black; -webkit-box-shadow:0 0 5px black; -moz-box-shadow:0 0 5px black; 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; 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); box-shadow:0 0 5px rgba(0,0,0,25); width:200px; height:100px; background:#4C4C4C; display:none; border-radius:4px; border:1px solid black; padding:3px; color:white; } .drop2{ -webkit-box-shadow:0 0 5px rgba(0,0,0,25); -moz-box-shadow:0 0 5px rgba(0,0,0,25); box-shadow:0 0 5px rgba(0,0,0,25); width:200px; height-max:115px; 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); 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:absolute; cursor:pointer; margin-top:18px; right:120px; } .knopka1:hover .drop1{ display:block; position:absolute; cursor:pointer; margin-top:18px; right:10px; } .knopka3:hover .drop2{ display:block; position:absolute; cursor:pointer; margin-top:18px; right:230px; } </style> <div style="margin-top:20px"><table cellspacing="0" width="100%" style="font-family: tahoma, sans-serif;font-size: 11px;font-style: normal;font-variant: normal;font-weight: normal;"> <tr><td width="100%"><div class="knopka2" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">Наверх</div></td></tr></table> </div><table id="footer" cellspacing="0" style="font-family: tahoma, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal;"><tr><td width="70%"> <div style="text-shadow:0 0 3px #ccc;padding:4px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:86px;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 3px black;background:#efefef;width:90px;height:31px;"> <img src="http://orel-cs.ru/designs_156/blank/88x31.png" width="88" height="31"></a> </div></td><td width="100"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 3px black;background:#efefef;width:88px;height:31px;"> <a href="http://www.cys.ru/"><img src="http://www.cys.ru/button.png?url=zornet.ru" width="88" height="31"></a> </div> </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 3px black;background:#efefef;width:90px;height:31px;"> <a href="http://pr-cy.ru/" target="_blank"> <img src="http://counter.pr-cy.ru/prcy/zornet.ru" alt="Счетчик тИЦ и PR"> </a> </div></td></tr></table> <script src="/js/apoancom.js"></script> |
Поделиться в социальных сетях
Материал разместил
Комментарии: 2 | |
| |