Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.



С нашей помощью вы можете создать форум,
похожий на этот!

Мы в социальных сетях


   




 
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Поиск
 
 

Результаты :
 


Rechercher Расширенный поиск

Правила форума

-Правила форума для обязательного прочтения!
Последние темы
» Ошибка в стиле форума Solaris
автор Deimos Сегодня в 20:26

» Очередной слайдер-карусель картинок от помощника "Домовой"
автор Y.nby Сегодня в 19:57

» фотки не уменьшаются
автор MargoTula Сегодня в 19:57

» Причина редактирования сообщения
автор Belokniznik Сегодня в 19:54

» Как сделать удвоение темы?
автор Pin Сегодня в 18:44

» забыл адрес своего форума
автор Dana Domirani Сегодня в 18:23

» Как создать новый статус
автор Ilya Сегодня в 17:53

» Куда ставить код полосы прокрутки?
автор Pin Сегодня в 17:44

» Кнопки "Отправить" "Предпросмотр"
автор Belokniznik Сегодня в 17:17

» Виджет часов
автор Belokniznik Сегодня в 17:14

Интересные решения
Последние обновления:

Еще больше интересных решений!
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Шапка для ВВ3, содержащая 3 и более разных картинок.

Предыдущая тема Следующая тема Перейти вниз

Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Fox-Alice в Пн 1 Мар - 23:02

Хвастаюсь. girl_blush
Вот весенняя шапочка у моего форума:

В шапке 3 картинки - паттерн, логотип справа и сосульки слева.
При этом в ПА картинка для логотипа не установлена (точней, там стоит картинка empty), так что туда можно влепить 4 картинку, и в описании сайта - только текст. Так что туда тоже можно влепить картинку. 5-ю.
А если еще пошариться в каскадной таблице, то можно, наверно, и шестую куда-нить вклепать.
Как сделана моя шапка:
1. В ПА в управлении картинками для верхней части страницы указана ссылка на картинку-паттерн (зеленый бесшовный фон).
2. На месте логотипа прописана картинка empty. В ПА установлено положение логотипа слева. При желании туда можно поставить другу картинку - будет 4 картинки в шапке.
3. В описании сайта указан текст. При желании туда тоже можно запихать картинку, она будет 5-й в шапке.
4. В каскадную таблицу вставлен примерно такой код:
Код:
/* Логотип */
#logo-desc {
height:69px;
margin-left: 5px;
background: transparent  url('адрес картинки слева') center left scroll no-repeat;
}

#logo {
background: transparent url("адрес картинки справа") center left scroll no-repeat;
float:right;
height:50px;
padding-right:70px;
margin-top:-10px;
}

Поля, отступы, высоту - надо подбирать индивидуально в зависимости от размера картинок и желаемого результата.


Примечание: ИЕ-6 почему-то сосульки в шапке не показывает.


Последний раз редактировалось: Fox-Alice (Вт 2 Мар - 13:06), всего редактировалось 1 раз(а)

Fox-Alice
Забанен
Забанен

Пол: Женщина
Сообщения: 657
Место обитания: Москва
Настроение: - Доктор, меня все игнорируют.
- Следующий.
Карма: Забанен
Благодарности: 12
Регистрация: 2009-12-05

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Sunnyta в Вт 2 Мар - 0:01

Чтоб в одной строке задать лево и право можно попробовать так (пример со словами, но ты можешь переделать под картинки):
в сисс -
Код:
.alignleft {
float: left;
}
.alignright {
float: right;
}

по месту -
Код:
<div id="textbox">
<p class="alignleft">ПРИВЕТ слева</p>
<p class="alignright">ПОКА справа</p><div style="clear: both;"></div>

Sunnyta
 
 

Сообщения: 1939
Девиз: Пусть всегда будет Cолнце!


Настроение:

Карма: Без предупреждений
Благодарности: 55
Регистрация: 2008-03-20

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Изобретатель в Вт 2 Мар - 0:43

Попробуйте вставить в "приветствие на главной", куда хотите, а лучше в самом верху, перед всеми кодами. -
Ну ссылку на изображение от меня - http://s005.radikal.ru/i211/1001/12/503d80a45874.jpg - замените на свою. "Лево - и Право (может центр) в коде тоже подстроите себе".
Остальное тоже... . smile
Код:
<div style="position: absolute; right: 0%; top: 0px;"><img src="http://s005.radikal.ru/i211/1001/12/503d80a45874.jpg" border="0"></div>



