Jump to content

Featured Replies

Название: [iPBForumskins] Concise 3.3.x Original

Добавил: Respected

Добавлен: 17 May 2012

Категория: Стили IP.Board 3.3.x

Concise - лёгкий, красивый стиль для IP.Board 3.3.x, позволяющий пользователям вашего форума сконцентрировать внимание на контенте.

Стиль Concise совместим с последними версиями Gallery, Blog, Downloads, Chat, IP.Content и Nexus!

Особенности стиля Concise 3.3.x Original:

1. Файл настроек! Стиль включает в себя файл настроек, с помощью которого вы с лёгкостью можете включить/отключить ту или иную функцию на форуме.

2. Изменённый вид тем! В стиле Concise отображение профиля в теме изменено на горизонтальный вид! Это поможет сосредоточить своё внимание на контенте.

3. Сообщение для гостей! В стиле реализовано настраиваемое сообщение для гостей. Его можно включить/отключить с помощью файла настроек в шаблонах

4. Социальные ссылки! Вы можете настроить отображение иконок социальных сетей со своими ссылками, с помощью файла настроек!

5. Всплывающие подсказки! Описания форумов могут отображаться как всплывающие подсказки

6. HTML лого! Лого в стиле реализовано кодом HTML. Вы можете с лёгкостью поменять надпись на изображение

7. Колонка навигации слева! Навигационная панель отображается слева от форумов! Каждая навигационная ссылки имеет свою иконку!

8. Индивидуальные иконки форумов! У каждого форума есть своя иконка для лёгкой идентификации! Вы с лёгкостью можете поменять иконки на свои!

ZozMembersAvatarsBoardStats.xml

Эксклюзивно для пользователей IPBMafia.ru

Link to comment
https://ipbmafia.ru/topic/902-ipbforumskins-concise-33x-original/
Share on other sites
  • Replies 95
  • Created
  • Last Reply
Expand topic overview

Top Posters In This Topic

Top Posters In This Topic

Most Popular Posts

IAF
IAF

Вот версия, адаптированная под IPB 3.4.x: Список изменений и скрины >выше Скачать: Concise.zip

WinsanT
WinsanT

нет. Стабильно работать не будет. 

Respected
Respected

Вот такой блок есть в ipb_styles.css: #community_app_menu #nav_home a:before{ background-image: url("{style_images_url}/nav_home.png"); } #community_app_menu #nav_app_forums a:before{ backgrou

Expand topic overview

я так понял это вообще платный стиль?

Да, этот стиль стоит 30$ на офф сайте!

о_О

спасибо огромное за этот стиль!!!

Вот, я его вчера искал как раз!

Беру себе, раз здесь его поставить не решили :)

А как иконки форумов поменять то?

Вот такой блок есть в ipb_styles.css:


#community_app_menu #nav_home a:before{ background-image: url("{style_images_url}/nav_home.png"); }
#community_app_menu #nav_app_forums a:before{ background-image: url("{style_images_url}/nav_forums.png"); }
#community_app_menu #nav_app_members a:before{ background-image: url("{style_images_url}/nav_members.png"); }
#community_app_menu #nav_app_blog a:before{ background-image: url("{style_images_url}/nav_blogs.png"); }
#community_app_menu #nav_app_calendar a:before{ background-image: url("{style_images_url}/nav_calendar.png"); }
#community_app_menu #nav_app_gallery a:before{ background-image: url("{style_images_url}/nav_gallery.png"); }
#community_app_menu #nav_app_ipchat a:before{ background-image: url("{style_images_url}/nav_chat.png"); }
#community_app_menu #nav_app_ccs a:before{ background-image: url("{style_images_url}/nav_icon.png"); }
#community_app_menu #nav_app_downloads a:before{ background-image: url("{style_images_url}/nav_downloads.png"); }
#community_app_menu #nav_app_nexus a:before{ background-image: url("{style_images_url}/nav_nexus.png"); }
[/CODE]

Его и нужно редактировать :)

Соответственно все необходимые иконки лежат в папке с изображениями!

Вот такой блок есть в ipb_styles.css:


