Как сделать надпись в шапке форума 3.2.3 - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Как сделать надпись в шапке форума 3.2.3

#1 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 09 Октябрь 2012 - 10:17

Добрый день, проблема такая.
В данный момент разместили большой логотип в шапке.
Слевой стороны логотип компании, справой стороны номера телефонов.
Изза этого при разном разрешении экрана строка с поиском начинает уезжать в низ.
Как можно избавится от этой проблемы?
Насколько я понимаю можно либо повесить картинкой номера телефонов отдельно, либо написать их текстом ?
Подскажите пожалуйста как это сделать :)
0

#2 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 190
  • Регистрация: 21-Ноябрь 05
  • Репутация: 695
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 10 Октябрь 2012 - 01:12

Сделайте иконку со ссылкой на страницу с контактами.
1

#3 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 10 Октябрь 2012 - 02:02

А как создавать иконки?
Поскажите пожалуйста как сделать нажпись примерно как у вас на форуме только в две строки, чтобы номера телефонов были расположены справой стороны форума.
Хочется все таки вывесить на самое видное место :)
0

#4 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 190
  • Регистрация: 21-Ноябрь 05
  • Репутация: 695
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 10 Октябрь 2012 - 09:15

У Вас такая же структура шапки как у нас?
Может проще нанять специалиста, который все сверстает как надо, раз Вы коммерческий сайт?

Зы
Посмотрела форум.
Лошадиную картинку в шапку засунули вместо лого, оттого все ломается.
Укоротите ее в три раза.
1

#5 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 10 Октябрь 2012 - 16:27

Да я знаю что лошадиная )))
Картинку то я обрежу, только как тогда номера телефонов повесить чтобы форум не уплывал.
Нанять это все сложно в нашей компании планирование бюджета и т л и т п )) проще самому сделать :)памогите пожалуйста люди добрые :D :rolleyes:

Сообщение изменено: Ultima (10 Октябрь 2012 - 16:39)

0

#6 Пользователь не на сайте   Fisana ответил: »

 
 
  • На PM не отвечаю
  • Смотреть блог
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 13 190
  • Регистрация: 21-Ноябрь 05
  • Репутация: 695
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 10 Октябрь 2012 - 18:09

Помогите проект в РФФИ закончить до 15 числа :(
Тогда переключу мозги на ipb
А пока никак
1

#7 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 11 Октябрь 2012 - 13:37

что за проект ? чем можно помочь ?
мне не к спеху :)
как будет время пишите поковярем вместе. :rolleyes:
Очень хочется что то красивое для абонентов сделать :)
Все своими руками поднималось.

Сообщение изменено: Ultima (11 Октябрь 2012 - 13:45)

0

#8 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 531
  • IPB version:3.4.x
 

Отправлено 11 Октябрь 2012 - 14:16

С шапкой, куда надо "понапихать всего", есть простой прием:

1. Ставите для блока шапки:
#branding .main_width { position: relative; height: 100px; text-align: center; }


2. Меняете позиционирование лого и поиска:
#logo { position: absolute; left: 0; top: 0; }
#search { position: absolute; right: 0; top: 0; }


Все, теперь у вас лого и поиск всегда прижаты к углам не зависимо от того, сколдько и какого контента в шапке. Можете добавить туда телефоны, адреса, баннеры - что угодно - ни лого, ни поиск никуда не "уедут".
2

#9 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 11 Октябрь 2012 - 16:12

Просмотреть сообщениеRitsuka 11 Октябрь 2012 - 14:16 сказал(а):

С шапкой, куда надо "понапихать всего", есть простой прием:

1. Ставите для блока шапки:
#branding .main_width { position: relative; height: 100px; text-align: center; }


2. Меняете позиционирование лого и поиска:
#logo { position: absolute; left: 0; top: 0; }
#search { position: absolute; right: 0; top: 0; }


Все, теперь у вас лого и поиск всегда прижаты к углам не зависимо от того, сколдько и какого контента в шапке. Можете добавить туда телефоны, адреса, баннеры - что угодно - ни лого, ни поиск никуда не "уедут".

Спасибо большое :) а номера телефонов в две строки нужно прописывать в шаблон хеадер?
+ чтобы сделать надпись красивой нужно добавлять в css строчки ? тени к примеру и позицию в шапке?
У Вас есть красивая надпись "Запросить услуги специалистов" так вот я хочу сделать примерно так же с правой стороны блока шапки слева от строки поиска.

Сообщение изменено: Ultima (11 Октябрь 2012 - 16:16)

0

#10 Пользователь не на сайте   Ritsuka ответил: »

 
 
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 908
  • Регистрация: 08-Июнь 09
  • Репутация: 531
  • IPB version:3.4.x
 

Отправлено 11 Октябрь 2012 - 16:53

Когда вы таким образом разнесете шапку, вам останется только добавить в globalTemplate после:
                <div id='logo'>
                    <if test="brandingBar:|:ipsRegistry::$applications[ $this->registry->getCurrentApplication() ]['hasCustomHeader']">
                        {parse template="overwriteHeader" group="{current_app}_global" params=""}
                    <else />
                        {parse template="defaultHeader" group="global" params=""}
                    </if>
                </div>


свой или свои новые блоки, например, такие:
                <div id='myblock1'>
                Наши телефоны:<br />
                123-123-123, 321-321-321
                </div>
                <div id='myblock2'>
                Наши адреса:<br />
                г. Такойто, ул. Такая-то.
                </div>


И стилизовать его:
#myblock1 { 
   float: left; margin: 0 0 0 200px;  /* 200 - это ширина вашего лого, чтобы блок под него не залез */
   padding-top: 20px;
   width: 200px; text-align: center; 
   text-shadow: 0px 0px 6px #000000;  
}
#myblock2 { 
   float: left; margin: 0 0 0 10px;  /* 10 - это отступ от предыдущего блока */
   padding-top: 20px;
   width: 200px; text-align: center; 
   text-shadow: 0px 0px 6px #000000;  
}


Собственно, если вам что-то более конкретное - то это проще и быстрее на месте сделать, нежели через форум)
2

#11 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 12 Октябрь 2012 - 13:56

Спасибо огромное, буду пробовать.
На месте это сразу на моем форуме?
Подскажите пожалуйста тут чтобы темы не пладить.
Я на тестовом скине задрал полоски до самого верха(те что слева и справа).
Изза этого у меня логотип и кномпи с меню уехали к центру как раз на ширину этих полосок))
Как это поправить?
полоски задирал так

1. шаблон globalTemplate.
2. Найдите и вырежете

<div id='content' class='clearfix'>


Вставьте вырезанный код выше

<!-- ::: TOP BAR: Sign in / register or user drop down and notification alerts ::: -->

Сообщение изменено: Ultima (12 Октябрь 2012 - 14:10)

0

#12 Пользователь не на сайте   Ultima ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 70
  • Регистрация: 14-Ноябрь 11
  • Репутация: 0
  • Откуда:из проводов
  • IPB version:3.2.x
 

Отправлено 12 Октябрь 2012 - 17:38

У меня проблема, когда прописываю
#branding .main_width { position: relative; height: 100px; text-align: center; }
изза .main_width у меня слева и справа от логотипа появляется полоска, тоесть логотип уезжает к центру....
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна