» »

Низ сайта на форуме zornet.ru


Низ сайта на форуме 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>
19.11.2012 Просмотров: 877 Комментарий: (2)

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

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

Комментарий: 2
Delete
Delete 20.11.2012 13:051
0
хех...установку правильно напиши...
Kosten
Kosten 20.11.2012 13:572
0
N_O_O_B, так сайдет, иль еще прицепом поэму отписать? cool
avatar