#community_app_menu #nav_home a:before{ background-image: url("{style_images_url}/nav_home.png"); }
#community_app_menu #nav_app_forums a:before{ background-image: url("{style_images_url}/nav_forums.png"); }
#community_app_menu #nav_app_members a:before{ background-image: url("{style_images_url}/nav_members.png"); }
#community_app_menu #nav_app_blog a:before{ background-image: url("{style_images_url}/nav_blogs.png"); }
#community_app_menu #nav_app_calendar a:before{ background-image: url("{style_images_url}/nav_calendar.png"); }
#community_app_menu #nav_app_gallery a:before{ background-image: url("{style_images_url}/nav_gallery.png"); }
#community_app_menu #nav_app_ipchat a:before{ background-image: url("{style_images_url}/nav_chat.png"); }
#community_app_menu #nav_app_ccs a:before{ background-image: url("{style_images_url}/nav_icon.png"); }
#community_app_menu #nav_app_downloads a:before{ background-image: url("{style_images_url}/nav_downloads.png"); }
#community_app_menu #nav_app_nexus a:before{ background-image: url("{style_images_url}/nav_nexus.png"); }
[/CODE]

Его и нужно редактировать :)

Нет, это для приложений (Чат, Загрузки и т.д.).

В описании написано про иконки форумов, на скриншоте тоже показано.

На официальном сайте написано, что инструкция дается при покупке :)

_Dark_,видимо инструкция написана на офф форуме в разделе для покупателей, т.к. в архиве её нет)

Напишу сегодня вечерком!

Я нашел одно:

в шаблоне boardIndexTemplate есть

<img src="{style_images_url}/f_icon/icon.png" alt="" class='f_icon f_icon{$forum_data['id']}' /></a>[/CODE]

,

короче говоря, там идет ID форума в классе, вот у меня есть форум с ID 5 - у него иконка другая, не такая как у остальных. Видимо здесь и задается иконка, но только как индивидуально сделать для форума.

Заходим туда же, в наш любимый ipb_styles.css и находим вот такой код:


.f_icon{ background: url("{style_images_url}/f_icon/example.png") no-repeat 50% 50%; }
.notnew .f_icon{ opacity: 0.2; }
.f_icon.f_icon4{ background-image: url("{style_images_url}/f_icon/example2.png"); }
.f_icon.f_icon5{ background-image: url("{style_images_url}/f_icon/example3.png"); }
[/CODE]

Где:

1 - строчка присваивает общую иконку под именем example.png для всех форумов, у которых иконка не определена..

Например у форумов 4 и 5 есть определение иконки под названием example2.png и example3.png соответственно!

Например, для форума под айдишником 6, иконку определяем таким образом:

.f_icon.f_icon6{ background-image: url("{style_images_url}/f_icon/example6.png"); }

:) ehren мозг..

Подскажите как шаблон растенуть

РастЯнусть стиль Concise можно с помощью того же ipb_styles.css, в нём найти:


.wrapper{
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 980px;
}
[/CODE]

Где [b]width: 980px;[/b] и отвечает за ширину форума :)

Respected, спасибо , сори за ошибку

Та не за что) Все мы люди :)

Не подскажите как в шаблоне Concise восстановить боковую панель , то у меня её нету

Редактируем шаблон Список форумов --> boardIndexTemplate

Третья строчка:


{parse variable="sidebar_enabled" default="$hide_side_blocks"}
Заменить на:

{parse variable="sidebar_enabled" default="$show_side_blocks"}
[/code]

Respected, Еще раз спасибо :)

Еще есть один вопрос :

- где можно изменить вот эту часть

post-4735-0-37922400-1358693373_thumb.pn

Глобальные --> userInfoPane

Respected, простите , я вас наверно уже замучил своими вопросами .

Но хочу задать еще один вопрос , можно сделать вот так :

post-4735-0-74822400-1358696191_thumb.pn

в ipb_styles.css в самый низ добавь:


.horizontal_border{width:12%;border-style:dotted;margin-top:3px;border-left-width:2px}.vertical_border{border-left-style:solid;border-left-width:2px;padding:5px;margin-left:13%;height:70px}.horizontal_info{border-bottom-style:solid;border-bottom-width:2px;padding:3px;margin-left:-15px;width:80%}.horizontal_info2{border-bottom-style:solid;border-bottom-width:2px;padding:3px;width:80%;margin-top:-5px}.vertical_border2{border-left-style:solid;border-left-width:2px;padding:5px;margin-left:100%;height:70px;margin-top:-42%}.gradualfader
img{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2}.gradualfader a:hover
img{opacity:2.0;-moz-opacity:2.0;-khtml-opacity:2.0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200)}.message.stats{background-color:#f9f9f9;border-color:#ccc;color:#515151;margin:0
0 10px 0;clear:both}.userMessage{background:#f9f9f9;border:1px
solid #ccc;color:#515151;font-size:13px;line-height:170%;margin-bottom:10px;padding:10px;-webkit-box-shadow:inset #bababa 0px 1px 4px;-moz-box-shadow:inset #bababa 0px 1px 4px;box-shadow:inset #bababa 0px 1px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}

Содержимое шаблона userInfoPane замени на:

<div itemscope itemtype="__schema.org/Person" class='user_details'>
<if test="$this->request['t']">
<div class='horizontalAvatar left'>
<if test="avatar:|:$author['member_id']">
<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
</if>
<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
<else />
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</if>
<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
</a>
</if>
</li>
<else />
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</if>

</div>

<div class='horizontalUserInfo'>
<div class='horizontalUsername'>

<if test="$author['member_id']">
<span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$author"}</span>
<else />
{$author['members_display_name']}
</if>

</div>
<div class='horizontal_border'></div>
<ul class='horizontalInfoList' style='width: 180px;'>
<li class='group_title'>
{$author['_group_formatted']}
</li>
<div class='horizontal_info'></div>
<if test="postCount:|:$author['member_id']">
<li class='post_count desc lighter'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
</li>
<div class='horizontal_info'></div>
</if>
</ul>

<ul class='horizontalInfoList' style='width: 140px;'>
<if test="rankimage:|:$author['member_rank_img']">
<li class='group_icon'>
<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
<img src='{$author['member_rank_img']}' alt='' />
<else />
{$author['member_rank_img']}
</if>
</li>
<div class='horizontal_info2'></div>
</if>
<if test="membertitle:|:$author['member_title']">
<li>{$author['member_title']}</li>
</if>
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
</li>
<div class='horizontal_info2'></div>
</if>
<div class='vertical_border2'></div>
</ul>
<div class='vertical_border'></div>
<if test="authorcfields:|:$author['custom_fields'] != """>
<ul class='horizontalInfoList custom_fields'>
<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
<if test="$field != ''">
<li>
{$field}
</li>
</if>
</foreach>
</foreach>
</ul>
</if>

<ul class='horizontalInfoList' style='float: right; width: 190px;'>
<li><if test="$author['_online']"><img src="{style_images_url}/post_online.png" alt="" class='post_online' data-tooltip="Online" /><else /><img src="{style_images_url}/post_offline.png" alt="" class='post_online' data-tooltip="Offline" /></if> Last active: {$author['_last_active']}</li>
<li style='padding-left: 15px;'>Joined: {parse date="$author['joined']" format="DATE"}</li>
</ul>

</div>
<else />
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<ul class='basic_info'>
<if test="membertitle:|:$author['member_title']">
<p class='desc member_title'>{$author['member_title']}</p>
</if>
<if test="avatar:|:$author['member_id']">
<li class='avatar'>
<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
</if>
<if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
<img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
<else />
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</if>
<if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
</a>
</if>
</li>
<else />
<li class='avatar'>
<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
</li>
</if>
<li class='group_title'>
{$author['_group_formatted']}
</li>
<if test="rankimage:|:$author['member_rank_img']">
<li class='group_icon'>
<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
<img src='{$author['member_rank_img']}' alt='' />
<else />
{$author['member_rank_img']}
</if>
</li>
</if>
<if test="postCount:|:$author['member_id']">
<li class='post_count desc lighter'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
</li>
</if>
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="$options['wl_id']">
<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
</if>
<a class='desc lighter blend_links' href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
</li>
</if>
</ul>

<if test="authorcfields:|:$author['custom_fields'] != """>
<ul class='custom_fields'>
<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
<if test="$field != ''">
<li>
{$field}
</li>
</if>
</foreach>
</foreach>
</ul>
</if>
</if>

</div>
[/code]

[/spoiler]

Скажите пожалуйста,как решить такую проблему с отображением тем?

7JygcF7u.png

Не вижу тут никаких проблем с отображением тем? Если имеется ввиду отображение профиля пользователя в теме - так это так устроено в этом стиле!

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Reply to this topic...

Recently Browsing 0

  • No registered users viewing this page.