Перейти к публикации

Lanser

Друзья проекта
  • Публикации

    12
  • Зарегистрирован

  • Посещение

Репутация

3 Нейтрально

О Lanser

  • Звание
    Тех.Поддержка
  • День рождения 21.06.1999

Посетители профиля

Блок посетителей профиля отключен и не будет отображаться другим пользователям

  1. Lanser

    Информационное окно

    Автора указывать не забываем)
  2. Lanser

    Madrun Steal Forum

    Самый обычный стиль от Botaniq
  3. Согласен, только немного поменять цвета и будет конфетка)
  4. Lanser

    IPB Shoutbox 1.4.1 RUS

    Версия 1.4.1

    14 скачиваний

    Чат для Invision Power Board 3.4.x Rus.

    Бесплатно

  5. Lanser

    (CSI/IPS/MODULE) Font Awesome

    Версия 3.0.0

    2 скачивания

    Модуль позволяет подключить к форуму шрифт "Font Awesome". Разработка CYBERSPACE Industries.

    Бесплатно

  6. Боковой блок [Zombr] Вариант №1 Это более старая версия блока Zombr: Заходим в АЦ > Внешний вид > Список форумов > boardIndexTemplate Находим: <foreach loop="side_blocks:$side_blocks as $block"> {$block} </foreach> И после </foreach> Вставляем код: <!-- SIDEBAR BLOCK MANUAL BEGIN --> <div class='ipsSideBlock clearfix'> <h3>Доп. Контент</h3> <div class='_sbcollapsable'> <div class="grid"> <figure class="effect-sadie"> <img src="https://pp.vk.me/c625520/v625520252/34101/YXVUXLa6ftE.jpg" alt="download cs by zombr"> <figcaption> <h2><span>Скачать CS 1.6</span></h2> <p>Скачать сейчас!</p> <a href="#"></a> </figcaption> </figure> <figure class="effect-sadie"> <img src="https://pp.vk.me/c625520/v625520252/340fa/s9-FOPfUGCU.jpg" alt="unban request"> <figcaption> <h2>Вас <span>забанили</span>?</h2> <p>Подайте заявку на разбан!</p> <a href="#"></a> </figcaption> </figure> <figure class="effect-sadie"> <img src="https://pp.vk.me/c625520/v625520252/340f3/oClW_614NH0.jpg" alt="watcher"> <figcaption> <h2>Как стать смотрителем?</h2> <p>Подать заявку прямо сейчас!</p> <a href="#"></a> </figcaption> </figure> </div> </div></div> <!-- SIDEBAR BLOCK MANUAL END --> И сохраняем, далее идём в АЦ > Внешний вид > Ваш стиль > CSS и создаём Grid.css с таким содержанием: .grid { overflow: hidden; margin: 0; width: 100%; max-width: 1920px; list-style: none; text-align: center; } figure.effect-sadie { -webkit-transition: background 0.35s, -webkit-transform 0.35s; transition: background 0.35s, transform 0.35s; } .grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0 -0.135em 0.600em -0.135em; background: #3047A3; text-align: center; cursor: pointer; } figure.effect-sadie img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .grid figure img { position: relative; display: block; min-height: 100%; opacity: 0.8; } .grid figure figcaption, .grid figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 0 0 6px 0; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0,-70%,0) translate3d(0,-70px,0); transform: translate3d(0,-70%,0) translate3d(0,-70px,0); } figure.effect-sadie h2 { position: absolute; top: 82%; left: 0; width: 100%; color: #fff; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); text-shadow: 1px 1px 0px rgba(0,0,0,.2); } .grid figure h2, .grid figure p { margin: 0; } .grid figure h2 { font-weight: 300; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } Сохраняем и радуемся!) Вариант №2 Заходим в АЦ > Внешний вид > Список форумов > boardIndexTemplate Находим: <foreach loop="side_blocks:$side_blocks as $block"> {$block} </foreach> И после </foreach> Вставляем код: <center><div class="fast-links"> <figure> <a href="http://zombr.org/_counter_strike_1_6.html"> <img src="http://zombr.org/portal_assets/img/side_qn_download.jpg" alt="download cs by zombr"> <div class="overlayed"><span><strong>Скачать CS 1.6</strong></span></div> </a> </figure> <figure> <a href="#"> <img src="http://zombr.org/portal_assets/img/side_qn_unban.jpg" alt="download cs by zombr"> <div class="overlayed"><span>Наш <strong>банлист</strong></span></div> </a> </figure> <figure> <a href="http://truezona.ru/index.php?/forum/29-devushkam-vip-besplatno/"> <img src="http://zombr.org/portal_assets/img/side_qn_watchers.jpg" alt="download cs by zombr"> <div class="overlayed"><span>Девушкам VIP бесплатно</span></div> </a> </figure> </div></center> И сохраняем, далее идём в АЦ > Внешний вид > Ваш стиль > CSS и создаём fast_links.css с таким содержанием: .fast-links { width: 250px; } .fast-links figure { margin: 0; height: 86.66px; overflow: hidden; position: relative; } .fast-links a, .fast-links .overlayed, .fast-links .overlayed span { color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .fast-links .overlayed { -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -ms-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; background: rgba(0, 0, 0, .2); } .fast-links .overlayed:hover { background: rgba(0, 0, 0, .1); } .fast-links .overlayed span { font-family: 'PT Sans Capture', sans-serif; font-size: 15px; top: 50%; margin: -6px 0 0; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px #000; } Сохраняем и радуемся!) Спасибо за внимание! Автор статьи: Lanser
  7. Lanser

    userInfoPane как на FastFrag

    userInfoPane как на FastFrag Заходим в АЦ - Внешний вид - Ваш стиль - CSS и создаём новый с именем f_new_table с таким содержанием: .f_new_title{ background:url(http://fastfrag.ru/uploads/imgs/pre_1424946229__.png) no-repeat; width:155px; height:28px; padding:0 5px; line-height:30px; margin:5px auto 3px; color:#fff; text-align:left; margin-left:2px } .f_new_table .right{ width:61px; text-align:center; color:#000 } .f_new_table{ background:url(http://fastfrag.ru/uploads/imgs/pre_1426515484__cxtkb.png) no-repeat; width:155px; height:28px; line-height:30px; margin:2px auto 0; padding:0 0 0 10px } Теперь займёмся style.css найти .author_info{ и всё что там меняем на: .author_info{ width:157px; float:left; font-size:12px; text-align:center; padding:10px; line-height:150% } далее ищем: .post_body{ и меняем всё на: .post_body{ margin-left:175px; margin-bottom:10px; padding:12px } с css закончили далее меняем в шаблонах стиля UserInfoPane Всё что в UserInfoPane меняем на: <div itemscope itemtype="http://schema.org/Person"class='user_details'> <span class='hide' itemprop="name">{$author['members_display_name']}</span> <ul class='basic_info'> <if test="avatar:|:$author['member_id']"> <li class="avatar" style=" padding-bottom: 5px; "> <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )"> </if> <if test="hasVariable:|:$this->settings['member_topic_avatar_max']"> <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' style='border-radius:200px;'/> <else /> <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' style='border-radius:200px;'/> </if> <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )"> </if> </li> <else /> <li class="avatar" style=" padding-bottom: 10px; "> <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' style='border-radius:200px;'/> </li> </if> <if test="membertitle:|:$author['member_title']"> <div class="f_new_title"><center><p class='desc member_title' style='color: #FFF;'>{$author['member_title']}</p></center></div> </if> <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'> <div class="f_new_table"><span class="left">Сообщений:</span><span class="right">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} </span></div> </li> </if> <if test="postCount:|:$author['member_id']"> <li class='post_count desc lighter'> <div class="f_new_table"><span class="left">Репутация:</span><span class="right">{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"} </span></div> </li> </if> <if test="authorwarn:|:$author['show_warn']"> <li class="post_count desc lighter"> <if test="hasWarningId:|:$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> <div class="f_new_table"> <span class="left">Предупреждений:</span> <span class="right"> <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']}'><span class="right">{parse expression="sprintf( $author['warn_level'] )"}</span></a> </span> </div> </li> </if> </ul> </div> Спасибо за внимание!)

Чат форума

Чат форума

Пожалуйста, введите ваше отображаемое имя

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