» »

Простой низ для сайта uCoz в 3 блока


Простой низ для сайта uCoz в 3 блока

Этот низ сайта изначально был создан на три блока под описание или баннер. Так дизайн у него простой и тематика подойдет любая. Но здесь вы сами можете поставить ту гамму цвета, которая вам ближе подходит по дизайн. Прекрасно выполнен по своей стилистики низ, в темной гамме, если его переделать под другой оттенок, то здесь понадобиться фотошоп, но все можно сделать, так на всякий случай. Разбит, как можно выяснить из название на 3 блога.

Что они представляют?

Это как на самом ресурсе, на одном можно кратко описать сам сайт и его материал, вообщем его тематику и поставить прямые ссылки. Также в самом низу идет светлая полоса, там прописал название, вы можете продолжить и установить там ленту RSS и другие, но это обязательно сделать, кто не понимает, может в комментариях написать. Что по мне лишнего, так это много баннеров, которые можно убрать. В левой стороне в место тегов, поставить статистику, все это описал, что можно сделать.

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

Установка:

В низ сайта:

Код
<div id="footer">  
<div class="footer1">  
<div class="tags"><div class="tags2">  
<a href="/">ZorNet.Ru</a> <a href="/">ZorNet.Ru</a> <a href="/">ZorNet.Ru</a> <a href="/">ZorNet.Ru</a> <a href="/">ZorNet.Ru</a> <a href="/">ZorNet.Ru</a>  
</div></div>  
<div align="center" class="hits">  
<div class="up"><a href="#" onclick="scroll(0,0); return false"></a></div>  
<div class="hits1">  
<a href="#"><img src="http://zornet.ru/zornet_ru4/50511465.gif" alt="" /></a>  
<a href="#"><img src="http://zornet.ru/zornet_ru4/50511465.gif" alt="" /></a>  
</div>  
<div class="hits1">  
<a href="#"><img src="http://zornet.ru/zornet_ru4/50511465.gif" alt="" /></a>  
<a href="#"><img src="http://zornet.ru/zornet_ru4/50511465.gif" alt="" /></a>  
<a href="#"><img src="http://zornet.ru/zornet_ru4/50511465.gif" alt="" /></a>  
</div>  
<a href="#"><div class="rek_bot"><img src="http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/rek_bot.gif" alt="" /></div></a>  
</div>  
<div class="about">  
<div class="about_text">Если говорить о создание сайта, то система uCoz для начинающего веб-Мастера будет самой актуальной площадкой. Так как вам предоставляется большое количество шаблонов на ваш интернет ресурс, также по очень многим тематикам они идут. Но главное плюс в ней, это Скрипты для uCoz в большой количестве, которые преобразят сам интернет ресурс и сделают его более функциональным от других. Здесь вы можете просто найти в поиске, так как почти каждый день выходят новые и переформатировать в стиле свой сайт и сделать его полностью оригинальным.</div>  
</div>  
</div>  
<div class="footer2">  
<div class="footer3">  
<div class="footer4">  
   
<div class="footer4_right"> Copyright © ZorNet.Ru $POWERED_BY$</div>  
</div>  
</div>  
</div>


CSS:

Код
/* footer */  
.footer1 {background:#283f4d url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer.gif) repeat-x;height:288px;}  
.tags {color:#283f4d;line-height:18px;width:34%;background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer2.gif) no-repeat right 2px;float:left;}  
.tags a {color:#FFF;text-decoration:none;}  
.tags a:hover {text-decoration:underline;}  
.tags2 {background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/tags2.gif) no-repeat 15px 14px;padding:55px 30px 0 16px;height:220px;display:block;}  
.up {padding:1px 13px 10px 0;}  
.up a {width:149px;height:32px;display:block;background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/up.gif) no-repeat;cursor:pointer;}  
.up a:hover {background-position:0 -31px;}  
.hits {width:34%;margin-left:33%;background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer2.gif) no-repeat right 2px;padding-right:14px;height:275px;}  
.hits1 {border-bottom:1px dotted #446c84;margin:0 15px 0 4px;}  
.hits1 img {margin:15px 7px 15px 7px;}  
.rek_bot {padding:15px 14px 0 0;}  
.about {background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/about.gif) no-repeat 19px 14px;width:33%;margin-top:-275px;float:right;}  
.about_text {color:#FFF;margin:55px 20px 0 15px;line-height:20px;}  
.footer2 {background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer3.gif) repeat-x;}  
.footer3 {/* background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer4.gif) no-repeat center bottom; */}  
.footer4 {background:url(http://zornet.ru/Ajaxoskrip/Fekstura_tekst/demo/footer5.gif) no-repeat right 12px;padding:15px 0 0 15px;height:26px;}  
.footer4 a {color:#2873aa;text-decoration:none;}  
.footer4 a:hover {text-decoration:underline;}


Как видите одна ссылка в стилях закрыта, вы можете ее открыть, это элемент дизайна, который за собой не чего не несет, но вам виднее будет.
13.05.2016 Просмотров: 447 Комментарий: (7)

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

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

Комментарий: 7
Kosten
Kosten 13.05.2016 06:481
0
Низ сайта можно сделать вообще шикарно, не говоря, что теги тоже нужны, но там можно статистику запелить. Несколько баннеров убрать и информер установить, просто сделано сразу на 3 секций, и вверх сайта по теме, чтоб поднимать страницу.
vitsavu
vitsavu 13.05.2016 06:562
0
Да Костен низ сайта очень красив и сделан не обычно,обожаю твой сайт и буду дальше Вас радовать своими материалами!
Kosten
Kosten 13.05.2016 07:013
0
Можно так сделать, есть скрипт где статистика как земной шар и поставить ее где изображение. Также нижние баннеры убрать и там 2 ленты прописать, чтоб нормально сканировало. Так много чего приходит, как сделать, просто сам каркас позволяет.

vitsavu
vitsavu 13.05.2016 07:074
0
Костен Если человек лазиет по нэту в системе UcoZ он должен знать и понимать ну хоть не много в скриптах,если он захотел создать свой сайт.
tsakonter
tsakonter 13.05.2016 17:345
0
Мне кажется изначально он должен знать азы, но точно свою тематику на отлично.
feliksteg
feliksteg 13.05.2016 20:036
0
Для чего должна в низ сайта реклама и теги. Не знаю кто его создавал, но это как раз там не должно быть. Лучше найти хорошие информеры и установите и увидите будет намного понятнее и лучше.
Kosten
Kosten 13.05.2016 20:297
0
Так это в комментариях и в самой теме говорится и не раз. Видно что нужно что то менять как теги или описание.
avatar