ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Темный низ сайта с кнопкой вверх для uCoz

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

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

При установке он будет на всю ширину, и если кто его хочет под каталог сделать, вам нужно немного переделать его, а лучше оставить как есть. Он на стилях, и возможность есть, чтоб его сделать под другой оттенок, есть 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 Марта 2016 Просмотров: 1906 Комментариев: (13)

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

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

Сопрано

Похожие материалы

Оставь свой отзыв

Комментарии: 13
Порядок вывода комментариев: Kosten 10 Марта 2016 20:12¹ 0 Trantel, нормальный низ сайта, только название немного исправил. Ведь основном от системы идет шаблон без футера, и здесь как раз такой просто пригодиться. Можно его безусловно еще с ним поработать, но это уже зависит от того кто ставить будет, а так все нормально. Сопрано 10 Марта 2016 20:17² 0 Его на блог думаю нормально будет, и на светлый или даже темный дизайн Kosten 10 Марта 2016 20:20³ 0 Так прикинул на светлый дизайн, не что не стал настраивать в стилях, чтоб его преобразить. FeStemBer 10 Марта 2016 20:22⁴ 0 Раньше можно было на каждом сайте найти низ сайт, сейчас вообще редко, что уже за дизайн не считают, или просто некоторые не ставят, в что нужно на фоне выставят. Сопрано 10 Марта 2016 20:26⁵ +1 Спасибо за плюсы, давно что то хотел нормальное и нужное загрузить, но не кнопки же, которые можно найти везде. Так еще посмотрю, раньше был свой сайт, но систему менял, много скриптов было. ucozmental 10 Марта 2016 20:29⁶ 0 Вот сейчас можно что то делать, Костен скинь пожалуйста, надпись в низ сайта zornet, могу так взять, но как то не то. Kosten 10 Марта 2016 20:34⁷ +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 10 Марта 2016 20:35⁸ +1 Можно простым таким логотипом, шире сделать сам них, думаю здесь также будет. ucozmental 10 Марта 2016 20:37⁹ 0 Костен, спасибо, вообще можно было низ сайта скинуть, шутка. tsakonter 10 Марта 2016 20:41¹⁰ -1 Этот низ рипнут, с какого то сайта, видно что он не просто создан отдельно, а под дизайн шел. Kosten 10 Марта 2016 20:47¹¹ +1 Не соглашусь, вот низ сайта, который делали специально под сайт, на старый дизайн, Горынычь писал сразу 2 футора, и на форум, который точно похоже на этот, только кнопка другая, на главной этот стоял, кто помнит.
1 2 »