các bác giúp đỡ em gấp với

Thảo luận trong 'Style & Template Questions' bắt đầu bởi tungdel, 21/4/13.

1votes
5/5, 1 vote

  1. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    em muốn thu ngắn lại cái thanh ở trên thanh menu vào thì làm thế nào vì nó không cùng màu
     

    Các file đính kèm:

    tungdel, 21/4/13
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. sinhvienluat

    sinhvienluat Member

    Bài viết:
    140
    Likes :
    37
    Vào navigation.css tìm:

    #navigation {
    height: 35px;
    margin-bottom: 35px;
    background: #666 <------xóa cái này đi
    }
     
    sinhvienluat, 21/4/13
    #2
  3. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    em không thấy bác ah.ảo quá
     
    tungdel, 21/4/13
    #3
  4. sinhvienluat

    sinhvienluat Member

    Bài viết:
    140
    Likes :
    37
    cho demo đi
     
    sinhvienluat, 21/4/13
    #4
  5. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    đây là navigation.css của e
    Mã:
    #navigation {
    background: #004869;
    height: 35px;
    margin-bottom: 35px;
}
 
#navigation .pageContent
{
    background: none; ///// #292929;
    /*height: {xen:calc '@headerTabHeight * 2 + 2'}px;*/
    height: {xen:calc '@headerTabHeight * 2'}px;
    position: relative;
}
 
    .navTabs
    {
        @property "navTabs";
        font-size: 12px;
        /*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.primary_nav{
    @property "primaryNav";
    float: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 5px 0;
    @property "/primaryNav";
}
 
.navTabs.user_bar{
    @property "userBar";
    float: right;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 10px;
    font-size: 11px;
    @property "/userBar";
}
   
        .navTabs .publicTabs
        {
            float: left;
        }
       
        .navTabs .visitorTabs
        {
            margin-top: 5px;
            float: right;
        }
   
            .navTabs .navTab
            {
                float: left;
                white-space: nowrap;
                word-wrap: normal;
                border-radius: 4px;
                                margin-right:3px;
            }
 
 
/* ---------------------------------------- */
/* 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";
   
    height: 25px;//// @headerTabHeight;
    line-height: 25px;//// @headerTabHeight;
}
 
    .navTabs .publicTabs .navLink
    {
        padding: 0 17px;
        font-weight: bold;
    }
   
    .navTabs .visitorTabs .navLink
    {
        padding: 0 10px;
    }
   
    .navTabs .navLink:hover
    {
        text-decoration: none;
    }
   
    /* ---------------------------------------- */
    /* unselected tab, popup closed */
   
    .navTabs .navTab.PopupClosed .navLink
    {
        color: @primaryNavLink;
    }
   
        .navTabs .navTab.PopupClosed:hover
        {
            background-color: #3CA0CF;
        }
       
            .navTabs .navTab.PopupClosed:hover .navLink,
            .navTabs .navTab.PopupClosed .navLink:hover
            {
                color: @primaryNavLinkHover;
            }
       
    .navTabs .navTab.PopupClosed .arrowWidget
    {
        background-position: -64px 0;
    }
   
    .navTabs .navTab.PopupClosed .SplitCtrl
    {
        margin-left: -16px;
        width: 14px;
    }
       
        .navTabs .navTab.PopupClosed:hover .SplitCtrl
        {
            background: none; transparent url('@imagePath/xenforo/widgets/nav_menu_gadget.png') no-repeat center left;
        }
   
    /* ---------------------------------------- */
    /* selected tab */
 
    .navTabs .navTab.selected .navLink
    {
        @property "navTabSelected";
        font-weight: bold;
        color: #fff;
        border-radius: 4px;
// @primaryNavLinkActive;
        @property "/navTabSelected";
        background: #1C80AE; /////// url('@imagePath/xenforo/xenfocus/primary_selected.png') repeat-x bottom left;
 
    }
 
.navTabs .navTab.selected .navLink:before,
.navTabs .navTab.selected .navLink:after{
    content: "";
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    background: url('@imagePath/xenforo/xenfocus/tab_corners.png') no-repeat 0 0;
    bottom: 0;
    left: -5px;
    z-index: 1000;
}
 
.navTabs .navTab.selected .navLink:after{
background-position: -5px 0;
    left: auto;
    right: -5px;
}
   
    .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.PopupClosed:hover .navLink,
    .navTabs .navTab.selected.PopupClosed .navLink:hover
    {
        color: @primaryNavLinkActive;
    }
   
    .navTabs .navTab.selected.PopupOpen .navLink
    {
        @property "popupControl";
        color: @primaryNavLinkActive;
        background-color: @whiteColor;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);
        @property "/popupControl";
    }
   
