» »

Адаптивный низ сайта и блога для uCoz

Адаптивный низ сайта и блога для uCoz

Безусловно низ сайта, это неотъемлемая часть дизайн и информации, и здесь вы можете установить адаптивный материал на все размеры. А это под мобильные аппараты и мониторы, который будет везде корректно смотреться. Этот низ еще сделан так, что его можно поставить на простой блог или официальный ресурс, так как все данные можно прописать и для этого на нем отведено место. Но и сам дизайн, где стилистика присутствует, это не просто идет под один оттенок, но и в самом низу можно сделать небольшой цветовой обвод, что смотрится просто великолепно.

Вам здесь в материале будут предоставлены стили, которые нужно поставить в CSS вашего интернет ресурса. А вот в самом файле идет два различных кода, на низ, где вы можете посмотреть и выбрать, тот который вам больше подходит. Но и сами выставить оттенок цвета, тут видно, что проверял на темном, а на главную выставил синий, так что все просто делается. До этого уже заливал и есть на сайте такой вид, но здесь он полностью адаптивный, что проверил и вам будет предоставлен скрин, и значит теперь создав стандартный портал, вы можете сразу поменять или установить футер.

Но и сами можете сделать и что-то изменить, просто какая-то функция на нем не нужна, а вот статистику сайта можно на ее поменять, так что убираем и ставим код другой, на адаптивность не повлияет, но если вы только его полностью не будите переписывать.

Рассмотрим визуально два кода под один дизайн, только функционал разный.

Первый:

Адаптивный футер на сайт

Второй:

Скачать низ сайта адаптивный

Визуально смотрится на мобильном устройстве:

Низ сайта на мобильные устройства

Под них в архиве идет текстовые документы, где нужно скачать и выбрать, потом скопировать под установку.

Приступаем к установке:


Первое, что делаем, скачаем скрипты и выберем, какой вам нужен и установим в них сайта. Здесь для вас будут стили, что нужно в CSS поставить.

Код
/* footer */  
.h-container {width:1150px;margin:0px auto;}  
footer {background:#464850;color:#fff}  
footer a {color:rgba(255,255,255,0.6);text-decoration:none}  
footer a:hover {color:rgba(255,255,255,0.8)}  
.h-footer-tab {display:table;width:100%;padding:45px 0px}  
.h-footer-1, .h-footer-2 {display:table-cell;vertical-align:top;padding-right:30px}  
.h-footer-2 {width:20%;}  
.h-footer-2:hover .hf-title {border-color:#FF4940}  
.hf-title {padding:14px 0px;padding-bottom:20px;border-top:2px solid rgb(95,100,113);font-size:18px}  
.hf-content ul, .hf-content li {padding:0px;margin:0px}  
.hf-content li {list-style-type:none;margin-bottom:10px}  
.hf-logo {text-shadow: 2px 4px 3px rgba(0,0,0,0.3);font-size:18px;color:rgb(31,118,95);font-weight:bold;cursor:default}  
.hf-desc {font-size:13px;color:rgb(178,180,180);padding:15px 0px}  
.hf-bottom {background:#2a2b35;padding:20px 0px}  
@media only screen and (max-width: 1180px) {  
.h-container {width:auto;padding:0px 20px;}  
}  
@media only screen and (max-width: 961px) {  
.h-footer-tab, .h-footer-1, .h-footer-2 {display:block;width:auto}  
.h-footer-2 {margin-top:30px}  
}

Теперь у вас появилась возможность установить красивый низ, на простой от конструктора шаблон.

Источник: Yraa
09.04.2017 Загрузок: 26 Просмотров: 651 Комментарий: (11)

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

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

Комментарий: 11
Kolinkor
Kolinkor 09.04.2017 16:541
0
Все правильно, до этого был низ с разных вариациях, но не один не был адаптивный, сейчас, что плюс ловите, сейчас точно можно поставить на простой шаблон, что предлагает конструктор.
Kosten
Kosten 09.04.2017 17:374
0
Да какие вариаций, да ранее был залит на сайт, так как на этом стоит, но на этом сайте он адаптирован, а как что сделали не знаю, дамво бы закинул, но спасибо, что кто то пошевелился и реально нужный материал залил.
FeStemBer
FeStemBer 09.04.2017 16:592
0
Не понимаю, что в нем такого нашли, что одно время как не зайдешь, такой низ сайта установлен, про этот сайт молчу, так как здесь он давно стоит. Но сейчас еще адаптивный стал, это вот больше плюс, чем сам дизайн, который не поспоришь, что можно сделать как тебе нужно и поставить под разные тематические сайты.
tsakonter
tsakonter 09.04.2017 17:033
0
Сейчас статистика есть, как на на одном кино сайте, не знаю, сейчас есть он или домен сменился, ставр, то там 3 кольца, это пользователи, все, кто на сайте, и гости, и все под свой цвет идут, вот ее поставить, красиво будет и по теме.
Kosten
Kosten 09.04.2017 17:405
0
Об этом думал и хотел поставить на тестовом сайте, на кино сайте kinovego как раз такая статистика стоит, нужно было скопировать и установить, но подумал, это каждый может, здесь просто предоставлены 2 варианта под одни стили.
Марковичь
Марковичь 09.04.2017 19:146
0
Не понимаю для чего вообще ставить статистику, вы где то видели на других сайтах ее, кто онлайн, это только на uCoz сделана, но ее хоть можно убрать без последствий, это не баннер.
FeStemBer
FeStemBer 09.04.2017 19:207
0
Не согласен, здесь смотря какая тематика, на кино сайт, если он посещаемый, то лучше поставить, чтоб гости видели, что сайт активный и хорошим контентом, что на его идут, так считаю.
Kosten
Kosten 09.04.2017 19:498
0
Но до этого стоял совершенно другой низ сайта и тоже на стилях, еще в лохматые годы Суперменыч его создавал. хотя его скинул в материал на сайт, там 2 вида и на главную и на форум.
Kolinkor
Kolinkor 09.04.2017 20:129
0
Было, время, один них с форума устанавливал на сайт, там есть одна ссылка на изображение, но ее можно перевести в другой цвет, что сделал.
Kosten
Kosten 11.04.2017 19:4810
0
Тут такое дело, что требуют убрать материал, так как пользователь этот низ создал его с нуля и на сайте у него. Но как знаю, это низ давно в интернете и как написано, создан в разных вариациях.
Kosten
Kosten 13.04.2017 02:1511
0
Надеюсь прочтет, тот который пишет в ЛС, чтоб материал этот убрал, что этот подвал ему принадлежит, так что источник принадлежит тому, на кого источник указан, но вы явно не он.
avatar