• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: -SAM-  
Форум » Веб-разработка » Вопросы про uCoz » Низ сайта (футер) с применением HTML + CSS (Как с помощью CSS прижать footer к низу окна браузера)
Низ сайта (футер) с применением HTML + CSS
usenok2908
 Воскресенье, 24 Февраля 2013, 18:23 | Сообщение 1
Оффлайн
VIP
Сообщений:67
Награды: 7
« 39 »
 Привет всем.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="https://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="https://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="https://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
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 usenok2908, это не рип. Нет нельзя, не получится!
[ RU ]
Delete
 Воскресенье, 24 Февраля 2013, 21:24 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
« 68 »
 если захотеть можно и горы свернуть...я тебе уже писал это Kosten
На случай если буду нужен, то я там же, где и был, когда был не нужен...

Сообщение отредактировал
N_O_O_B - Воскресенье, 24 Февраля 2013, 21:24
[ RU ]
Kosten
 Воскресенье, 24 Февраля 2013, 21:57 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 N_O_O_B, жаль но ты только пишешь cool а горы сворачивают другие!
[ RU ]
Delete
 Воскресенье, 24 Февраля 2013, 23:10 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
« 68 »
 Kosten, мне все в падлу делать...настроения нету...
На случай если буду нужен, то я там же, где и был, когда был не нужен...
[ RU ]
๖ۣۜInspire
 Понедельник, 25 Февраля 2013, 12:49 | Сообщение 6
Оффлайн
VIP
Сообщений:598
Награды: 3
« 144 »
 да можно такто, дай мне качественные картинки

Добавлено (25.02.2013, 12:49)
---------------------------------------------
эт кстати мой низ biggrin



Моё портфолио
[ RU ]
Kosten
 Понедельник, 25 Февраля 2013, 12:54 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 Supermenыч, это ты же низ создавал?
[ RU ]
usenok2908
 Вторник, 26 Февраля 2013, 15:59 | Сообщение 8
Оффлайн
VIP
Сообщений:67
Награды: 7
« 39 »
 Supermenыч, вот)
Прикрепления: 2692359.png (91.8 Kb)

Отдых в городе Ейске подробнее о нас
[ RU ]
๖ۣۜInspire
 Вторник, 26 Февраля 2013, 17:00 | Сообщение 9
Оффлайн
VIP
Сообщений:598
Награды: 3
« 144 »
 Kosten, да

Добавлено (26.02.2013, 17:00)
---------------------------------------------
usenok2908, картинка не качественная некрасиво будет



Моё портфолио
[ RU ]
usenok2908
 Среда, 27 Февраля 2013, 10:53 | Сообщение 10
Оффлайн
VIP
Сообщений:67
Награды: 7
« 39 »
 Supermenыч, я тогда и незнаю,я ее с шаблона путешествия скачала)))блин ща еще тогда поищу низы...
Отдых в городе Ейске подробнее о нас

Сообщение отредактировал
usenok2908 - Среда, 27 Февраля 2013, 10:54
[ RU ]
usenok2908
 Среда, 27 Февраля 2013, 13:20 | Сообщение 11
Оффлайн
VIP
Сообщений:67
Награды: 7
« 39 »
 а если такой?
Прикрепления: 2177267.png (294.2 Kb)

Отдых в городе Ейске подробнее о нас
[ RU ]
๖ۣۜInspire
 Среда, 27 Февраля 2013, 21:03 | Сообщение 12
Оффлайн
VIP
Сообщений:598
Награды: 3
« 144 »
 вот поставь, если чё то надо исправить пиши
Код
<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
Оффлайн
VIP
Сообщений:67
Награды: 7
« 39 »
 Supermenыч, очень красивый получился,мастер своего дела)))))вот только картинка (фон футера) не хочет появляться.Где у тебя написано ссылки,поставляла -ничего....(сам этот код я вставляла в нижнюю часть сайта)
Отдых в городе Ейске подробнее о нас
[ RU ]
Kosten
 Четверг, 28 Февраля 2013, 11:46 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 Мда, та тестовой попробовал, картинки нема surprised
[ RU ]
Kosten
 Четверг, 28 Февраля 2013, 11:54 | Сообщение 15
Оффлайн
Администраторы
Сообщений:44171
Награды: 70
« 565 »
 Все разобрался, у меня вот как вышло


Ссылку картинку приписываем сюда
Код
background:url("/2177267.png");
Прикрепления: 4828526.jpg (40.1 Kb)
[ RU ]
Форум » Веб-разработка » Вопросы про uCoz » Низ сайта (футер) с применением HTML + CSS (Как с помощью CSS прижать footer к низу окна браузера)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: