[XFStyles.net] XenBlue pro Dark

[XFStyles.net] XenBlue pro Dark 0.7

Нет прав для скачивания
Здравствуйте, столкнулся со следующей проблемой:
Есть форум на таком же движке, после установки нового шаблона появился глюк: со светящимися значками сообщений (уведомлений)

Проблема, в том что значки раньше были динамическими и всплывали лишь тогда, когда приходили сообщения, а после загрузки нового шаблона они горят постоянно.
Полагаю что вылетает какой-то скрипт. Буду благодарен за помощь.

Версия стиля: XenBlue pro Dark 1.0 beta released
 
Последнее редактирование:
Deamond, так у Вас версия стиля очень древняя... А версия Ксенфоро у Вас какая?
 
Hope я ему сделал динамические значки.

Deamond

1) Ищите шаблон navigation_visitor_tab
Удаляйте от туда все и заменяйте этим
Код:
<xen:edithint template="navigation.css" />

<ul class="visitorTabs">

   <xen:hook name="navigation_visitor_tabs_start" />

   <!-- account -->
   <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">

     <xen:set var="$visitorHiddenUnread" value="{xen:calc '{$visitor.alerts_unread} + {$visitor.conversations_unread}'}" />
     <a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">{$visitor.username}</strong>
       <strong class="itemCount ResponsiveOnly {xen:if $visitorHiddenUnread, '', 'Zero'}"
         id="VisitorExtraMenu_Counter">
         <span class="Total">{xen:number $visitorHiddenUnread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
    
     <div class="Menu JsOnly" id="AccountMenu">
       <div class="primaryContent menuHeader">
         <xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
        
         <h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
        
         <xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
        
         <ul class="links">
           <li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
         </ul>
       </div>
       <div class="menuColumns secondaryContent">
         <ul class="col1 blockLinksList">
         <xen:hook name="navigation_visitor_tab_links1">
           <xen:if is="{$canEditProfile}"><li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li></xen:if>
           <xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
           <li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
           <li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
           <li><a href="{xen:link account/preferences}" class="OverlayTrigger">{xen:phrase preferences}</a></li>
           <li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
           <xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
           <xen:if is="{$xenOptions.facebookAppId} OR {$xenOptions.twitterAppKey} OR {$xenOptions.googleClientId}"><li><a href="{xen:link account/external-accounts}">{xen:phrase external_accounts}</a></li></xen:if>
           <li><a href="{xen:link account/security}">{xen:phrase password}</a></li>
         </xen:hook>
         </ul>
         <ul class="col2 blockLinksList">
         <xen:hook name="navigation_visitor_tab_links2">
           <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
           <li><a href="{xen:link conversations}">{xen:phrase conversations}
             <strong class="itemCount {xen:if $visitor.conversations_unread, '', 'Zero'}"
               id="VisitorExtraMenu_ConversationsCounter">
               <span class="Total">{xen:number $visitor.conversations_unread}</span>
             </strong></a></li>
           <li><a href="{xen:link account/alerts}">{xen:phrase alerts}
             <strong class="itemCount {xen:if $visitor.alerts_unread, '', 'Zero'}"
               id="VisitorExtraMenu_AlertsCounter">
               <span class="Total">{xen:number $visitor.alerts_unread}</span>
             </strong></a></li>
           <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
           <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}'}">{xen:phrase your_content}</a></li>
           <li><a href="{xen:link account/following}">{xen:phrase people_you_follow}</a></li>
           <li><a href="{xen:link account/ignored}">{xen:phrase people_you_ignore}</a></li>
           <xen:if is="{$xenCache.userUpgradeCount}"><li><a href="{xen:link account/upgrades}">{xen:phrase account_upgrades}</a></li></xen:if>
         </xen:hook>
         </ul>
       </div>
       <div class="menuColumns secondaryContent">
         <ul class="col1 blockLinksList">
           <li>        
             <form action="{xen:link account/toggle-visibility}" method="post" class="AutoValidator visibilityForm">
               <label><input type="checkbox" name="visible" value="1" class="SubmitOnChange" {xen:checked $visitor.visible} />
                 {xen:phrase show_online_status}</label>
               <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
             </form>
           </li>
         </ul>
         <ul class="col2 blockLinksList">
           <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}" class="LogOut">{xen:phrase log_out}</a></li>
         </ul>
       </div>
       <xen:if is="{$canUpdateStatus}">
         <form action="{xen:link members/post, $visitor}" method="post" class="sectionFooter statusPoster AutoValidator" data-optInOut="OptIn">
           <textarea name="message" class="textCtrl StatusEditor UserTagger Elastic" placeholder="{xen:phrase update_your_status}..." rows="1" cols="40" style="height:18px" data-statusEditorCounter="#visMenuSEdCount" data-nofocus="true"></textarea>
           <div class="submitUnit">
             <span id="visMenuSEdCount" title="{xen:phrase characters_remaining}"></span>
             <input type="submit" class="button primary MenuCloser" value="{xen:phrase post_verb}" />
             <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
             <input type="hidden" name="return" value="1" />
           </div>
         </form>
       </xen:if>
     </div>    
   </li>
    
   <xen:if is="{$tabs.account.selected}">
   <li class="navTab selected">
     <div class="tabLinks">
       <ul class="secondaryContent blockLinksList">
       <xen:hook name="navigation_tabs_account">
         <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
         <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
         <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
         <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
       </xen:hook>
       </ul>
     </div>
   </li>
   </xen:if>
  
   <!-- conversations popup -->
   <li class="navTab inbox Popup PopupControl PopupClosed {xen:if $tabs.inbox.selected, 'selected'}">
          
     <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
       <strong class="itemCount {xen:if {$visitor.conversations_unread}, '', 'Zero'}"
         id="ConversationsMenu_Counter" data-text="{xen:phrase you_have_x_new_unread_conversations}">
         <span class="Total">{xen:number $visitor.conversations_unread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
    
     <div class="Menu JsOnly navPopup" id="ConversationsMenu"
       data-contentSrc="{xen:link 'conversations/popup'}"
       data-contentDest="#ConversationsMenu .listPlaceholder">
      
       <div class="menuHeader primaryContent">
         <h3>
           <span class="Progress InProgress"></span>
           <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a>
         </h3>            
       </div>
      
       <div class="listPlaceholder"></div>
      
       <div class="sectionFooter">
         <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink">{xen:phrase start_new_conversation}</a></xen:if>
         <a href="{xen:link conversations}">{xen:phrase show_all}...</a>
       </div>
     </div>
   </li>
  
   <xen:if is="{$tabs.inbox.selected}">
   <li class="navTab selected">
     <div class="tabLinks">
       <ul class="secondaryContent blockLinksList">
         <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
         <li><a href="{xen:link conversations/starred}">{xen:phrase starred_conversations}</a></li>
         <li><a href="{xen:link conversations/yours}">{xen:phrase conversations_you_started}</a></li>
       </ul>
     </div>
   </li>
   </xen:if>
  
   <xen:hook name="navigation_visitor_tabs_middle" />
  
   <!-- alerts popup -->
   <li class="navTab alerts Popup PopupControl PopupClosed">  
          
     <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts}
       <strong class="itemCount {xen:if {$visitor.alerts_unread}, '', 'Zero'}"
         id="AlertsMenu_Counter" data-text="{xen:phrase you_have_x_new_alerts}">
         <span class="Total">{xen:number $visitor.alerts_unread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
    
     <div class="Menu JsOnly navPopup" id="AlertsMenu"
       data-contentSrc="{xen:link 'account/alerts-popup'}"
       data-contentDest="#AlertsMenu .listPlaceholder"
       data-removeCounter="#AlertsMenu_Counter">
      
       <div class="menuHeader primaryContent">
         <h3>
           <span class="Progress InProgress"></span>
           <a href="{xen:link account/alerts}" class="concealed">{xen:phrase alerts}</a>
         </h3>
       </div>
      
       <div class="listPlaceholder"></div>
      
       <div class="sectionFooter">
         <a href="{xen:link account/alert-preferences}" class="floatLink">{xen:phrase alert_preferences}</a>
         <a href="{xen:link account/alerts}">{xen:phrase show_all}...</a>
       </div>
     </div>
   </li>
  
   <xen:hook name="navigation_visitor_tabs_end" />
</ul>

2) Ищем шаблон navigation.css
Удаляйте от туда все и заменяйте этим
Код:
#navigation .pageContent
{
   height: {xen:calc '@headerTabHeight * 2 + 2'}px;
   position: relative;
}

#navigation .menuIcon
{
   position: relative;
   font-size:18px;
   width: .9em;
   display: inline-block;
   text-indent: -9999px;
}

#navigation .PopupOpen .menuIcon:before,
#navigation .navLink .menuIcon:before
{
   zoom: 1;
}

#navigation .menuIcon:before
{
   content: "";
   font-size: 18px;
   position: absolute;
   /*top: 0.4em;*/
   top: {xen:calc 'round(-0.31 + 0.029 * @headerTabHeight, 1)'}em;
   left: 0;
   width: .9em;
   height: 0.125em;
   border-top: 0.375em double currentColor;
   border-bottom: 0.125em solid currentColor;
}

   .navTabs
   {
     @property "navTabs";
     font-size: 11px;
     background-color: @primaryDark;
     padding: 0 25px;
     border: 1px solid @primaryLightish;
     border-bottom: 1px solid @primaryDarker;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     @property "/navTabs";
     
     height: @headerTabHeight;
   }
   
     .navTabs .publicTabs
     {
       float: left;
     }
     
     .navTabs .visitorTabs
     {
       float: right;
     }
   
       .navTabs .navTab
       {
         float: left;
         white-space: nowrap;
         word-wrap: normal;
         
         <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
       }


/* ---------------------------------------- */
/* Links Inside Tabs */

.navTabs .navLink,
.navTabs .SplitCtrl
{
   @property "navLink";
   display: block;
   float: left;
   vertical-align: text-bottom;
   text-align: center;
   outline: 0 none;
   @property "/navLink";
   
   <xen:if is="{$pageIsRtl}">*float: none; *display: inline; *zoom: 1;</xen:if>
   
   height: @headerTabHeight;
   line-height: @headerTabHeight;
}

   .navTabs .publicTabs .navLink
   {
     padding: 0 15px;
   }
   
   .navTabs .visitorTabs .navLink
   {
     padding: 0 10px;
   }
   
   .navTabs .navLink:hover
   {
     text-decoration: none;
   }
   
   /* ---------------------------------------- */
   /* unselected tab, popup closed */

   .navTabs .navTab.PopupClosed
   {
     position: relative;
   }
   
   .navTabs .navTab.PopupClosed .navLink
   {
     color: @primaryLighter;
   }
   
     .navTabs .navTab.PopupClosed:hover
     {
       background-color: rgb(4, 96, 155);
     }
     
       .navTabs .navTab.PopupClosed .navLink:hover
       {
         color: @textCtrlBackground;
       }
     
   .navTabs .navTab.PopupClosed .arrowWidget
   {
     /* circle-arrow-down-light */
     background-position: -64px 0;
   }
   
   .navTabs .navTab.PopupClosed .SplitCtrl
   {
     margin-left: -14px;
     width: 14px;
   }
     
     .navTabs .navTab.PopupClosed:hover .SplitCtrl
     {
       /* nav_menu_gadget, height: 17px */
       background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
     }
   
   /* ---------------------------------------- */
   /* selected tab */

   .navTabs .navTab.selected .navLink
   {
     position: relative;
     @property "navTabSelected";
     font-weight: bold;
     color: @primaryDarker;
     background: @primaryLightish url('@imagePath/xenforo/gradients/navigation-tab.png') repeat-x top;
     padding-top: 2px;
     margin-top: -2px;
     border: 1px solid @primaryDarker;
     border-bottom: 1px none black;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     text-shadow: 0px 0px 3px @primaryLightest;
     @property "/navTabSelected";
   }
   
   .navTabs .navTab.selected .SplitCtrl
   {
     display: none;
   }
   
   .navTabs .navTab.selected .arrowWidget
   {
     /* circle-arrow-down */
     background-position: -32px 0;
   }
   
     .navTabs .navTab.selected.PopupOpen .arrowWidget
     {
       /* circle-arrow-up */
       background-position: -16px 0;
     }
   
   /* ---------------------------------------- */
   /* unselected tab, popup open */
   
   .navTabs .navTab.PopupOpen .navLink
   {
   }
   
   
   /* ---------------------------------------- */
   /* selected tab, popup open (account) */
   
   .navTabs .navTab.selected.PopupOpen .navLink
   {
     @property "popupControl";
     color: whitesmoke;
     background: #e4f0f7 url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px;
     text-shadow: 1px 1px 2px white;
     @property "/popupControl";
   }
   
/* ---------------------------------------- */
/* Second Row */

.navTabs .navTab.selected .tabLinks
{
   @property "navTabSelected.background";
   background: @primaryLightish url('@imagePath/xenforo/gradients/navigation-tab.png') repeat-x top;
   @property "/navTabSelected.background";
   
   width: 100%;   
   padding: 0;
   border: none;
   overflow: hidden; zoom: 1;   
   position: absolute;
   left: 0px;   
   top: {xen:calc '@headerTabHeight + 2'}px;
   height: @headerTabHeight;
   background-position: 0px -@headerTabHeight;
   *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
}

   .navTabs .navTab.selected .blockLinksList
   {
     background: none;
     padding: 0;
     border: none;
     margin-left: 8px;
   }

   .withSearch .navTabs .navTab.selected .blockLinksList
   {
     margin-right: 275px;
   }

   .navTabs .navTab.selected .tabLinks .menuHeader
   {
     display: none;
   }
   
   .navTabs .navTab.selected .tabLinks li
   {
     float: left;
     padding: 2px 0;
   }
   
     .navTabs .navTab.selected .tabLinks a
     {
       @property "navTabLink";
       font-size: 11px;
       color: @textCtrlBackground;
       padding: 1px 10px;
       display: block;
       text-shadow: 1px 1px 1px @primaryMedium;
       @property "/navTabLink";
       
       line-height: {xen:calc '@headerTabHeight - 6'}px;
     }
     
     .navTabs .navTab.selected .tabLinks .PopupOpen a
     {
       color: inherit;
       text-shadow: none;
     }
     
       .navTabs .navTab.selected .tabLinks a:hover,
       .navTabs .navTab.selected .tabLinks a:focus
       {
         @property "navTabLinkHover";
         color: @primaryDark;
         text-decoration: none;
         background-color: @primaryLighterStill;
         padding: 0 9px;
         border: 1px solid @primaryLight;
         border-radius: 5px;
         text-shadow: 1px 1px 0px @primaryLightest;
         outline: 0;
         @property "/navTabLinkHover";
       }
       
       .navTabs .navTab.selected .tabLinks .Popup a:hover,
       .navTabs .navTab.selected .tabLinks .Popup a:focus
       {
         color: inherit;
         background: none;
         border-color: transparent;
         border-radius: 0;
         text-shadow: none;
       }
   
/* ---------------------------------------- */
/* Alert Balloons */
   
.navTabs .navLink .itemCount
{
   @property "alertBalloon";
   font-weight: bold;
   font-size: 9px;
   color: white;
   background-color: #e03030;
   padding: 0 2px;
   border-radius: 2px;
   position: absolute;
   right: 2px;
   top: -12px;
   line-height: 16px;
   min-width: 12px;
   _width: 12px;
   text-align: center;
   text-shadow: none;
   white-space: nowrap;
   word-wrap: normal;
   box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
   height: 16px;
   @property "/alertBalloon";
}

   .navTabs .navLink .itemCount .arrow
   {
     @property "alertBalloonArrow";
     border: 3px solid transparent;
     border-top-color: #e03030;
     border-bottom: 1px none black;
     position: absolute;
     bottom: -3px;
     right: 4px;
     line-height: 0px;
     text-shadow: none;
     _display: none;
/* Hide from IE6 */
width: 0px;
     height: 0px;
     @property "/alertBalloonArrow";
   }
   
