Posted May 17, 201212 yr Название: [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
May 17, 201212 yr Author Вот такой блок есть в 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] Его и нужно редактировать Соответственно все необходимые иконки лежат в папке с изображениями!
May 17, 201212 yr Вот такой блок есть в 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] Его и нужно редактировать Нет, это для приложений (Чат, Загрузки и т.д.). В описании написано про иконки форумов, на скриншоте тоже показано. На официальном сайте написано, что инструкция дается при покупке :)
May 17, 201212 yr Author _Dark_,видимо инструкция написана на офф форуме в разделе для покупателей, т.к. в архиве её нет) Напишу сегодня вечерком!
May 17, 201212 yr Я нашел одно: в шаблоне boardIndexTemplate есть <img src="{style_images_url}/f_icon/icon.png" alt="" class='f_icon f_icon{$forum_data['id']}' /></a>[/CODE], короче говоря, там идет ID форума в классе, вот у меня есть форум с ID 5 - у него иконка другая, не такая как у остальных. Видимо здесь и задается иконка, но только как индивидуально сделать для форума.
May 17, 201212 yr Author Заходим туда же, в наш любимый 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 мозг..
May 17, 201212 yr Author РастЯнусть стиль Concise можно с помощью того же ipb_styles.css, в нём найти: .wrapper{ margin: 0 auto; min-width: 980px; max-width: 1600px; width: 980px; } [/CODE] Где [b]width: 980px;[/b] и отвечает за ширину форума :)
May 17, 201212 yr Не подскажите как в шаблоне Concise восстановить боковую панель , то у меня её нету
May 17, 201212 yr Author Редактируем шаблон Список форумов --> boardIndexTemplate Третья строчка: {parse variable="sidebar_enabled" default="$hide_side_blocks"} Заменить на: {parse variable="sidebar_enabled" default="$show_side_blocks"} [/code]
May 18, 201212 yr Respected, простите , я вас наверно уже замучил своими вопросами . Но хочу задать еще один вопрос , можно сделать вот так :
May 18, 201212 yr Author в 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&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&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&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&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]
May 18, 201212 yr Author Не вижу тут никаких проблем с отображением тем? Если имеется ввиду отображение профиля пользователя в теме - так это так устроено в этом стиле!
.png.9aeaf2aff21cbdaa86c13d6ea822367c.thumb.png.000488df7be49ad41f3bb2b455e71b52.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.