Я уже часа полтора наверное мучаюсь, как сделать шапку свою, чтобы она так же и закрывала фон у баннера и растягивалась в процентах на любых разрешениях? То есть одна картинка на весь верх форума поверх которой весит рекламный баннер.
шапка на форуме
Сообщений 1 страница 20 из 25
Поделиться1Пт, 30 Июл 2010 18:36:06
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Поделиться2Пт, 30 Июл 2010 18:59:47
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Это вообще реально? Я уже весь форум перерыл, но не один из найденных вариантов не подошел 
Поделиться3Пт, 30 Июл 2010 19:31:44
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Вчера 20:39:23
Онечег
Отредактировано Deff (Пт, 30 Июл 2010 19:32:29)
Поделиться4Пт, 30 Июл 2010 19:39:40
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Поделиться5Пт, 30 Июл 2010 20:23:35
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Вчера 20:39:23
Онечег собственно есть две позиции.. лого и форум делаются стационарными по ширине, тогда для банера можно подобрать точное место, специально выделенное место, которое не будет зависить от разрешения экрана, ширина форума выбирается в районе 890-1000px, такого размера хватает при любых разрешениях, плюсы - отражаемые тексты и рисунки в постах идентичны у всех пользователей.
второй вариант, как у вас, ширина форума в процентном отношении к экрану, минусы рисунки и тексты меняются от разрешения экрана у разных пользователей.
2. Применяемые варианты пользователем размещения банера во втором случае, либо по центру над логотипом, либо под ним.
В случае cлучае "Под", - логотип ставится картинкой, до стандартной мубовской секции, к примеру так :
<img src="ссылка" style="width: 100%; margin: 0 0 0 0;">
высота секции title-logo-tdl уменьшается до высоты банера, банер привязываецо к углу(можно к центру) и контейнер можно заполнить буквенным горизонтально размножающимся лого сайта(или какой иной мелкографикой)
Отредактировано Deff (Пт, 30 Июл 2010 20:25:46)
Поделиться6Пт, 30 Июл 2010 20:35:02
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
А как можно сделать лого и форум стационарными по ширине? Такой вариант выглядит более интересным.
Поделиться7Пт, 30 Июл 2010 20:45:21
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Вчера 20:39:23
Онечег
HTML - верх
<style type="text/css">
#pun_wrap {background-image: url("http://i057.radikal.ru/1007/bb/84691c6046e1.jpg"
); background-position: center top; background-attachment: fixed; } /* Фоновая картинка без прокрутки */#pun {margin: auto; width : 898px; background-attachment: scroll; } /* Ширина форума, прокрутка.. */
#title-logo-tdl.title-logo-tdl {display: none; } /* отключаем Старый Логотип */
#title-logo-tdr.title-logo-tdr { width: 898px; height: 488px; background-image: url("http://i070.radikal.ru/1007/e5/ad085ad53ad6.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: -10px; } /* Ставим Лого в рекламной секции */
</style>
Красным Ваши рисунки и размеры
(* В принципе это все работает, но красивей было бы сделать через стиль-(* подробности можно спрашивайте у rps или других гуру
Поделиться8Пт, 30 Июл 2010 21:02:06
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Спасибо, сейчас буду пробовать. Через стиль заморачиваться не буду наверное ))))
Поделиться9Пт, 30 Июл 2010 22:02:12
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
А как двигать рекламный банер тут ?)
Поделиться10Пт, 30 Июл 2010 23:41:27
- Заслуженный
- Зарегистрирован: Сб, 24 Июл 2010
- Сообщений: 146
- Уважение: +2
- Позитив: +14
- Пол: Мужской
- Последний визит:
Вс, 5 Дек 2010 12:09:01
Нельзя закрывать рекламный баннер, а то завтра можешь не увидеть своего форума!
Поделиться11Пт, 30 Июл 2010 23:46:53
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
А где ты тут нашел что-то про закрытие баннера?
Поделиться12Пт, 30 Июл 2010 23:52:54
- Заслуженный
- Зарегистрирован: Сб, 24 Июл 2010
- Сообщений: 146
- Уважение: +2
- Позитив: +14
- Пол: Мужской
- Последний визит:
Вс, 5 Дек 2010 12:09:01
По-моему отодвигать его тоже запрещено!
Поделиться13Сб, 31 Июл 2010 00:02:06
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Вчера 20:39:23
Онечег типо вариант уже готовый вместе с рисунком и подвижкой банера, ток вставить (*вместо Вашего
Код:
<style type="text/css">
#pun_wrap {background-image: url("http://forumupload.ru/uploads/000d/55/bb/19-1-f.jpg"
); background-position: center top; background-attachment: fixed; } /* Фоновая картинка без прокрутки */
#pun {margin: auto; width : 898px; background-attachment: scroll; } /* Ширина форума, прокрутка.. */
#title-logo-tdl.title-logo-tdl {display: none; } /* отключаем Старый Логотип */
#title-logo-tdr.title-logo-tdr { width: 898px; height: 283px; background-image: url("http://s006.radikal.ru/i214/1007/fe/bb7865aa5bee.png"); background-repeat: no-repeat; background-position: center bottom; } /* Ставим Лого в рекламной секции */
</style>
</style>
<style>
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
left: 64px;
top: -107px;
}
</style>Вот это
HTML верх
<style type="text/css">
#pun_wrap {background-image: url("http://forumupload.ru/uploads/000d/55/bb/19-1-f.jpg"
); background-position: center top; background-attachment: fixed; } /* Фоновая картинка без прокрутки */#pun {margin: auto; width : 898px; background-attachment: scroll; } /* Ширина форума, прокрутка.. */
#title-logo-tdl.title-logo-tdl {display: none; } /* отключаем Старый Логотип */
#title-logo-tdr.title-logo-tdr { width: 898px; height: 283px; background-image: url("http://s006.radikal.ru/i214/1007/fe/bb7865aa5bee.png"); background-repeat: no-repeat; background-position: center bottom; } /* Ставим Лого в рекламной секции */
</style></style>
<style>
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
left: 64px;top: -107px;
}
</style>
Отредактировано Deff (Сб, 31 Июл 2010 02:02:43)
Поделиться14Сб, 31 Июл 2010 00:07:50
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Еще раз спасибо, но я уже такой вот код нашел:
Код:
<style>
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
left: 169px;
right: 216px;
top: 63px;
}
</style>Поделиться15Сб, 31 Июл 2010 01:08:00
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
Извиняюсь, а как можно сделать изменяющиеся шапки ? Ну то есть что бы несколько разных шапок менялись по очереди ))))
Поделиться16Сб, 31 Июл 2010 01:18:34
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Онечег
Здравствуйте.
Онечег написал(а):
Извиняюсь, а как можно сделать изменяющиеся шапки ? Ну то есть что бы несколько разных шапок менялись по очереди ))))
Новые возможности форума - скрипты. 121 сообщение.
Поделиться17Сб, 31 Июл 2010 01:28:44
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
rps написал(а):
Новые возможности форума - скрипты. 121 сообщение.
А как его вставить в это все дело?
Deff написал(а):
<style type="text/css"> #pun_wrap {background-image: url("http://i057.radikal.ru/1007/bb/84691c6046e1.jpg"); background-position: center top; background-attachment: fixed; } /* Фоновая картинка без прокрутки */
#pun {margin: auto; width : 898px; background-attachment: scroll; } /* Ширина форума, прокрутка.. */
#title-logo-tdl.title-logo-tdl {display: none; } /* отключаем Старый Логотип */
#title-logo-tdr.title-logo-tdr { width: 898px; height: 488px; background-image: url("http://i070.radikal.ru/1007/e5/ad085ad53ad6.jpg"); background-repeat: no-repeat; background-position: center top; margin-top: -10px; } /* Ставим Лого в рекламной секции */</style>
Поделиться18Сб, 31 Июл 2010 01:30:38
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Онечег
Никак. Это ставится вместо Вашего кода. Инструкция там тоже есть.
Поделиться19Сб, 31 Июл 2010 01:36:59
- Заслуженный
- Зарегистрирован: Чт, 19 Мар 2009
- Сообщений: 24
- Уважение: 0
- Позитив: +2
- Пол: Мужской
- Последний визит:
Пн, 30 Авг 2010 03:01:22
А как тогда можно сделать меняющиеся шапки вместе со стационарными по ширине логотипом и форумом ?
Поделиться20Сб, 31 Июл 2010 01:59:22
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Вчера 20:39:23
Онечег Вона 
мое последнее, подредактил и выровнял рисунок по ширине (*не успеваю за rps - он шустрей..
Отредактировано Deff (Сб, 31 Июл 2010 02:03:18)