Объявления
Поздравляем
Roman2211


Друзья, если не получается зарегистрироваться, напишите на почту vdv_forever@bk.ru.
Я оторву свою задницу от всех дел и обязательно Вас активирую! :smile10:
Добро пожаловать на геройский форум! :smile25:

форум

Обсуждение работы форума и сайта. Все свои предложения, замечания и обнаруженные баги пишем в этот раздел.
offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 11:48

Можно сделать так:

Код: Выделить всё
<div class="pageHeader">
   Левый блок с логотипом
</div>

<div class="pageHeader">
   <span>Средний блок с картинкой</span>
</div>

<div class="pageHeader">
   Правый блок с поиском
</div>


В style.css прописать стиль pageHeader:

Код: Выделить всё
.pageHeader {
    text-align: center;
    float: left;
    width: 33.3%;
}
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 11:54

Да, совсем забыл:

Код: Выделить всё
.pageHeader > span {
    line-height: 64px;
    vertical-align: middle;
}


Вместо 64px указать высоту блока "шапки" форума.
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 11:57

Короче, попробуй картинку засунуть в span и прописать в css код, что выше. Сейчас картинка, походу, в одном блоке с поиском. Надо разделить.
Вернуться к началу

offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3862
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 986 раз.

Re: форум

Сообщение VDV_forever » 19 ноя 2013, 12:05

AlexSpl писал(а):

Короче, попробуй картинку засунуть в span и прописать в css код, что выше. Сейчас картинка, походу, в одном блоке с поиском. Надо разделить.


Походу да, хотя я задал ей атрибут сдвинуться вправо!

На сайте всего один файл стилей, а на форуме просто дофига и больше, даже не знаю куда лезть...
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 12:14

У тебя шапка в виде таблицы:

Задавай нужную ширину td, можно в процентах.
Последний раз редактировалось AlexSpl 23 окт 2022, 01:27, всего редактировалось 1 раз.
Вернуться к началу

offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3862
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 986 раз.

Re: форум

Сообщение VDV_forever » 19 ноя 2013, 12:43

AlexSpl писал(а):

У тебя шапка в виде таблицы:

Изображение

Задавай нужную ширину td, можно в процентах.


Спасибо, Саша! +100500! Уже кое что получилось :P
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 12:47

Сейчас поиск выезжает за пределы div'а при уменьшении ширины окна браузера. Нужно посмотреть, где задаётся минимальная ширина div'a, и увеличить её, так чтобы все элементы влезали. Вот взять, например, HP. Посмотрите, что будет, если уменьшить ширину окна ;)

См. пример хорошей реализации шапки с баннером на http://heroescommunity.com/
Вернуться к началу

offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3862
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 986 раз.

Re: форум

Сообщение VDV_forever » 19 ноя 2013, 12:59

AlexSpl писал(а):

Сейчас поиск выезжает за пределы div'а при уменьшении ширины окна браузера. Нужно посмотреть, где задаётся минимальная ширина div'a, и увеличить её, так чтобы все элементы влезали. Вот взять, например, HP. Посмотрите, что будет, если уменьшить ширину окна ;)


Не только поиск, но и баннер. :( Но уже лучше, чем было. Благодаря твоей наводке ;) Я тебя понял, буду думать как это сделать. Если есть мысли, делись, может опять осенит :roll:

P.S. Задам вопрос на специализированном форуме ;)
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

offlineАватара пользователя
AlexSpl  
имя: Александр
Эксперт
Эксперт
 
Сообщения: 5587
Зарегистрирован: 17 сен 2010, 12:58
Пол: Мужчина
Награды: 14
Высшая медаль (1) Победителю турнира по HMM1_TE (2) Победителю этапа по HMM1 (1) Победителю этапа по HMM2 (1) Лучшему из лучших (1) 2 место 1 этапа по HMM1 (1)
3 место 1 этапа по HMM1 (1) 1 место 2 этапа по HMM2 (1) Победителю турнира по KB (2) Победителю турнира по KB (1) Грандмастер оффлайн-турниров (1) Боевой шлем (1)
Поблагодарили: 2185 раз.

Re: форум

Сообщение AlexSpl » 19 ноя 2013, 13:05

Может, название форума переместить в другой элемент, а логотипу и поиску отдать одинаковый процент ширины? Тогда всё будет смотреться красиво. Ну и на форуме по phpBB почитать, где прописывается ограничение ширины форума.

Ещё про паддинг не забудь: сейчас при уменьшении ширины окна элементы становятся слишком близко расположенными друг к другу. Другими словами, нужна симметрия. Раз баннер по центру, должно быть нечётное количество блоков, равное по обе стороны баннера. У тебя сейчас - чётное.
Последний раз редактировалось AlexSpl 19 ноя 2013, 13:18, всего редактировалось 1 раз.
Вернуться к началу

offlineАватара пользователя
VDV_forever  
имя: Дмитрий
Администратор
 
Сообщения: 3862
Зарегистрирован: 22 мар 2009, 12:36
Пол: Мужчина
Поблагодарили: 986 раз.

Re: форум

Сообщение VDV_forever » 19 ноя 2013, 13:17

AlexSpl писал(а):

Может, название форума переместить в другой элемент, а логотипу и поиску отдать одинаковый процент ширины? Тогда всё будет смотреться красиво. Ну и на форуме по phpBB почитать, где прописывается ограничение ширины форума.


На место чего переместить, на твой взгляд, название форума надо? Резиновость надо делать. Будет чем заняться в ближайшее время :)

AlexSpl писал(а):

Ещё про паддинг не забудь: сейчас при уменьшении ширины окна элементы становятся слишком близко расположенными друг к другу.


Надо еще выравнивание каждого элемента в таблице сделать по центру, тогда и паддинг будет больше ;)
http://www.handbookhmm.ru- Познай все тонкости игры!
Вернуться к началу

Пред.След.

Вернуться в Развитие форума, сайта

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3