<img src= ............. - можете тоже поставить несколько... . Только не забудьте об остальных параметрах. unknown

В целом, можно и пару - тройку этих "заряженных" ссылками кодов поставить. Даже так лучше будет. То есть проще как бы... . yes

Изобретатель
 
 

Пол: Мужчина
Сообщения: 2920
Карма: Без предупреждений
Благодарности: 211
Регистрация: 2009-02-26

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Fox-Alice в Вт 2 Мар - 4:22

Саннита, Изобретатель, Вы не поняли. smile
У меня вопросов, как слабать шапку, содержащую много разных картинок и текст - нет. Я предложила свой вариант.
Фишка в том, что никаких дополнительных элементов на странице не создается. Никаких картинок в html код страницы (в привествие или куда-либо еще) не запихивается. Все построено на задании параметров в каскадной таблице для уже существующих элементов "шапки" на странице.
Что касается класса alignleft - его в шапке в ВВ3 нет. Как и доступа к шаблонам.
А параметр float в моем варианте не используется, потому что я описываю атрибуты параметра background.
Что касается приветствия - вообще не в тему. Приветствие ведь показывается только на главной странице сайта. И, соответственно, при переходе по страницам исчезнет. У меня же ничего не исчезает, если, конечно, не смотреть на форум из под допотопного ИЕ-6.
Тыкните в профиль и убедитесь. smile

Fox-Alice
Забанен
Забанен

Пол: Женщина
Сообщения: 657
Место обитания: Москва
Настроение: - Доктор, меня все игнорируют.
- Следующий.
Карма: Забанен
Благодарности: 12
Регистрация: 2009-12-05

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Sunnyta в Вт 2 Мар - 9:36

Да! Если б ИЭ показывало сосульки нормально ,то можно было бы почаще менять картинку - просто так, по настроению или по праздникам... wink

Sunnyta
 
 

Сообщения: 1939
Девиз: Пусть всегда будет Cолнце!


Настроение:

Карма: Без предупреждений
Благодарности: 55
Регистрация: 2008-03-20

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Fox-Alice в Вт 2 Мар - 11:34

А я уже поменяла... smile
У меня там теперь поздравление с наступлением весны.

Fox-Alice
Забанен
Забанен

Пол: Женщина
Сообщения: 657
Место обитания: Москва
Настроение: - Доктор, меня все игнорируют.
- Следующий.
Карма: Забанен
Благодарности: 12
Регистрация: 2009-12-05

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Luz в Вт 2 Мар - 12:32

Fox-Alice,
я правильно понимаю, что это тема для раздела "Ваши варианты туториалов" ? smile

Luz
Администратор
Администратор

Пол: Женщина
Сообщения: 11848
Возраст: 38
Карма: Без предупреждений
Благодарности: 1166
Регистрация: 2005-03-01

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Sunnyta в Вт 2 Мар - 12:43

Fox-Alice пишет:У меня же ничего не исчезает, если, конечно, не смотреть на форум из под допотопного ИЕ-6.
smile

Я сейчас с ИЭ глянула (не знаю какой поставлен) - показывает цфяточки smile

Sunnyta
 
 

Сообщения: 1939
Девиз: Пусть всегда будет Cолнце!


Настроение:

Карма: Без предупреждений
Благодарности: 55
Регистрация: 2008-03-20

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Re: Шапка для ВВ3, содержащая 3 и более разных картинок.

Сообщение автор Fox-Alice в Вт 2 Мар - 12:59

Luz пишет:Fox-Alice,
я правильно понимаю, что это тема для раздела "Ваши варианты туториалов" ? smile

Ну, на тутор я не претендую... girl_blush В моем варианте слишком много параметров - высоту, поля, отступы надо задавать индивидуально. Просто поделилась идеей.

Fox-Alice
Забанен
Забанен

Пол: Женщина
Сообщения: 657
Место обитания: Москва
Настроение: - Доктор, меня все игнорируют.
- Следующий.
Карма: Забанен
Благодарности: 12
Регистрация: 2009-12-05

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

Права доступа к этому форуму:
Вы не можете отвечать на сообщения