.navTabs .navLink .itemCount.Zero
{
   display: none;
}

.navTabs .navLink .itemCount.ResponsiveOnly
{
   display: none !important;
}

.NoResponsive #VisitorExtraMenu_Counter,
.NoResponsive #VisitorExtraMenu_ConversationsCounter,
.NoResponsive #VisitorExtraMenu_AlertsCounter
{
   display: none !important;
}
   
/* ---------------------------------------- */
/* Account Popup Menu */

.navTabs .navTab.account .navLink
{
   font-weight: bold;
}

   .navTabs .navTab.account .navLink .accountUsername
   {
     display: block;
     max-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
   }

#AccountMenu
{
   width: 274px;
}

#AccountMenu .menuHeader
{
   position: relative;
}

   #AccountMenu .menuHeader .avatar
   {
     float: left;
     margin-right: 10px;
   }

   #AccountMenu .menuHeader .visibilityForm
   {
     margin-top: 10px;
     color: @primaryMedium;
   }
   
   #AccountMenu .menuHeader .links .fl
   {
     position: absolute;
     bottom: 10px;
     left: {xen:calc '10 + 10 + 96'}px;
   }

   #AccountMenu .menuHeader .links .fr
   {
     position: absolute;
     bottom: 10px;
     right: 10px;
   }
   
#AccountMenu .menuColumns
{
   overflow: hidden; zoom: 1;
   padding: 2px;
}

   #AccountMenu .menuColumns ul
   {
     float: left;
     padding: 0;
     max-height: none;
     overflow: hidden;
   }

     #AccountMenu .menuColumns a,
     #AccountMenu .menuColumns label
     {
       width: 115px;
     }

#AccountMenu .statusPoster textarea
{
   width: 245px;
   margin: 0;
   resize: vertical;
   overflow: hidden;
}

#AccountMenu .statusPoster .submitUnit
{
   margin-top: 5px;
   text-align: right;
}

   #AccountMenu .statusPoster .submitUnit .statusEditorCounter
   {
     float: left;
     line-height: 23px;
     height: 23px;
   }
   
/* ---------------------------------------- */
/* Inbox, Alerts Popups */

.navPopup
{
   width: 260px;
}

.navPopup a:hover,
.navPopup .listItemText a:hover
{
   background: none;
   text-decoration: underline;
}

   .navPopup .menuHeader .InProgress
   {
     float: right;
     display: block;
     width: 20px;
     height: 20px;
   }

.navPopup .listPlaceholder
{
   max-height: 350px;
   overflow: auto;
}

   .navPopup .listPlaceholder ol.secondaryContent
   {
     padding: 0 10px;
   }

     .navPopup .listPlaceholder ol.secondaryContent.Unread
     {
       background-color: @inlineModChecked.background-color;
     }

.navPopup .listItem
{
   overflow: hidden; zoom: 1;
   padding: 5px 0;
   border-bottom: 1px solid @primaryLighterStill;
}

.navPopup .listItem:last-child
{
   border-bottom: none;
}

.navPopup .PopupItemLinkActive:hover
{
   margin: 0 -8px;
   padding: 5px 8px;
   border-radius: 5px;
   background-color: @primaryLighterStill;
   cursor: pointer;
}

.navPopup .avatar
{
   float: left;
}

   .navPopup .avatar img
   {
     width: 32px;
     height: 32px;
   }

.navPopup .listItemText
{
   margin-left: 37px;
}

   .navPopup .listItemText .muted
   {
     font-size: 9px;
   }

   .navPopup .unread .listItemText .title,
   .navPopup .listItemText .subject
   {
     font-weight: bold;
   }

.navPopup .sectionFooter .floatLink
{
   float: right;
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
   .Responsive .navTabs
   {
     padding-left: 10px;
     padding-right: 10px;
   }

   .Responsive .withSearch .navTabs .navTab.selected .blockLinksList
   {
     margin-right: 50px;
   }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
   .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs)
   {
     display: none;
   }
}
</xen:if>

Правда придется по играться со стилем :) Но там цвета менять и все. Ну а так они динамичны.
2014-03-21 12-22-02 Скриншот экрана.png 2014-03-21 12-22-35 Скриншот экрана.png[DOUBLEPOST=1395397527,1395397361][/DOUBLEPOST]Deamond , и кстати это не глюк, это стиль такой. :)
 
И как это я не заметил)
Версия: 1.2.5[DOUBLEPOST=1395402058,1395401674][/DOUBLEPOST]
Hope я ему сделал динамические значки.

Deamond

1) Ищите шаблон navigation_visitor_tab
Удаляйте от туда все и заменяйте этим
Код:
<xen:edithint template="navigation.css" />

