Низ сайта (футер) с применением HTML + CSS
usenok2908
1
Привет всем.Kosten обыскала весь твой сайт,у тебя очень много рипов низа сайта.Мне понравился один рип. Здесь мы рассмотрим советы по созданию отличного нижнего колонтитула с примерами некоторых веб-сайтов, которые делают это хорошо. Простой дизайн важен при работе с большим количеством информации, что, вероятно, будет иметь место для нижнего колонтитула.Код
<table cellspacing="0">
<tr><td valign="middle"><div class="position"><div class="knopka">Статистика<br><div class="drop"><div class="text">$ONLINE_USERS_LIST$<hr size="1">$ONLINE_COUNTER$</div><div class="ugol"></div></div></div></div></td><td><div class="knopka1">Форум<div class="drop1"><div class="text" style="height:217px;">$MYINF_3$</div><div class="ugol"></div></div></div></td><td><div class="knopka2" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">Наверх</div></td></tr></table>
<table class="footer" cellspacing="0"><tr><td width="70%">
<div style="text-shadow:0 0 3px #ccc;padding:4px;border:1px solid black;-webkit-box-shadow:inset 0 0 10px black;-moz-box-shadow:inset 0 0 10px black;background:#efefef;width:81px;border-radius:3px;color:black;text-align:center;">
$POWERED_BY$</div></td><td width="100" align="left"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:90px;height:31px;"><img src="http://zornet.ru/zornet_ru7/88x31.png"></div></td><td width="100"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:88px;height:31px;"> <a href="/forum/109" target="_blank" title="Место свободно 88х31"><img src="http://zornet.ru/zornet_ru7/88x31.png" width="88" border="0" height="31"></a>
</div></td><td width="100" style="margin-right:15px;"><div style="border-radius:3px;padding:5px;border:1px solid black;-webkit-box-shadow:inset 0 0 5px black;-moz-box-shadow:inset 0 0 5px black;background:#efefef;width:90px;height:31px;"> <a href="/forum/109" target="_blank" title="Место свободно 88х31"><img src="http://zornet.ru/zornet_ru7/88x31.png" width="88" border="0" height="31"></a>
</div></td></tr></table>
адаптивного низ сайта
Отдых в городе Ейске подробнее о нас Сообщение отредактировалusenok2908 - Воскресенье, 24 Февраля 2013, 18:25
Страна: (RU )
Kosten
2
usenok2908 , это не рип. Нет нельзя, не получится! Страна: (RU )
Delete
3
если захотеть можно и горы свернуть...я тебе уже писал это Kosten
На случай если буду нужен, то я там же, где и был, когда был не нужен... Сообщение отредактировалN_O_O_B - Воскресенье, 24 Февраля 2013, 21:24
Страна: (RU )
Kosten
4
N_O_O_B , жаль но ты только пишешь Страна: (RU )
Delete
5
Kosten , мне все в падлу делать...настроения нету...На случай если буду нужен, то я там же, где и был, когда был не нужен... Страна: (RU )
๖ۣۜInspire
6
да можно такто, дай мне качественные картинкиДобавлено (25.02.2013, 12:49)
Моё портфолио Страна: (RU )
Kosten
7
Supermenыч , это ты же низ создавал? Страна: (RU )
usenok2908
8
Supermenыч , вот)Отдых в городе Ейске подробнее о нас Страна: (RU )
๖ۣۜInspire
9
Kosten , даДобавлено (26.02.2013, 17:00)usenok2908 , картинка не качественная некрасиво будет
Моё портфолио Страна: (RU )
usenok2908
10
Supermenыч , я тогда и незнаю,я ее с шаблона путешествия скачала)))блин ща еще тогда поищу низы...Отдых в городе Ейске подробнее о нас Сообщение отредактировалusenok2908 - Среда, 27 Февраля 2013, 10:54
Страна: (RU )
usenok2908
11
а если такой?
Отдых в городе Ейске подробнее о нас Страна: (RU )
๖ۣۜInspire
12
вот поставь, если чё то надо исправить пиши Код
<style>
body{
margin:0;
}
.footer{
background:url("/2177267.png");
width:1000px;
height:200px;
box-shadow:0 0 8px blueviolet;
border-radius:50px 50px 0 0 ;
}
.call{
padding-top:70px;
padding-left:30px;
text-align:left;
color:black;
text-shadow:0 0 5px black;
font-family:arial;
font-size:11pt;
}
.bl{
padding:5px;
border:1px solid #404040;
box-shadow:inset 0 0 3px;
-moz-box-shadow:inset 0 0 3px;
-webkit-box-shadow:inset 0 0 3px;
-o-box-shadow:inset 0 0 3px;
margin-left: -420px;
border-radius: 3px;
margin-top: -40px;
display: inline-block;
}
.img{
background:url("ссыль на изображ");width:88px;height:31px;
}
.img1{
background:url("ссыль на изображ");width:88px;height:31px;
}
.img2{
background:url("ссыль на изображ");width:88px;height:31px;
}
</style>
<div align="center"><div class="footer"><div class="call">8-961-501-47-03 Юлия<br>8-962-852-12-52 Виктория<br><br><br>SEA-YEISK.RU 2012-2013<br>$POWERED_BY$</div><div class="bl" style="margin-left: -160px;"><div class="img"></div></div><div class="bl" style="margin-left:20px;"><div class="img1"></div></div><div class="bl" style="margin-left:20px;"><div class="img2"></div></div></div></div>
Моё портфолио Страна: (RU )
usenok2908
13
Supermenыч , очень красивый получился,мастер своего дела)))))вот только картинка (фон футера) не хочет появляться.Где у тебя написано ссылки,поставляла -ничего....(сам этот код я вставляла в нижнюю часть сайта)Отдых в городе Ейске подробнее о нас Страна: (RU )
Kosten
14
Мда, та тестовой попробовал, картинки нема
Страна: (RU )
Kosten
15
Все разобрался, у меня вот как вышло Код
background:url("/2177267.png");
Страна: (RU )
а горы сворачивают другие!
