Jump to content
Дизайн и модификация Invision Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
RPSVoloch

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

Recommended Posts

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

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

 

post-36807-1266938953_thumb.jpg

 

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

 

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

 

post-36807-1266938991_thumb.jpg

 

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

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

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

Edited by RPSVoloch

Share this post


Link to post

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

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

 

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

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

Share this post


Link to post

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

Share this post


Link to post

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

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

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

 

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

Share this post


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

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

 

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

 

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

Edited by RPSVoloch

Share this post


Link to post

А я сейчас (зачем-то) попробовала на 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 конкретно в Вашем скине.

Share this post


Link to post

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

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

 

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

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

Share this post


Link to post

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

Share this post


Link to post

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

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

Share this post


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

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

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

Share this post


Link to post

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

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

head.png

Share this post


Link to post

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

 

 

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

 

post-36807-1266955189_thumb.jpg

Edited by RPSVoloch

Share this post


Link to post

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

 

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

 

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

Share this post


Link to post

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

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

Edited by RPSVoloch

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...