<ul class="visitorTabs">

   <xen:hook name="navigation_visitor_tabs_start" />

   <!-- account -->
   <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">

     <xen:set var="$visitorHiddenUnread" value="{xen:calc '{$visitor.alerts_unread} + {$visitor.conversations_unread}'}" />
     <a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">{$visitor.username}</strong>
       <strong class="itemCount ResponsiveOnly {xen:if $visitorHiddenUnread, '', 'Zero'}"
         id="VisitorExtraMenu_Counter">
         <span class="Total">{xen:number $visitorHiddenUnread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
  
     <div class="Menu JsOnly" id="AccountMenu">
       <div class="primaryContent menuHeader">
         <xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
      
         <h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
      
         <xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
      
         <ul class="links">
           <li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
         </ul>
       </div>
       <div class="menuColumns secondaryContent">
         <ul class="col1 blockLinksList">
         <xen:hook name="navigation_visitor_tab_links1">
           <xen:if is="{$canEditProfile}"><li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li></xen:if>
           <xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
           <li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
           <li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
           <li><a href="{xen:link account/preferences}" class="OverlayTrigger">{xen:phrase preferences}</a></li>
           <li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
           <xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
           <xen:if is="{$xenOptions.facebookAppId} OR {$xenOptions.twitterAppKey} OR {$xenOptions.googleClientId}"><li><a href="{xen:link account/external-accounts}">{xen:phrase external_accounts}</a></li></xen:if>
           <li><a href="{xen:link account/security}">{xen:phrase password}</a></li>
         </xen:hook>
         </ul>
         <ul class="col2 blockLinksList">
         <xen:hook name="navigation_visitor_tab_links2">
           <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
           <li><a href="{xen:link conversations}">{xen:phrase conversations}
             <strong class="itemCount {xen:if $visitor.conversations_unread, '', 'Zero'}"
               id="VisitorExtraMenu_ConversationsCounter">
               <span class="Total">{xen:number $visitor.conversations_unread}</span>
             </strong></a></li>
           <li><a href="{xen:link account/alerts}">{xen:phrase alerts}
             <strong class="itemCount {xen:if $visitor.alerts_unread, '', 'Zero'}"
               id="VisitorExtraMenu_AlertsCounter">
               <span class="Total">{xen:number $visitor.alerts_unread}</span>
             </strong></a></li>
           <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
           <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}'}">{xen:phrase your_content}</a></li>
           <li><a href="{xen:link account/following}">{xen:phrase people_you_follow}</a></li>
           <li><a href="{xen:link account/ignored}">{xen:phrase people_you_ignore}</a></li>
           <xen:if is="{$xenCache.userUpgradeCount}"><li><a href="{xen:link account/upgrades}">{xen:phrase account_upgrades}</a></li></xen:if>
         </xen:hook>
         </ul>
       </div>
       <div class="menuColumns secondaryContent">
         <ul class="col1 blockLinksList">
           <li>      
             <form action="{xen:link account/toggle-visibility}" method="post" class="AutoValidator visibilityForm">
               <label><input type="checkbox" name="visible" value="1" class="SubmitOnChange" {xen:checked $visitor.visible} />
                 {xen:phrase show_online_status}</label>
               <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
             </form>
           </li>
         </ul>
         <ul class="col2 blockLinksList">
           <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}" class="LogOut">{xen:phrase log_out}</a></li>
         </ul>
       </div>
       <xen:if is="{$canUpdateStatus}">
         <form action="{xen:link members/post, $visitor}" method="post" class="sectionFooter statusPoster AutoValidator" data-optInOut="OptIn">
           <textarea name="message" class="textCtrl StatusEditor UserTagger Elastic" placeholder="{xen:phrase update_your_status}..." rows="1" cols="40" style="height:18px" data-statusEditorCounter="#visMenuSEdCount" data-nofocus="true"></textarea>
           <div class="submitUnit">
             <span id="visMenuSEdCount" title="{xen:phrase characters_remaining}"></span>
             <input type="submit" class="button primary MenuCloser" value="{xen:phrase post_verb}" />
             <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
             <input type="hidden" name="return" value="1" />
           </div>
         </form>
       </xen:if>
     </div>  
   </li>
  
   <xen:if is="{$tabs.account.selected}">
   <li class="navTab selected">
     <div class="tabLinks">
       <ul class="secondaryContent blockLinksList">
       <xen:hook name="navigation_tabs_account">
         <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
         <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
         <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
         <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
       </xen:hook>
       </ul>
     </div>
   </li>
   </xen:if>

   <!-- conversations popup -->
   <li class="navTab inbox Popup PopupControl PopupClosed {xen:if $tabs.inbox.selected, 'selected'}">
        
     <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox}
       <strong class="itemCount {xen:if {$visitor.conversations_unread}, '', 'Zero'}"
         id="ConversationsMenu_Counter" data-text="{xen:phrase you_have_x_new_unread_conversations}">
         <span class="Total">{xen:number $visitor.conversations_unread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
  
     <div class="Menu JsOnly navPopup" id="ConversationsMenu"
       data-contentSrc="{xen:link 'conversations/popup'}"
       data-contentDest="#ConversationsMenu .listPlaceholder">
    
       <div class="menuHeader primaryContent">
         <h3>
           <span class="Progress InProgress"></span>
           <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a>
         </h3>          
       </div>
    
       <div class="listPlaceholder"></div>
    
       <div class="sectionFooter">
         <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink">{xen:phrase start_new_conversation}</a></xen:if>
         <a href="{xen:link conversations}">{xen:phrase show_all}...</a>
       </div>
     </div>
   </li>

   <xen:if is="{$tabs.inbox.selected}">
   <li class="navTab selected">
     <div class="tabLinks">
       <ul class="secondaryContent blockLinksList">
         <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
         <li><a href="{xen:link conversations/starred}">{xen:phrase starred_conversations}</a></li>
         <li><a href="{xen:link conversations/yours}">{xen:phrase conversations_you_started}</a></li>
       </ul>
     </div>
   </li>
   </xen:if>

   <xen:hook name="navigation_visitor_tabs_middle" />

   <!-- alerts popup -->
   <li class="navTab alerts Popup PopupControl PopupClosed">
        
     <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts}
       <strong class="itemCount {xen:if {$visitor.alerts_unread}, '', 'Zero'}"
         id="AlertsMenu_Counter" data-text="{xen:phrase you_have_x_new_alerts}">
         <span class="Total">{xen:number $visitor.alerts_unread}</span>
         <span class="arrow"></span>
       </strong>
     </a>
  
     <div class="Menu JsOnly navPopup" id="AlertsMenu"
       data-contentSrc="{xen:link 'account/alerts-popup'}"
       data-contentDest="#AlertsMenu .listPlaceholder"
       data-removeCounter="#AlertsMenu_Counter">
    
       <div class="menuHeader primaryContent">
         <h3>
           <span class="Progress InProgress"></span>
           <a href="{xen:link account/alerts}" class="concealed">{xen:phrase alerts}</a>
         </h3>
       </div>
    
       <div class="listPlaceholder"></div>
    
       <div class="sectionFooter">
         <a href="{xen:link account/alert-preferences}" class="floatLink">{xen:phrase alert_preferences}</a>
         <a href="{xen:link account/alerts}">{xen:phrase show_all}...</a>
       </div>
     </div>
   </li>

   <xen:hook name="navigation_visitor_tabs_end" />
