Графические части категорий - Дизайн и модификация Invision Power Board

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

 

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

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

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

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

Графические части категорий

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

 
 
  • Member
  • **
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 71
  • Регистрация: 13-Ноябрь 06
  • Репутация: 0
 

Отправлено 13 Январь 2007 - 01:51

Как разделить на три графические части бэграунд категории? Просто в некоторых скинах он задается в
.borderwrap h3,
.maintitle,
.maintitlecollapse{
	background: #хххххх url(skin/tile_cat.gif);
	border: 0px solid #FFF;
	border-bottom: 1px solid #000000;
	color: #000000; 
	font-size: 12px;
	font-weight: bold; 
	margin: 0;
	padding: 8px;


А в некоторых так:

.catheader {
		background:  #000000 url(skin/tile_head.gif) repeat-x;
	  float:left;
	  width:100%;
		border-bottom: 1px solid #000;
	height: 31px;
	font-size: 11px;
	  margin: 0px;
	  padding: 0px;
	  display: inline;
		text-align: left;
  }

.catheader1 {
		background:url(skin/cat_left.gif) no-repeat left top;
		text-align: center;
	  float: left;
	  margin: 0px;
	  padding: 0px;
	  width: 100%;
	height: 31px;
	  display: block;
  }
.catheader2 {
		background:url(skin/cat_right.gif) no-repeat right top;
	text-align: center;
	  float: right;
	   	padding: 0px;
	  text-decoration: none;
	  color: #000;
	font-size: 1px;
	  width: 100%;
	height: 31px;
	  display: inline;
  }
где собственно и происходит разделение на три графических объекта. К чему привязаны эти операторы и почему они разные ?

Я бы мог конечно на базе уже какого-нибудь скина просто перерисовать картинку правую левую и цент и все. Но , всеже, хочется понять суть...
0

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

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

Отправлено 13 Январь 2007 - 02:05

В первом случае - дефолтный вариант. Там бэкграунд и заголовок прописывается в блоке - в тегах <div> как единое целое.
Второй случай взят, вероятно, из скина, где блоки заголовков заменены таблицей с тремя ячейками. Заменены в html во многих фрагментах.
Центральная часть имеет повторяющийся фон, а левая и правая привязаны, соответственно, к левой и правой ячейке. В css заданы свойства классов для ячеек.
Способов прописывания и привязки картинок в категориях множество.

Чтобы понять суть, нужно начать с чтения учебников по html.
0

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

 
 
  • Member
  • **
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 71
  • Регистрация: 13-Ноябрь 06
  • Репутация: 0
 

Отправлено 13 Январь 2007 - 02:26

Просмотреть сообщениеFisana 13.1.2007, 0:06 сказал(а):

Чтобы понять суть, нужно начать с чтения учебников по html.

Ладно, перефразирую. Времени не особо много что бы начинать читать книги по html и css. :) Если править надо немного я исправлю сам. Какие файлы отвечают за это разделение ? Их много ?

Ясное дело завтра на свежую голову я поставлю себе скин, покапаю поиском во всех html нечто похожее и найду. Но скин не терпит отлагательств а в дневное время не до скинов. Поэтому если не тяжело навести на истинный путь, буду благодарен :)
0

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

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

Отправлено 13 Январь 2007 - 02:37

Я пытаюсь навести.
Разделение определяется верской.
Почти каждый фрагмент шаблона, где встречается класс "maintitle", необходимо перестроить.
Переверстать то есть.
Превратить блоки заголовков в таблицы, использовав новые классы css, например как в приведенном примере. Но это не единственный способ. Каждый верстальщик придумывает собственный код.
Экстримпикселс, например, в старых скинах точно, иногда вообще все прописывали в html, не трогая css.

Если нет времени и знаний html, ничего не получится, так как сложно это.
0

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

 
 
  • Member
  • **
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 71
  • Регистрация: 13-Ноябрь 06
  • Репутация: 0
 

Отправлено 13 Январь 2007 - 03:01

Ок. Спасибо и на этом. Завтра сделаю :)
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
При копировании материалов с сайта
прямая ссылка на источник обязательна