|
Низ сайта (футер) с применением HTML + CSS
|
|
| usenok2908 | Воскресенье, 24 Февраля 2013, 18:23 | Сообщение 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>
[info]Если нужно поставить оригинальный футер, то для этого создана тема для адаптивного низ сайта, где можно подобрать различный дизайн.[/info]
Отдых в городе Ейске подробнее о нас
Сообщение отредактировал
usenok2908 - Воскресенье, 24 Февраля 2013, 18:25 | | [ RU ] |
| |
| Kosten | Воскресенье, 24 Февраля 2013, 18:48 | Сообщение 2 |
| usenok2908, это не рип. Нет нельзя, не получится!
| | [ RU ] |
| |
| Delete | Воскресенье, 24 Февраля 2013, 21:24 | Сообщение 3 |
| если захотеть можно и горы свернуть...я тебе уже писал это Kosten
На случай если буду нужен, то я там же, где и был, когда был не нужен...
Сообщение отредактировал
N_O_O_B - Воскресенье, 24 Февраля 2013, 21:24 | | [ RU ] |
| |
| Kosten | Воскресенье, 24 Февраля 2013, 21:57 | Сообщение 4 |
|
| N_O_O_B, жаль но ты только пишешь  а горы сворачивают другие!
| | [ RU ] |
| |
| Delete | Воскресенье, 24 Февраля 2013, 23:10 | Сообщение 5 |
|
| Kosten, мне все в падлу делать...настроения нету...
На случай если буду нужен, то я там же, где и был, когда был не нужен...
| | [ RU ] |
| |
| ๖ۣۜInspire | Понедельник, 25 Февраля 2013, 12:49 | Сообщение 6 |
| да можно такто, дай мне качественные картинки Добавлено (25.02.2013, 12:49)
---------------------------------------------
эт кстати мой низ 
Моё портфолио
| | [ RU ] |
| |
| Kosten | Понедельник, 25 Февраля 2013, 12:54 | Сообщение 7 |
|
| Supermenыч, это ты же низ создавал?
| | [ RU ] |
| |
| usenok2908 | Вторник, 26 Февраля 2013, 15:59 | Сообщение 8 |
|
| Supermenыч, вот)
Отдых в городе Ейске подробнее о нас
| | [ RU ] |
| |
| ๖ۣۜInspire | Вторник, 26 Февраля 2013, 17:00 | Сообщение 9 |
|
| Kosten, да Добавлено (26.02.2013, 17:00)
---------------------------------------------
usenok2908, картинка не качественная некрасиво будет
Моё портфолио
| | [ RU ] |
| |
| usenok2908 | Среда, 27 Февраля 2013, 10:53 | Сообщение 10 |
|
| Supermenыч, я тогда и незнаю,я ее с шаблона путешествия скачала)))блин ща еще тогда поищу низы...
Отдых в городе Ейске подробнее о нас
Сообщение отредактировал
usenok2908 - Среда, 27 Февраля 2013, 10:54 | | [ RU ] |
| |
| usenok2908 | Среда, 27 Февраля 2013, 13:20 | Сообщение 11 |
|
| а если такой?
Отдых в городе Ейске подробнее о нас
| | [ RU ] |
| |
| ๖ۣۜInspire | Среда, 27 Февраля 2013, 21:03 | Сообщение 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 | Четверг, 28 Февраля 2013, 10:26 | Сообщение 13 |
|
| Supermenыч, очень красивый получился,мастер своего дела)))))вот только картинка (фон футера) не хочет появляться.Где у тебя написано ссылки,поставляла -ничего....(сам этот код я вставляла в нижнюю часть сайта)
Отдых в городе Ейске подробнее о нас
| | [ RU ] |
| |
| Kosten | Четверг, 28 Февраля 2013, 11:46 | Сообщение 14 |
|
| Мда, та тестовой попробовал, картинки нема 
| | [ RU ] |
| |
| Kosten | Четверг, 28 Февраля 2013, 11:54 | Сообщение 15 |
|
| Все разобрался, у меня вот как вышло
Ссылку картинку приписываем сюда
Код background:url("/2177267.png"); | | [ RU ] |
| |