</ul>

2) Ищем шаблон navigation.css
Удаляйте от туда все и заменяйте этим
Код:
#navigation .pageContent
{
   height: {xen:calc '@headerTabHeight * 2 + 2'}px;
   position: relative;
}

#navigation .menuIcon
{
   position: relative;
   font-size:18px;
   width: .9em;
   display: inline-block;
   text-indent: -9999px;
}

#navigation .PopupOpen .menuIcon:before,
#navigation .navLink .menuIcon:before
{
   zoom: 1;
}

#navigation .menuIcon:before
{
   content: "";
   font-size: 18px;
   position: absolute;
   /*top: 0.4em;*/
   top: {xen:calc 'round(-0.31 + 0.029 * @headerTabHeight, 1)'}em;
   left: 0;
   width: .9em;
   height: 0.125em;
   border-top: 0.375em double currentColor;
   border-bottom: 0.125em solid currentColor;
}

   .navTabs
   {
     @property "navTabs";
     font-size: 11px;
     background-color: @primaryDark;
     padding: 0 25px;
     border: 1px solid @primaryLightish;
     border-bottom: 1px solid @primaryDarker;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     @property "/navTabs";
   
     height: @headerTabHeight;
   }
 
     .navTabs .publicTabs
     {
       float: left;
     }
   
     .navTabs .visitorTabs
     {
       float: right;
     }
 
       .navTabs .navTab
       {
         float: left;
         white-space: nowrap;
         word-wrap: normal;
       
         <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if>
       }


/* ---------------------------------------- */
/* Links Inside Tabs */

.navTabs .navLink,
.navTabs .SplitCtrl
{
   @property "navLink";
   display: block;
   float: left;
   vertical-align: text-bottom;
   text-align: center;
   outline: 0 none;
   @property "/navLink";
 
   <xen:if is="{$pageIsRtl}">*float: none; *display: inline; *zoom: 1;</xen:if>
 
   height: @headerTabHeight;
   line-height: @headerTabHeight;
}

   .navTabs .publicTabs .navLink
   {
     padding: 0 15px;
   }
 
   .navTabs .visitorTabs .navLink
   {
     padding: 0 10px;
   }
 
   .navTabs .navLink:hover
   {
     text-decoration: none;
   }
 
   /* ---------------------------------------- */
   /* unselected tab, popup closed */

   .navTabs .navTab.PopupClosed
   {
     position: relative;
   }
 
   .navTabs .navTab.PopupClosed .navLink
   {
     color: @primaryLighter;
   }
 
     .navTabs .navTab.PopupClosed:hover
     {
       background-color: rgb(4, 96, 155);
     }
   
       .navTabs .navTab.PopupClosed .navLink:hover
       {
         color: @textCtrlBackground;
       }
   
   .navTabs .navTab.PopupClosed .arrowWidget
   {
     /* circle-arrow-down-light */
     background-position: -64px 0;
   }
 
   .navTabs .navTab.PopupClosed .SplitCtrl
   {
     margin-left: -14px;
     width: 14px;
   }
   
     .navTabs .navTab.PopupClosed:hover .SplitCtrl
     {
       /* nav_menu_gadget, height: 17px */
       background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;
     }
 
   /* ---------------------------------------- */
   /* selected tab */

   .navTabs .navTab.selected .navLink
   {
     position: relative;
     @property "navTabSelected";
     font-weight: bold;
     color: @primaryDarker;
     background: @primaryLightish url('@imagePath/xenforo/gradients/navigation-tab.png') repeat-x top;
     padding-top: 2px;
     margin-top: -2px;
     border: 1px solid @primaryDarker;
     border-bottom: 1px none black;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
     text-shadow: 0px 0px 3px @primaryLightest;
     @property "/navTabSelected";
   }
 
   .navTabs .navTab.selected .SplitCtrl
   {
     display: none;
   }
 
   .navTabs .navTab.selected .arrowWidget
   {
     /* circle-arrow-down */
     background-position: -32px 0;
   }
 
     .navTabs .navTab.selected.PopupOpen .arrowWidget
     {
       /* circle-arrow-up */
       background-position: -16px 0;
     }
 
   /* ---------------------------------------- */
   /* unselected tab, popup open */
 
   .navTabs .navTab.PopupOpen .navLink
   {
   }
 
 
   /* ---------------------------------------- */
   /* selected tab, popup open (account) */
 
   .navTabs .navTab.selected.PopupOpen .navLink
   {
     @property "popupControl";
     color: whitesmoke;
     background: #e4f0f7 url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px;
     text-shadow: 1px 1px 2px white;
     @property "/popupControl";
   }
 
