Jump to content

[IPBForumskins] Concise 3.3.x Original


Recommended Posts

Название: [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
Share on other sites

Вот такой блок есть в 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]

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

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

Link to comment
Share on other sites

Вот такой блок есть в 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]

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

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

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

Я нашел одно:

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

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

,

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

Link to comment
Share on other sites

Заходим туда же, в наш любимый 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 мозг..

Link to comment
Share on other sites

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


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

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

Link to comment
Share on other sites

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

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


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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

в 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]

Link to comment
Share on other sites

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

7JygcF7u.png

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...