» »

Темный низ сайта с кнопкой вверх для uCoz


Темный низ сайта с кнопкой вверх для uCoz

Прибираясь файлах нашел скрипт под названием низ сайта и решил проверить. И мое удивление было, что он отлично сразу встал, так немного для этого сайта написал в описание и он полностью готовый, и вы теперь понимаете где что нужно описывать. Это простой низ сайта, где с правой стороны есть оригинальная кнопка вверх на css. Можно его ставить на любую тематику а также в него добавить баннеры или прописать кратко.

Темный низ для сайта uCoz


При установке он будет на всю ширину, и если кто его хочет под каталог сделать, вам нужно немного переделать его, а лучше оставить как есть. Он на стилях, и возможность есть, чтоб его сделать под другой оттенок, есть border: 1px это для того, чтоб сделать обвод, а каким он будет, широким или прозрачным, только можно под сайт сделать.

Ставим в низ и от туда убираем все:

Код
<div style="background:#4c4c4c; border-top:1px solid #5e5e5e; height:105px; width:100%;">

<table style="width: 100%; border-collapse: collapse; "><tbody><tr><td style="width: 60%; text-align: left; letter-spacing: 0px; word-spacing: 0px; ">
<span style="font-size:11px; margin-top:10px; margin-left:40px; float:left; font-family:arial; text-shadow:#0f0f0f 0px 1px 0px; color:#fff;">
Здесь можно написать кратко о сайте!<br>  
Скрипты и шаблоны на сайте ZorNet.Ru <br>© 2010-2016<br>
Скрипты и шаблоны для uCoz. <br>
$POWERED_BY$
   

</span>
</td><td style="text-align: right;">
  <span style="float:right; margin-top:5px; margin-right:40px; "><a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" id="toTop">Вверх</a>
</span>
</td></tr></tbody></table>
</div>


CSS:

Код
#toTop {  
text-shadow:#1a1a1a 0px 1px 0px;
  border: 1px solid #1a1a1a;  
  text-align: center;  
  padding: 4px;  
padding-left:20px;
padding-right:21px;
  bottom: 10px;  
  right: 10px;  
  cursor: pointer;  
  color: #fff;  
  text-decoration: none;  
  border-radius: 2px;
  -moz-border-radius: 2px;
background: url('http://zornet.ru/SKRIPT/Grazyga/menu_bg.png');
  box-shadow: 0px 1px 0px 0px #5a5a5a;  

-webkit-transition: all 180ms ;
-moz-transition: all 180ms ;
-o-transition: all 180ms ;
transition: all 180ms ;

}
   
#toTop:hover {
background-position:-20px;
color:#b1b1b1;
  }


По установке как видим не сложно, баннеры пытался поставить, но установил, но не правильно, думаю, кто понимает, может и разделы сделать.
10.03.2016 Просмотров: 463 Комментарий: (13)

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

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

Комментарий: 13
Kosten
Kosten 10.03.2016 20:121
0
Trantel, нормальный низ сайта, только название немного исправил. Ведь основном от системы идет шаблон без футера, и здесь как раз такой просто пригодиться. Можно его безусловно еще с ним поработать, но это уже зависит от того кто ставить будет, а так все нормально.
Сопрано
Сопрано 10.03.2016 20:172
0
Его на блог думаю нормально будет, и на светлый или даже темный дизайн
Kosten
Kosten 10.03.2016 20:203
0
Так прикинул на светлый дизайн, не что не стал настраивать в стилях, чтоб его преобразить.

FeStemBer
FeStemBer 10.03.2016 20:224
0
Раньше можно было на каждом сайте найти низ сайт, сейчас вообще редко, что уже за дизайн не считают, или просто некоторые не ставят, в что нужно на фоне выставят.
Сопрано
Сопрано 10.03.2016 20:265
+1
Спасибо за плюсы, давно что то хотел нормальное и нужное загрузить, но не кнопки же, которые можно найти везде. Так еще посмотрю, раньше был свой сайт, но систему менял, много скриптов было.
ucozmental
ucozmental 10.03.2016 20:296
0
Вот сейчас можно что то делать, Костен скинь пожалуйста, надпись в низ сайта zornet, могу так взять, но как то не то.
Kosten
Kosten 10.03.2016 20:347
+1
Так то сам его взял, но если кому то пригодиться, то здесь сам код небольшой и стили под него, просто на фотошоп делаем надпись, не нужно ее раскрашивать, так как они будет выводить какой то процент.

В низ сайта:

Код
<div class="footer_logo"></div>


Стили css

Код
.footer_logo {width:95px;height:64px;background:url('http://i.imgur.com/kSC3Bbi.png');opacity:0.05;margin:0px auto}


Ссылка на логотип.
FeStemBer
FeStemBer 10.03.2016 20:358
+1
Можно простым таким логотипом, шире сделать сам них, думаю здесь также будет.
ucozmental
ucozmental 10.03.2016 20:379
0
Костен, спасибо, вообще можно было низ сайта скинуть, шутка.
tsakonter
tsakonter 10.03.2016 20:4110
-1
Этот низ рипнут, с какого то сайта, видно что он не просто создан отдельно, а под дизайн шел.
Kosten
Kosten 10.03.2016 20:4711
+1
Не соглашусь, вот низ сайта, который делали специально под сайт, на старый дизайн, Горынычь писал сразу 2 футора, и на форум, который точно похоже на этот, только кнопка другая, на главной этот стоял, кто помнит.

csretven
csretven 11.03.2016 00:1212
0
За низ сайта спасибо, а что администратор второй делал на форум, на одном сайте давно стоит, и он сильно похожий на этот.
ucozmental
ucozmental 11.03.2016 00:1813
0
Точно не скажу, но нашел низ сайта от администратора, он был подписан, что на форуме был. Не сказал бы что сильно они похоже, этот что раньше на форуме на этом сайте стоял, мне больше понравился.

avatar