Нужен совет - Дизайн и модификация Invision Power Board

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

 

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

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

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

submenu редактирование шаблонов шапка
Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Нужен совет

#1 Пользователь не на сайте   Alise »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 4
  • Регистрация: 07-Июль 07
  • Репутация: 0
  • IPB version:2.1.x
 

  Отправлено 08 Июль 2007 - 01:26

Доброго времени суток!
Мне нужна помощь по осуществлению кое-какой задумки.
Дело вот в чем, обычный шаблон форума внешне выглядит примерно так:
-IMG-
Меня интересует, реально ли выделенные красным и синим таблички преобразить вот так:
-IMG-
Чтобы они были прозрачными и находились на логотипе? Если да, то подскажите плиз, где конкретно искать эти настройки – в хтмл шаблонах, в настройках ксс или и там и там одновременно? Заранее спасибо)

ПС: гран мерси за этот сайт – настоящая палочка-выручалочка для начинающего веб дизайнера :) ))
0

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

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

Отправлено 08 Июль 2007 - 01:40

Реально.
Строите таблицу из трех ячеек. В левую помещаете перестроенное сабменю (в столбик), в среднюю - картинку для логотипа, а в правую загоняете тег мембербара (возьмете его из основного шаблона, где оный тег закомментируете).
При этом мембербар в назначенном для него шаблоне перестраиваете тоже в столбик.
Ну и в css для нужных классов по ходу делаете изменения.
0

#3 Пользователь не на сайте   Alise »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 4
  • Регистрация: 07-Июль 07
  • Репутация: 0
  • IPB version:2.1.x
 

Отправлено 08 Июль 2007 - 05:57

Таблицу я сделала, линки как надо расставила, теперь задача установить все это на форуме. Я так понимаю полученную таблицу нужно вставлять в "skin global - global board header", и даже догадываюсь что вместо тега:

Цитата

<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' alt='IPB' style='vertical-align:top' border='0' /><!--ipb.logo.end--></a></div>
<div id="submenu">
<p class="home"><!--ipb.leftlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>
<p><!--ipb.rightlinks.start-->
<if="component_links != """>
{$component_links}
</if>

<a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a><a href="{ipb.script_url}act=Search&f={ipb.input['f']}">{ipb.lang['tb_search']}</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a>
<!--ipb.rightlinks.end--></p>
</div>
</div>

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

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

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

Отправлено 08 Июль 2007 - 10:03

Где таблица??? Там по-прежнему блоки с тегами <div>...</div> один под другим.
И линки Вы не расставили, они в строчку будут, а надо в столбик, иначе не влезут.
Пушкин <br /> ставить будет?

Делайте в редакторе, тренируясь на копии дефолтного скина, тогда сами все увидите.
<table class="шапка" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="левая сторона" width="200px">перестроенное сабменю</td>
<td id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' alt='IPB' style='vertical-align:top' border='0' /></td>
<td class="правая сторона" width="200px"><%Memberbar%></td>
</tr>
</table>
Это с необходимыми правками (писала наобум) вставить вместо блоков логотип + сабменю. Внутри ячеек можно писать блоки левых и правых линков, разделяя пункты <br />
Поправить / создать классы в css

Закомментировать мембербар в основном шаблоне (иначе он повторится дважды!)
И Перестроить в столбик в родном - так и называется - memberbar

Больше повторять не буду, читайте внимательно и не повторяйте вопросов.
Очень тяжело объяснять.
Если не знаете азов, пожалуйста, вначале почитайте справочники по html:
Все про блочную верстку
Все про табличную верстку.
Значения тегов: <div> <table> <tr> <td> <br />
Что такое html-комментарий...
О css - разница между id и class (в шапке применяется то, и другое, если вглядитесь в верстку дефолтного стиля)
Значения параметров: float, text-align, padding, background, text-decoration

Все это может пригодится при перестройке шапки.
0

#5 Пользователь не на сайте   andaril »

 
 
  • -_-'
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 2 638
  • Регистрация: 24-Март 07
  • Репутация: 1
  • Откуда:Тат, Наб. Челны
  • IPB version:I have no IPB
 

Отправлено 08 Июль 2007 - 12:03

Фисана не сказала, что таблицу надо оформлять в врапере. (Edit Board Header & Footer Wrapper), а так, и правду если не знаете хтмл, то лучше вообще не лезть, там ведь в шаблонах еще и php условия вставлены.
0

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

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

Отправлено 08 Июль 2007 - 12:29

Враппер записан в основном шаблоне, а таблица оформляется в html фрагменх - в global_board_header.
Не путайте людей, когда сами не понимаете. Во враппере некуда влепить входящие переменные, нихрена работать меню не будет, тот же поиск с выпадением менюшки накроется и компоненты не вставятся.
Во враппере (основной шаблон) только комментируется <%MEMBERBAR%>, поскольку его нельзя просто перенести.
Читайте внимательно, достало повторять!
0

#7 Пользователь не на сайте   Alise »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 4
  • Регистрация: 07-Июль 07
  • Репутация: 0
  • IPB version:2.1.x
 

Отправлено 09 Июль 2007 - 02:03

М, Фисана, вы меня не правильно поняли) Это не таблица, разумеется, это вопрос)

Цитата

Я так понимаю полученную таблицу нужно вставлять в "skin global - global board header", и даже догадываюсь что вместо тега:

Но это уже не важно)
Спасибо за объяснения, все получилось)

ПС: респект вам как веб-дизайнеру, очень красивые скины делаете.
0

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


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

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


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

Заказ дизайна форума

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

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

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

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

IPB 3.x ¦ IPB 2.x

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

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