Всем привет! сегодня хочу предложить вам старую свою работу которая уже давно ждёт свою очередь что бы её опубликовали на сайте и вы могли примерить её на свой сайт
Нижняя часть сайта ( Футер ) выполнен в тёмном стиле и адаптирован под разные разрешения
Установка
Скопируйте код ниже и вставьте его в нижнюю часть сайта
<dir class="dop_foot_m"> <a href="" title="рекомендуемый возраст: не менее 16 лет!"><span>16+</span></a> <a href="" title="Внимание игровой мир может быть изменен или дополнен"><i class="fa fa-cog" aria-hidden="true"></i></a> <div id="clr"></div> </dir> </div>
<div id="clr"></div> <div class="foot_text"> Александр Сергеевич Пушкин – символ русской поэзии, это величайший поэт не только России, но и мира. Стихи Пушкина и произведения в прозе включены в школьную программу, по ним ставят спектакли и снимают фильмы. Без Пушкина не было бы русской литературы – такой великой, как она есть. Диапазон тем, раскрытых в творчестве великого поэта, поражает: сказки, наполненные яркими образами, стихи для детей, острые эпиграммы, необыкновенно лиричные стихи о любви, стихи о верной дружбе, о любви к родине, к матери. Стихи Пушкина читаются легко, а строки проникают прямо в душу и делают ее лучше и богаче. </div> </div> <div class="footer_dop_glav"> $POWERED_BY$ </div>
Теперь подключим стили в таблицу стилей в самый конец
.foot_min_bc ul li a { display: block; padding: 6px 20px; color: #BBBBBB; font-size: 13px; } .foot_min_bc ul li a i{ color: #4A76A8; margin-right: 10px; } .foot_min_bc ul li a:hover { color: #FFF; background: #272727; } .foot_min_bc ul li a:hover i{color: #64A0E4}
.soc_siti li { float: left; width: 25%; text-align: center; } .soc_siti li a { text-align: center; font-size: 11px!important; } .soc_siti .foot_vk a i {color: #507299!important;font-size: 24px;margin: 4px auto!important;} .foot_yu a i {color: #E62117!important;font-size: 24px;margin: 4px auto!important;} .foot_tv a i {color: #48AAE6!important;font-size: 24px;margin: 4px auto!important;} .foot_gugl a i {color: #DB4437!important;font-size: 24px;margin: 4px auto!important;} .foot_usss a { padding: 8px 20px; border: 1px solid #4A76A8; border-radius: 5px; display: block; float: left; font-size: 12px; color: #4A76A8; margin: 10px; } .foot_usss a:hover { background: #4A76A8; color: #FFF; } .dop_foot_m a { background: #272727; width: 40px; height: 40px; display: block; float: left; border-radius: 50%; margin: 10px 5px; text-align: center; line-height: 40px; } .dop_foot_m a:hover { background: #000; color: #FFF; }
Так же в коде есть одна шрифтовая иконка в виде шестерёнки от сайта font-awesome если она вам не нужна удалите её а если нужна то придётся подключить шрифтовые иконки к своему сайту для этого просто добавьте в самый верх вашей таблицы стилей вот такую строчку
Спасибо.Поставил все работает. К сожалению эпоха сайтостроения Юкоз прошла. Ваш сайт один из немногих который, хоть что то обновляет материалы для в этой системы (Скрипты, Шаблоны, Графика и т.д)
Здравствуйте! вы наверное не совсем понимаете смысл данного раздела, Что бы я мог выполнить вашу просьбу я должен понимать что именно вам нужно а в вашей просьбе нет конкретики и по этому выполнить её не получится