Jump to content
Sign in to follow this  
wasder12

Chocolate

Recommended Posts

Chocolate


Chocolate - Рациональное распределение панелей инструментов и хорошо структурированный дизайн стиля помогают пользователям плавно испытать потрясающий веб-сайт с серфингом.
В целом, мы рекомендуем Вам попробовать этот новый стиль и дать нам обратную связь от вашего опыта.
Любой комментарий поможет нам завершить наш продукт лучше.


 

Share this post


Link to post
Share on other sites
В 23.08.2018 в 15:46, polak1337 сказал:

обновите пожалуйста

Пока не слили не будет обновы.

Если кому нужна доп.навигационная панель как в новой версии

Заходим в globalTemplate и находим

		<a href='#elContent' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>

После вставляем

<script type="text/javascript">
$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 120) {
    $('.ccQuickmenu').fadeIn();
  } else {
    $('.ccQuickmenu').fadeOut();
  }
});
</script>
<div class="ccQuickmenu" style="display: block;">
  <div class="ccNavbar">
    <div class="ipsLayout_container">  

<div class="ccQnLogo">      
<a href="#"><img data-ipstooltip="" title="Logo navigation" src="Ссылка на логотип" alt="Image"></a>
</div>
 
      <div class="ccQmenuSide">
        <div class="ipsGrid ccQmenuSide">
          <div class="ipsGrid_span2"><a class="ccQm_color1 ipsType_blendLinks" data-ipstooltip="" href="#" _title="Quick link"><i class="fa fa-home" aria-hidden="true"></i> <span>Quick link</span></a></div> 
          <div class="ipsGrid_span2"><a class="ccQm_color2 ipsType_blendLinks" data-ipstooltip="" href="#" _title="Quick link"><i class="fa fa-comments" aria-hidden="true"></i> <span>Quick link</span></a></div> 
          <div class="ipsGrid_span2"><a class="ccQm_color3 ipsType_blendLinks" data-ipstooltip="" title="Quick link" href="#"><i class="fa fa-user-circle" aria-hidden="true"></i> <span>Quick link</span></a></div> 
          <div class="ipsGrid_span2"><a class="ccQm_color4 ipsType_blendLinks" data-ipstooltip="" href="#" _title="Quick link"><i class="fa fa-film" aria-hidden="true"></i> <span>Quick link</span></a></div> 
          <div class="ipsGrid_span2"><a class="ccQm_color5 ipsType_blendLinks" data-ipstooltip="" href="#" _title="Quick link"><i class="fa fa-headphones" aria-hidden="true"></i> <span>Quick link</span></a></div> 
          <div class="ipsGrid_span2"><a class="ccQm_color6 ipsType_blendLinks" data-ipstooltip="" title="Quick link" href="#"><i class="fa fa-picture-o" aria-hidden="true"></i> <span>Quick link</span></a></div> 
        </div>
      </div>   
      </div>
  </div>
</div>

В custom.css

/* Quick Navigation */
.ccQuickmenu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 46px;
    border-top: 3px solid #778998;
    background: #2d2d36;
    z-index: 5050;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);
}
.ccQuickmenu .ccNavbar .ccQnLogo {
    float: left;
    width: 50px;
}
.ccQuickmenu .ccNavbar .ccQnLogo img {
    width: 38px;
    height: 38px;
    margin: 2px;
}
.ccQuickmenu .ccNavbar .ccQmenuSide {
    margin: 0 0 0 50px;
}
.ipsGrid:before, .ipsGrid:after {
    display: table;
    content: "";
    line-height: 0;
}
.ipsGrid:after {
    clear: both;
}
.ccQuickmenu .ccNavbar .ipsGrid .ipsGrid_span2 a {
    display: block;
    padding: 12px 18px;
    font-weight: 500;
}
.ccQuickmenu .ccNavbar .ipsGrid .ipsGrid_span2 a:hover {
    background: rgb(55, 55, 66);
    border-color: #778998 transparent transparent transparent;
}
.ccQuickmenu .ccQm_color1, .ccQuickmenu .ccQm_color1:hover {
    color: #ececec;
}
.ccQuickmenu .ccQm_color2, .ccQuickmenu .ccQm_color2:hover {
    color: #b3b2b2;
}
.ccQuickmenu .ccQm_color3, .ccQuickmenu .ccQm_color3:hover {
    color: #778998;
}
.ccQuickmenu .ccQm_color4, .ccQuickmenu .ccQm_color4:hover {
    color: #b55711;
}
.ccQuickmenu .ccQm_color5, .ccQuickmenu .ccQm_color5:hover {
    color: #35b3f2;
}
.ccQuickmenu .ccQm_color6, .ccQuickmenu .ccQm_color6:hover {
    color: #33ccf2;
}
.ccQuickmenu .ccQm_color7, .ccQuickmenu .ccQm_color7:hover {
    color: #549cde;
}

a.ipsType_blendLinks:not(.ipsType_noUnderline):hover, .ipsType_blendLinks:not(.ipsType_noUnderline) a:not(.ipsType_noUnderline):hover {
    color: #b8253d;
}
.ccQuickmenu .ccNavbar .ipsGrid .ipsGrid_span2 a .fa {
    margin-right: 4px;
}
.ccQuickmenu .ccNavbar .ipsGridG .ipsGridG_span2 a .fa {
    margin-right: 4px;
}

 

Share this post


Link to post
Share on other sites
5 минут назад, ziraen1 сказал:

У меня эта тема, вызывает 500 ошибку, как быть то?

Сперва укажите рабочую ссылку на свой форум и версию форума в профиле.

Если так смотреть то у вас 4.2 а данный стиль для 4.3 думайте сами что не так

Share this post


Link to post
Share on other sites
3 минуты назад, wasder12 сказал:

Сперва укажите рабочую ссылку на свой форум и версию форума в профиле.

Если так смотреть то у вас 4.2 а данный стиль для 4.3 думайте сами что не так

кстати да, попробую обновиться, отпишусь)

Share this post


Link to post
Share on other sites
1 час назад, wasder12 сказал:

Сперва укажите рабочую ссылку на свой форум и версию форума в профиле.

Если так смотреть то у вас 4.2 а данный стиль для 4.3 думайте сами что не так

Да, сделал, только темы маленько поплыла.. Буду устранять костыли!

Share this post


Link to post
Share on other sites

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.

×