Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
RPSVoloch

Редактирование дефолтной структуры

Рекомендованные сообщения

02/23/10 15:34 (изменено)

Всем доброго времени суток.

Суть проблемы такова:

 

post-36807-1266938953_thumb.jpg

 

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

 

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

 

post-36807-1266938991_thumb.jpg

 

Изначально скачал какой то стиль и хочу его переделать полностью под свои нужды

( http://invisionarts.com/3.0.html )

Считаю что данная тема будет полезна всем

Изменено пользователем RPSVoloch

Поделиться сообщением


Ссылка на сообщение

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

Сделайте web страничку с содержанием и закругленным заголовком и краями.

 

У нас прикладной форум, основам верстки мы не учим. Есть масса справочников, где все подробно описано.

После того, как сверстаете, приходите, объясню, как перенести на ipb.

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Но там же просто целые куски.

http://l2chaos.homeip.net/images/pap_top.jpg

Вы разрежте их и сверстайте, чтобы получился резиновый дизайн.

 

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

Поделиться сообщением


Ссылка на сообщение
02/23/10 18:14 (изменено)
А картинки с офсайта про lineage

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

 

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

 

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

Изменено пользователем RPSVoloch

Поделиться сообщением


Ссылка на сообщение

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

 

Оформление заголовков

1. Добавьте в папку картинок скина 4 файла

cat_bg.png

cat_left.png

cat_right.png

cat_top.png

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 конкретно в Вашем скине.

Поделиться сообщением


Ссылка на сообщение

Размер шрифта в майнтитлах точно придется уменьшить.

Поставить 1.0em или 0.95em (0.9em) вместо того, что там прописано.

 

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

Ну там понятно как вроде :)

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Через админку код правили?

Поделиться сообщением


Ссылка на сообщение
Картинки переименовали в cat_bg.png, cat_left.png, cat_right.png и cat_top.png ?

Через админку код правили?

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

Поделиться сообщением


Ссылка на сообщение

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

Так что все работает.

head.png

Поделиться сообщением


Ссылка на сообщение
02/23/10 19:56 (изменено)

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

 

 

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

 

post-36807-1266955189_thumb.jpg

Изменено пользователем RPSVoloch

Поделиться сообщением


Ссылка на сообщение

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

 

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

 

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

Поделиться сообщением


Ссылка на сообщение
02/23/10 20:13 (изменено)

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

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

Изменено пользователем RPSVoloch

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...