помогите с шапкой форума
Спасибо большое! Всё получилось правда, пришлось шапку пока убрать. Надо картинку красивую придумать Та, что я хотела, не подошла. Надо новую нарисовать. Но идея понятна. Спасибо большое!
Форум Science-Леди www.scienceclub.listbb.ru
Ребята, помогите с шапкой форума еще разок. Я сделала как-то, но меня не очень устраивает.
Шапка у меня резиновая. Залила ее цветом. Внутрь вставила картинку с девушкой. Картинка не очень большой ширины и поэтому оставалось много места слева и справа. Я сделала так, что она автоматически теперь 1) ставит картинку слева 2) остальное справа заполняет белым.
Вот так получилось:
Но это не красиво. Хотелось бы, чтобы оставалось место справа и слева (цвета фона). В общем, я никак не могу понять как правильно это реализвать. Подбирать размер картинки под мою шапку и мой экран? А если будет другой размер, то как это будет выглядеть?
Помогите, пожалуйста
зы. чтобы было более понятно, что я хочу... вот что-то типа такого см. шапку этого форума (только бабочку не нужно)
Шапка у меня резиновая. Залила ее цветом. Внутрь вставила картинку с девушкой. Картинка не очень большой ширины и поэтому оставалось много места слева и справа. Я сделала так, что она автоматически теперь 1) ставит картинку слева 2) остальное справа заполняет белым.
Вот так получилось:
Но это не красиво. Хотелось бы, чтобы оставалось место справа и слева (цвета фона). В общем, я никак не могу понять как правильно это реализвать. Подбирать размер картинки под мою шапку и мой экран? А если будет другой размер, то как это будет выглядеть?
Помогите, пожалуйста
зы. чтобы было более понятно, что я хочу... вот что-то типа такого см. шапку этого форума (только бабочку не нужно)
Форум Science-Леди www.scienceclub.listbb.ru
Вот в этом обычно и заключается загвоздка:)Uzanka » Сегодня, 03:37 писал(а):А если будет другой размер, то как это будет выглядеть?
Можно нарисовать ещё одну картинку, не очень широкую, и установить её по правому краю. Получится примерно такое:
ваше изображение / белая пустота / новое изображение
Получится что на широких мониторах будет видна вся шапка, а на тех что поуже новое изображение будет скрыто.
Делается это так. В хедере у вас есть такой кусок:
Код: Выделить всё
<div class="post bg3" style="background-color:white; width:1000px;">
Код: Выделить всё
<div class="post bg3" style="background: url(new_image.png) no-repeat 600px 0 #FFF;width:1000px;">
600px
- это отступ слева.Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
А не получится так, что у кого-то на широком мониторе будет браузер не на весь экран развёрнут и будет видна часть второй картинки?CabinetAdmin » 03 июл 2014, 14:18 писал(а):Получится что на широких мониторах будет видна вся шапка, а на тех что поуже новое изображение будет скрыто.
CabinetAdmin
спасибо. Я поняла. Подумаю как лучше сделать.
спасибо. Я поняла. Подумаю как лучше сделать.
Форум Science-Леди www.scienceclub.listbb.ru
CabinetAdmin
не подскажете как бы мне разместить эту часть, обернутую в <div class="post bg3" style="background-color:white; width:120%;">, по середине шапки. Сейчас она смещена влево. А хочется немного сдвинуть ее от левого края. Вот так (красными стрелочками попыталась пояснить):
Если честно, то я уже разные варианты пробовала. Ничего не работает
не подскажете как бы мне разместить эту часть, обернутую в <div class="post bg3" style="background-color:white; width:120%;">, по середине шапки. Сейчас она смещена влево. А хочется немного сдвинуть ее от левого края. Вот так (красными стрелочками попыталась пояснить):
Если честно, то я уже разные варианты пробовала. Ничего не работает
Форум Science-Леди www.scienceclub.listbb.ru
Замените:
на:
И в теме стиля добавьте к
Код: Выделить всё
<div class="post bg3" style="background-color:white; width:120%;">
Код: Выделить всё
<div class="post bg3" style="background-color:white; clear: both;text-align: center;">
#site-description {
- right: 0;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin, здравствуйте. Вытачиваю другой стиль под себя. Возник вопрос. Подскажите, какой код отвечает за положение логотипа в шапке. Именно логотипа. Как можно сдвинуть его в разных направлениях? *нужно вверх чуть поднять, что бы выровнять, ну и для себя знать каким образом можно двигать в разные стороны логотип.
Стиль - сынок сабсильвера.
Спасибо.
Стиль - сынок сабсильвера.
Спасибо.
+
Если хотите узнать глубину души человека, то плюньте ему в душу и считайте до тех пор,
пока не получите по морде.
пока не получите по морде.
Этот стиль? http://demo.phpbb3styles.net/X-Static
В
и плюс в теме
можно попробовать поиграться со значениями
Ну а вот тут
код
В
overall_header.html
этот участок кода отвечает за логотипКод: Выделить всё
<td height="100" align="left" valign="middle" rowspan="2"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
Код: Выделить всё
#top_logo {
margin : 0 0 0 0;
padding : 0 0 0 0;
background : url('./images/top_header.png') repeat-x top right;
height : 100px;
border: 1px solid #4d6c95;
/*border-left : 1px solid #404040;
border-right : 1px solid #404040;*/
white-space : nowrap;
overflow : hidden;
}
margin
и padding
Ну а вот тут
Код: Выделить всё
#logodesc {
margin-bottom : 5px;
padding : 5px 25px;
background : #d9dfe4;
border-bottom : 1px solid #4787a7;
}
margin-bottom : 5px;
- это отступ до кнопок, что расположены под логотипом. А в padding : 5px 25px;
5 - это отступ от логотипа сверху и снизу. Если, например, установить значение 55, то над логотипом и под ним образуется пустое место в 55px То же самое и со значением 25, только это относится к боковым отступам Пробовал. Всё равно получается в два этажа вложения.CabinetAdmin » 23 минуты назад писал(а):Ну, дык, таблицей и сделай.
Если есть строка то строку не должно переносить. Если в ячейке есть слова, то ячейка может сжиматься, перенося слова на новые строки. То же самое и с картинками, если таблица будет примерно с таким кодомПри низком разрешении монитора картинки могут стать одна под одной. То же самое и с элементами.
Код: Выделить всё
<tr><td>содержимое ячейки</td><td>содержимое второй ячейки</td></tr>
Код: Выделить всё
<table><tr><td>картинка картинка</td><td>картинка картинка</td></tr></table>
Пытался вставить картинку, скрипт, всё в приделах размеров шапки. Меня там дивы смущают. Не привык я ещё к просильверу. Вот как к примеру вставить между логом и поиском ещё один елемент что бы всё было в ряд ?
Код: Выделить всё
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}"><img src="http://satelitray.ru/styles/prosilver/imageset/Black_and_white_on_transparent_background_312x75.png" /></a>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<span class="clear"></span></div>
</div>
Похожие темы
-
Всем привет, спрашивал на гуру, говорят надо заблокировать юзер агента
А я не знаю как это сделать
Вот что мне написали ТП хостинга рег ру
Пачками... -
После обновления старого PHPBB форума
с версии 2 до версии 3.3.10 в меню форума появился link The team , при открытии которого выдает 404 ошибку... -
darkmode,расширение которое переключает светлый,темный режим форума.
Расширение работает и для гостей и имеет переключатель в navbar .
Недостатки:... -
Все привет, с Новым 2023 годом, здоровья и успехов во всем.
Ребят, такой вопрос, нужно было сделать форум, не стал делать чистую установку, просто... -
Добрый вечер.
Появилась необходимость запретить показ рекламы от гугл адсенс на некоторых страницах форума. Там есть такая функция как исключить... -
Расширение позволяющее добавить на форум свой стиль, скрипт или блок с произвольным содержимым. В расширении можно задать шапку форума, ico иконку...