» »

Новый низ сайта (Footer) для сайта uCoz


Новый низ сайта (Footer) для сайта uCoz

Новый низ сайта Footer - Заменит вашем сайте,новые эмоции и даст совсем различные разнообразии, который безусловно изменит сам дизайн на сайте. Если чесnно, первый раз увидел что в Footere, находится самый крупнейший из Видио - хостов "YouTube" Он на столько удобен,что можно самому поменять названия - (ссылки) самому.

Установка!

CSS

Код
/* FOOTER  
------------------------------------------------*/  
.f_top {background: #d75e3f; text-transform: uppercase; width: 1000%; padding: 8px 180px; line-height: 30px; color: #fefefe;}  
.f_middle {clear: both;position: relative; display: block; width: 1000%; margin-top: 2px;}  
.f_middle:after {clear: both; position: relative; display: table; content: '';}  
.f_middle_bl {background: #2a2a2a; float: left;padding: 12px; margin-left: 4px; width: 450px; vertical-align: top;min-height: 210px;}  
.f_middle_bl:first-child {margin-left: 0;}  
.f_middle_bl_title {text-transform: uppercase; color: #1f7e5c; font-weight: bold; line-height: 18px; padding-bottom: 10px;padding-left: 8px;border-bottom: 1px dotted #1f7e5c;}  
.f_middle_bl_title2 {color: #fefefe;line-height: 18px; padding-bottom: 10px;}  
.footerNav {display: block; position: relative; clear: both;background: #2a2a2a;}  
.footerNav li {display: block; min-width: 240px; background: url(../images/nav-sprt.png) no-repeat 4px -18px; line-height: 38px;}  
.footerNav li a {padding-left: 28px;display: block;width: 100%; text-align: left; text-transform: none; border-bottom: 1px dotted #1f7e5c; color: #fefefe;}  
.footerNav li a:hover {background: url() no-repeat 4px -47px; color: #d75e3f}  
a.sponsor {display: block; border: 2px solid #d75e3f;margin-bottom: 12px; height: 87px; overflow: hidden;}  
a.sponsor:last-child {margin-bottom: 0;}  
a.sponsor img {width: 100%;height: 100%; display: block;}  
.f_bottom {padding: 25px; overflow: hidden; position: relative; width: 100%; display: table; padding-right: 150px;}  
.f_bottomLeft, .f_bottomMiddle, .f_bottomRight { display: table-cell !important; display: inline;vertical-align: top}  
.f_bottomLeft{width:20%;}  
.f_bottomRight {width:30%;}  
.f_bottomMiddle {text-align: center;}  
.f_logo {width: 180px; height: 30px;display: inline-block; padding-top: 3px;}  
.f_logo img {display: block;}  
.f_copy {display: inline-block;}  
.f_count {float: right; padding-top: 2px;}  
.f_count img {display: inline-block; opacity: .3;-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; float: right;padding-left: 1px;}  
.f_count img:hover {display: inline-block; opacity: .9}


НИЗ САЙТА

Код
<footer>  
  <div class="f_top">  
Информация для пользователей  
  </div>  
  <div class="f_middle">  
  <div class="f_middle_bl">  
  <div class="f_middle_bl_title">Дополнительно</div>  
  <ul class="footerNav">  
  <li><a href="#">Правила сайта</a></li>  
  <li><a href="#">Пользовательское соглашение</a></li>  
  <li><a href="#">Политика Безопасности</a></li>  
  <li><a href="#">Наши приоритеты</a></li>  
  </ul>  
  </div>  
  <div class="f_middle_bl">  
  <div class="f_middle_bl_title">Служба поддержки</div>  
  <ul class="footerNav">  
  <li><a href="#">Skype: dj-spawn32</a></li>  
  <li><a href="#">Email: qwaseres@gmail.com</a></li>  
  <li><a href="#">Обратная связь</a></li>  
<li><a href="#">Skype</a></li>  
   

  </ul>  
  </div>  
  <div class="f_middle_bl">  
  <div class="f_middle_bl_title2">Новое на канале</div>  
  <div class="videoWrapper">  
  <iframe width="272" height="153" src="https://www.youtube.com/embed/aLJrETMewyU" frameborder="0" allowfullscreen></iframe>  
  </div>  
  </div>  
  <div class="f_middle_bl">  
  <a href="#" class="sponsor"><img src="http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/logotype.png" alt=""></a>  
  <a href="#" class="sponsor"><img src="http://zornet.ru/CSS-ZORNET/Gresan/Sertsa/logotype.png" alt=""></a>  
  </div>  
  </div>  
   

   
  </div>  
  </div>  
  </div>  
  </footer>


Источник - http://cs-nawigator.ru/
11.04.2016 Просмотров: 889 Комментарий: (10)

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

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

Комментарий: 10
Kosten
Kosten 11.04.2016 20:321
0
Знакомые люди, и опять с источником, который не правильный. biggrin
vitsavu
vitsavu 11.04.2016 20:332
0
Привет Kosten Все честно сам рипнул и выкладывал, обмана нет!
Kosten
Kosten 11.04.2016 20:363
0
Поверю, источник остается, следующий раз, описание по понятнее можно, то не разобрать, править пришлось. И только свое или рип, уж куда тебя деть, будет источник.
Kosten
Kosten 11.04.2016 20:374
0
И что нормального скрина не было, здесь не чего не понять.
vitsavu
vitsavu 11.04.2016 20:375
0
smile Спасибо!
vitsavu
vitsavu 11.04.2016 20:416
0
В личке посмотри СКРИН!
Kosten
Kosten 11.04.2016 20:487
0
vitsavu, спасибо, все установил, теперь понятен низ сайта.
vitsavu
vitsavu 11.04.2016 20:498
0
Всегда,рад помочь! smile
94tolyan163
94tolyan163 18.04.2016 21:269
0
Что за переход с права?
sdqd3
sdqd3 02.05.2016 04:2610
0
Ахах рипнул??? я шаблон вот этот сюда выложил Вот

Этот мой второй профиль
а ты тупо взял низ сайта и стили и типо сказал что ты рипнул ( хакер млять ) ахахха
avatar