Редактирование дефолтной структуры - Дизайн и модификация Invision Power Board

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

 

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

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

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

Теги не найдены
  • 13 Страниц +
  • 1
  • 2
  • 3
  • Последняя »
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Редактирование дефолтной структуры закругления и всё всё всё ...

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

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 18:33

Всем доброго времени суток.
Суть проблемы такова:

Вложение  forum_01.jpg (28,42К)
Количество загрузок: 157

Нужно убрать стандартное изображение и вместо него поставить 3 изображения и естественно фон (всё из картинок)

А ещё лучше сделать что то на подобии рамки из изображений (думаю что будет сложнее редактировать текст нежели картинку):

Вложение  forum_02.jpg (31,86К)
Количество загрузок: 136

Изначально скачал какой то стиль и хочу его переделать полностью под свои нужды
( http://invisionarts.com/3.0.html )
Считаю что данная тема будет полезна всем

Сообщение изменено: RPSVoloch (23 Февраль 2010 - 19:08)

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
 

Отправлено 23 Февраль 2010 - 20:39

Я могу объяснить, как это делать, но только после того, как Вы сверстаете то же самое в html.
Сделайте web страничку с содержанием и закругленным заголовком и краями.

У нас прикладной форум, основам верстки мы не учим. Есть масса справочников, где все подробно описано.
После того, как сверстаете, приходите, объясню, как перенести на ipb.
0

#3 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 20:54

http://forum.wmaster...?showtopic=3936
http://www.phpground...um/about21.html
Для начала это прочитайте.
0

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

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 21:00

Если устроит в РНР тогда смотрите _http://l2chaos.homeip.net тут есть навёрстанная страничка с округлёнными краями (сайт запущен на моей машине и написан мной)
0

#5 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 21:07

Но там же просто целые куски.
http://l2chaos.homei...ges/pap_top.jpg
Вы разрежте их и сверстайте, чтобы получился резиновый дизайн.

А картинки с офсайта про lineage
0

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

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 21:13

Просмотреть сообщениеFisana Feb 23 2010, 09:08 PM сказал(а):

А картинки с офсайта про lineage

не с оф сайта а с игры есть в хрониках ( Kamael и далее) могу предъявить те изображения которые были в игре (тот кто играл в ней поймёт откуда что взято)

А растянуть сейчас.

Растянул. (правда сделал это при помощи таблички)

Сообщение изменено: RPSVoloch (23 Февраль 2010 - 21:43)

0

#7 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 22:11

А я сейчас (зачем-то) попробовала на div-ах

Оформление заголовков
1. Добавьте в папку картинок скина 4 файла
Вложение  cat_bg.png (434байт)
Количество загрузок: 1
Вложение  cat_left.png (2,61К)
Количество загрузок: 0
Вложение  cat_right.png (5К)
Количество загрузок: 0
Вложение  cat_top.png (5,06К)
Количество загрузок: 13
2. Добавьте в конец ipb_styles.css
.cat_left{
	height: 100%;
	   width: 100%;
float: left !important;
	background: url({style_images_url}/cat_left.png) no-repeat 0 0;
}

.cat_right{
	height: 100%;
float: right;
	   width: 100%;
	background: url({style_images_url}/cat_right.png) no-repeat 100% 0;
}

.cat_middle {
background: #4d6b88 url({style_images_url}/cat_bg.png) repeat-x top;
width: 100%;
height: 47px;
margin: 0;
padding: 0;
}

body .cat_middle .maintitle{
background: url({style_images_url}/cat_top.png) 50% 0 no-repeat;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin: 0 !important;
display: block;
padding: 0 30px !important;
line-height: 47px;
}

body .cat_middle .maintitle a.toggle {
margin-top: 15px !important;
}


3. Откройте в html
Список форумов > boardIndexTemplate
Найдите
<h3 id='category_{$_data['cat_data']['id']}' class='maintitle'><a class='toggle right' href='#' title='{$this->lang->words['toggle_cat']}'>{$this->lang->words['toggle_cat']}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['view_cat']}'>{$_data['cat_data']['name']}</a></h3>

Замените на
<div class='cat_middle clear'><div class='cat_right'><div class='cat_left'><h3 id='category_{$_data['cat_data']['id']}' class='maintitle'><a class='toggle right' href='#' title='{$this->lang->words['toggle_cat']}'>{$this->lang->words['toggle_cat']}</a> <a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}" title='{$this->lang->words['view_cat']}'>{$_data['cat_data']['name']}</a></h3></div></div></div>


Возможно, придется делать небольшие правки в классе maintitle конкретно в Вашем скине.
0

#8 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 22:23

Размер шрифта в майнтитлах точно придется уменьшить.
Поставить 1.0em или 0.95em (0.9em) вместо того, что там прописано.

Картинки переименуйте (они скачаются отсюда с неверными именами наверное)
Ну там понятно как вроде :)
0

#9 Пользователь не на сайте   RPSVoloch »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 22:34

Установил всё сделал толку 0 где я мог ошибиться ? Или же что поправить.
0

#10 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 22:36

Картинки переименовали в cat_bg.png, cat_left.png, cat_right.png и cat_top.png ?
Через админку код правили?
0

#11 Пользователь не на сайте   RPSVoloch »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 22:38

Просмотреть сообщениеFisana Feb 23 2010, 10:37 PM сказал(а):

Картинки переименовали в cat_bg.png, cat_left.png, cat_right.png и cat_top.png ?
Через админку код правили?

Естественно переименовал и код правил в админке так как не знаю где его без неё править.
0

#12 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 22:43

Дома выглядит так. Пробовала на каком-то левом темном скине, что был под рукой.
Так что все работает.

Вложений

  • Вложение  head.png (22,68К)
    Количество загрузок: 62

0

#13 Пользователь не на сайте   RPSVoloch »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 22:55

Можете выйти и посмотреть что у меня получилось (проверил в нескольких браузерах одно и то же но в IE7 не отображает шапку)


А вообще я намереваюсь получить вот это:

Вложение  Forum_03.jpg (71,65К)
Количество загрузок: 71

Сообщение изменено: RPSVoloch (23 Февраль 2010 - 22:58)

0

#14 Пользователь не на сайте   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
 

Отправлено 23 Февраль 2010 - 23:00

У меня дома мой код работает везде, включая ie7 (вернее, в ie8 в режиме совместимости с ie7).

Поскольку с этим разобраться не можете, делать бока и низ не буду.

То, что намереваетесь получить, надо просто продолжить с того, что я начала :)
0

#15 Пользователь не на сайте   RPSVoloch »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 87
  • Регистрация: 23-Февраль 10
  • Репутация: 0
  • IPB version:3.0.x
 

Отправлено 23 Февраль 2010 - 23:12

Оказалось всё намного проще когда я взял и начал редактировать дэфолтный скин (в нём всё отображается и работает)
Благодарю за помощь. Но всё же хотелось узнать какие классы редактировать дальше (мне только название классов и в каких файлах они находятся)

Сообщение изменено: RPSVoloch (24 Февраль 2010 - 00:06)

0

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


  • 13 Страниц +
  • 1
  • 2
  • 3
  • Последняя »
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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
При копировании материалов с сайта
прямая ссылка на источник обязательна