» »

Темный низ сайта с кнопкой вверх для 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 Просмотров: 668 Комментарий: (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 футора, и на форум, который точно похоже на этот, только кнопка другая, на главной этот стоял, кто помнит.

1 2 »
avatar