/* ---------------------------------------- */
/* Second Row */
 
.navTabs .navTab.selected .tabLinks
{
    @property "navTabSelected.background";
 
    @property "/navTabSelected.background";
    background: none; //////url('@imagePath/xenforo/xenfocus/secondary_nav.png') repeat-x bottom left;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: none; ////// 1px solid #cecece;
    overflow: hidden; zoom: 1;   
    position: absolute;
    left: 0px;   
    /*top: {xen:calc '@headerTabHeight + 2'}px;*/
    top: 35px;
    height: 32px;
        z-index:100;
    *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0);
}
 
    .navTabs .navTab.selected .blockLinksList
    {
        background: none;
        padding: 0;
        border: none;
    }
 
    .navTabs .navTab.selected .tabLinks .menuHeader
    {
        display: none;
    }
   
    .navTabs .navTab.selected .tabLinks li
    {
        float: left;
        padding: 2px 0;
    }
 
        .navTabs .navTab.selected .tabLinks li:first-child
        {
            margin-left: 8px;
        }
   
        .navTabs .navTab.selected .tabLinks a
        {
            @property "navTabLink";
            font-size: 11px;
            color: #888;
            padding: 0 10px;
            margin: 5px 5px 0 0;
            border-radius: 3px;
            display: block;
            text-shadow: #FFFFFF 0 1px 0;
            @property "/navTabLink";
           
            line-height: 22px; ///// {xen:calc '@headerTabHeight - 6'}px;
        }
       
            .navTabs .navTab.selected .tabLinks a:hover,
            .navTabs .navTab.selected .tabLinks a:focus
            {
                @property "navTabLinkHover";
                color: @primaryDark;
                text-decoration: none;
                background-color: @primaryLighter;
                outline: 0;
                @property "/navTabLinkHover";
               
            }
   
/* ---------------------------------------- */
/* 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: -9px;
    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;
}
   
/* ---------------------------------------- */
/* Account Popup Menu */
 
.navTabs .navTab.account .navLink
{
    font-weight: bold;
}
 
#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;
}
 
.user_icon{ position: relative; top: 5px; margin-right: 2px; }
     
    tungdel, 21/4/13
    #5
  6. sinhvienluat

    sinhvienluat Member

    Bài viết:
    140
    Likes :
    37
    vào Navigation tìm
    Thay bằng
     
    sinhvienluat, 21/4/13
    #6
  7. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    tungdel, 21/4/13
    #7
  8. sinhvienluat

    sinhvienluat Member

    Bài viết:
    140
    Likes :
    37
    Thay bằng đoạn này đi:

     
    sinhvienluat, 21/4/13
    #8
  9. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    được rui nhưng mà nó hơi to so với quy định bác ah
     
    tungdel, 21/4/13
    #9
  10. dantri1990

    dantri1990 New Member

    Bài viết:
    46
    Likes :
    6
    dantri1990, 21/4/13
    #10
  11. sinhvienluat

    sinhvienluat Member

    Bài viết:
    140
    Likes :
    37
    Bạn copy lại đi, mình chỉnh height xuống 35px rồi, lúc nãy để 66px
     
    sinhvienluat, 21/4/13
    #11
    tungdel thích bài này.
  12. tungdel

    tungdel New Member

    Bài viết:
    63
    Likes :
    1
    ok bác
    thank bác nhiều nha
     
    tungdel, 21/4/13
    #12
comments powered by Disqus

Chia sẻ trang này

Đang tải...