/* ---------------------------------------- */
/* Second Row */

.navTabs .navTab.selected .tabLinks
{
   @property "navTabSelected.background";
   background: @primaryLightish url('@imagePath/xenforo/gradients/navigation-tab.png') repeat-x top;
   @property "/navTabSelected.background";
 
   width: 100%; 
   padding: 0;
   border: none;
   overflow: hidden; zoom: 1; 
   position: absolute;
   left: 0px; 
   top: {xen:calc '@headerTabHeight + 2'}px;
   height: @headerTabHeight;
   background-position: 0px -@headerTabHeight;
   *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
}

   .navTabs .navTab.selected .blockLinksList
   {
     background: none;
     padding: 0;
     border: none;
     margin-left: 8px;
   }

   .withSearch .navTabs .navTab.selected .blockLinksList
   {
     margin-right: 275px;
   }

   .navTabs .navTab.selected .tabLinks .menuHeader
   {
     display: none;
   }
 
   .navTabs .navTab.selected .tabLinks li
   {
     float: left;
     padding: 2px 0;
   }
 
     .navTabs .navTab.selected .tabLinks a
     {
       @property "navTabLink";
       font-size: 11px;
       color: @textCtrlBackground;
       padding: 1px 10px;
       display: block;
       text-shadow: 1px 1px 1px @primaryMedium;
       @property "/navTabLink";
     
       line-height: {xen:calc '@headerTabHeight - 6'}px;
     }
   
     .navTabs .navTab.selected .tabLinks .PopupOpen a
     {
       color: inherit;
       text-shadow: none;
     }
   
       .navTabs .navTab.selected .tabLinks a:hover,
       .navTabs .navTab.selected .tabLinks a:focus
       {
         @property "navTabLinkHover";
         color: @primaryDark;
         text-decoration: none;
         background-color: @primaryLighterStill;
         padding: 0 9px;
         border: 1px solid @primaryLight;
         border-radius: 5px;
         text-shadow: 1px 1px 0px @primaryLightest;
         outline: 0;
         @property "/navTabLinkHover";
       }
     
       .navTabs .navTab.selected .tabLinks .Popup a:hover,
       .navTabs .navTab.selected .tabLinks .Popup a:focus
       {
         color: inherit;
         background: none;
         border-color: transparent;
         border-radius: 0;
         text-shadow: none;
       }
 
/* ---------------------------------------- */
/* Alert Balloons */
 
.navTabs .navLink .itemCount
{
   @property "alertBalloon";
   font-weight: bold;
   font-size: 9px;
   color: white;
   background-color: #e03030;
   padding: 0 2px;
   border-radius: 2px;
   position: absolute;
   right: 2px;
   top: -12px;
   line-height: 16px;
   min-width: 12px;
   _width: 12px;
   text-align: center;
   text-shadow: none;
   white-space: nowrap;
   word-wrap: normal;
   box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
   height: 16px;
   @property "/alertBalloon";
}

   .navTabs .navLink .itemCount .arrow
   {
     @property "alertBalloonArrow";
     border: 3px solid transparent;
     border-top-color: #e03030;
     border-bottom: 1px none black;
     position: absolute;
     bottom: -3px;
     right: 4px;
     line-height: 0px;
     text-shadow: none;
     _display: none;
/* Hide from IE6 */
width: 0px;
     height: 0px;
     @property "/alertBalloonArrow";
   }
 
.navTabs .navLink .itemCount.Zero
{
   display: none;
}

.navTabs .navLink .itemCount.ResponsiveOnly
{
   display: none !important;
}

.NoResponsive #VisitorExtraMenu_Counter,
.NoResponsive #VisitorExtraMenu_ConversationsCounter,
.NoResponsive #VisitorExtraMenu_AlertsCounter
{
   display: none !important;
}
 
/* ---------------------------------------- */
/* Account Popup Menu */

.navTabs .navTab.account .navLink
{
   font-weight: bold;
}

   .navTabs .navTab.account .navLink .accountUsername
   {
     display: block;
     max-width: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
   }

#AccountMenu
{
   width: 274px;
}

#AccountMenu .menuHeader
{
   position: relative;
}

   #AccountMenu .menuHeader .avatar
   {
     float: left;
     margin-right: 10px;
   }

   #AccountMenu .menuHeader .visibilityForm
   {
     margin-top: 10px;
     color: @primaryMedium;
   }
 
   #AccountMenu .menuHeader .links .fl
   {
     position: absolute;
     bottom: 10px;
     left: {xen:calc '10 + 10 + 96'}px;
   }

   #AccountMenu .menuHeader .links .fr
   {
     position: absolute;
     bottom: 10px;
     right: 10px;
   }
 
#AccountMenu .menuColumns
{
   overflow: hidden; zoom: 1;
   padding: 2px;
}

   #AccountMenu .menuColumns ul
   {
     float: left;
     padding: 0;
     max-height: none;
     overflow: hidden;
   }

     #AccountMenu .menuColumns a,
     #AccountMenu .menuColumns label
     {
       width: 115px;
     }

#AccountMenu .statusPoster textarea
{
   width: 245px;
   margin: 0;
   resize: vertical;
   overflow: hidden;
}

#AccountMenu .statusPoster .submitUnit
{
   margin-top: 5px;
   text-align: right;
}

   #AccountMenu .statusPoster .submitUnit .statusEditorCounter
   {
     float: left;
     line-height: 23px;
     height: 23px;
   }
 
/* ---------------------------------------- */
/* Inbox, Alerts Popups */

.navPopup
{
   width: 260px;
}

.navPopup a:hover,
.navPopup .listItemText a:hover
{
   background: none;
   text-decoration: underline;
}

   .navPopup .menuHeader .InProgress
   {
     float: right;
     display: block;
     width: 20px;
     height: 20px;
   }

.navPopup .listPlaceholder
{
   max-height: 350px;
   overflow: auto;
}

   .navPopup .listPlaceholder ol.secondaryContent
   {
     padding: 0 10px;
   }

     .navPopup .listPlaceholder ol.secondaryContent.Unread
     {
       background-color: @inlineModChecked.background-color;
     }

.navPopup .listItem
{
   overflow: hidden; zoom: 1;
   padding: 5px 0;
   border-bottom: 1px solid @primaryLighterStill;
}

.navPopup .listItem:last-child
{
   border-bottom: none;
}

.navPopup .PopupItemLinkActive:hover
{
   margin: 0 -8px;
   padding: 5px 8px;
   border-radius: 5px;
   background-color: @primaryLighterStill;
   cursor: pointer;
}

.navPopup .avatar
{
   float: left;
}

   .navPopup .avatar img
   {
     width: 32px;
     height: 32px;
   }

.navPopup .listItemText
{
   margin-left: 37px;
}

   .navPopup .listItemText .muted
   {
     font-size: 9px;
   }

   .navPopup .unread .listItemText .title,
   .navPopup .listItemText .subject
   {
     font-weight: bold;
   }

.navPopup .sectionFooter .floatLink
{
   float: right;
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
   .Responsive .navTabs
   {
     padding-left: 10px;
     padding-right: 10px;
   }

   .Responsive .withSearch .navTabs .navTab.selected .blockLinksList
   {
     margin-right: 50px;
   }
}

@media (max-width:@maxResponsiveNarrowWidth)
{
   .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs)
   {
     display: none;
   }
}
</xen:if>

Правда придется по играться со стилем :-) Но там цвета менять и все. Ну а так они динамичны.
Посмотреть вложение 14159 Посмотреть вложение 14160[DOUBLEPOST=1395397527,1395397361][/DOUBLEPOST]Deamond , и кстати это не глюк, это стиль такой. :-)
Спасибо большое, сейчас буду пробовать, отпишусь о результате) Единственное, что я только начал изучать сам движок, и не особо ориентируюсь где что лежит)[DOUBLEPOST=1395405420][/DOUBLEPOST]Прошу прощения за подобные вопросы. Может быть кто подскажет где откопать этот шаблон navigation_visitor_tab, я так понимаю он находится где то в файлах на ftp, или я что-то путаю?
 
Последнее редактирование:
Он находится в админке... Вот тут: /admin.php?styles/ - Напротив нужного стиля нажимайте на "Шаблоны" и ищите нужный Вам. :)
 
Он находится в админке... Вот тут: /admin.php?styles/ - Напротив нужного стиля нажимайте на "Шаблоны" и ищите нужный Вам. :-)
Вот спасибо) моему удивлению нет предела. Впервые встречаю движок, где подобный функции можно проделывать из админки, не влезая в папки на ftp :thumbsup:[DOUBLEPOST=1395407874,1395407115][/DOUBLEPOST]Все получилось) спасибо!!! выручили ребята) если интересно, вот результат:
 
  • Мне нравится
Реакции: Hope
Как мы результат-то увидим, если мы гости? :-D
 
Как мы результат-то увидим, если мы гости? :-D
Действительно))) кстати стиль хедера тоже поменялся при наведении курсора и однозначно в лучшую сторону, навигация стала более ясной)
 
Под версию ксенфоро 1.3 выложите пожалуйста.
 
Под какую 1.3? :laugh: Автор с версии 1.0 ещё забросил всё это дело.
 
как убрать из этого стиля копирайт в подвале? в каком файле? (я не специалист) и по подробнее - как сделать что бы в этом стиле иконки были не как щас 42 на 31 , а сделать что бы было 42 ширина и высота 40. кто может помогите разобраться. и еще если может это важно - версия форума у меня (xenforo 1.2.4 )
 
Последнее редактирование:
что бы ссылок не было, а что это нельзя на этом стиле?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу