Hỏi : cách thay đổi màu chữ trong khung đăng ký

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

1votes
5/5, 1 vote

  1. minhtri

    minhtri New Member

    Bài viết:
    30
    Likes :
    5
    Mình mún thay đổi màu chữ ở đây
    [​IMG]
    Mình chọn đổi màu được, nhưng nó cũng đổi lun màu nền cho subforum, mình chỉ mún đổi riêng màu chữ thôi, hoặc chỉ giúp mình cách tìm để mình có thể đổi màu bất kỳ gì khi viewsource , mình chỉ xem thui chứ chẳng bjk phải làm gì để đổi, thank mọi người !
     
    Đang tải...
  2. sgesvn

    sgesvn VietXF Support

    Bài viết:
    741
    Likes :
    280
    Bạn vào login_bar.ccs tìm dòng sau: #loginBar .textCtrl {
    Ở dưới nó có:
    background-color: #FFFFFF; // màu nền của khung chữ
    border-color: #154C60; // màu khung
    color: #016bd5; //màu chữ
     
    minhtri thích bài này.
  3. minhtri

    minhtri New Member

    Bài viết:
    30
    Likes :
    5
    Bạn cho mình hỏi thêm, login_bar.ccs tìm ở đâu vậy, mình đi từ nóc nên phần căn bản mình sót hơi nhìu 8->, demo www.cuuam.net
     
  4. sgesvn

    sgesvn VietXF Support

    Bài viết:
    741
    Likes :
    280
    Nhầm bạn, cứ nhầm với ccs cho vi điều khiển :)). login_bar.css, hoặc bạn tìm với login_bar thôi nó cũng ra cái login_bar.css mà.
     
    minhtri thích bài này.
  5. minhtri

    minhtri New Member

    Bài viết:
    30
    Likes :
    5
    Mã:
    /** Login bar basics **/
     
    #loginBar
    {
        @property "loginBar";
        color: ffffff;
        background-color: @primaryDarker;
        border-bottom: 1px solid @primaryLightish;
        position: relative;
        z-index: 1;
        @property "/loginBar";
    }
     
        #loginBar .pageContent
        {
            padding-top: @loginBarCollapsedHeight;
            position: relative;
            _height: 0px;
        }
     
        #loginBar a
        {
            @property "loginBarLink";
            color: ffffff;
            @property "/loginBarLink";
        }
     
        #loginBar form
        {
            @property "loginBarForm";
            padding: 5px 0;
            margin: 0 auto;
            display: none;
            line-height: 20px;
            position: relative;
            width: 500px;
            @property "/loginBarForm";
        }
       
            #loginBar .xenForm .ctrlUnit,       
            #loginBar .xenForm .ctrlUnit dt label
            {
                margin: 0;
                border: none;
            }
       
            #loginBar .xenForm .ctrlUnit dt
            {
                width: {xen:calc '@loginBarForm.width / 2 - 20 - @ctrlUnitLabel.padding-left - @ctrlUnitLabel.padding-right'}px;
            }
           
            #loginBar .xenForm .ctrlUnit dd
            {
                position: relative;
                width: {xen:calc '@loginBarForm.width / 2'}px;
            }
     
        #loginBar .xenForm .ctrlUnit dd .textCtrl,
        #loginBar .passwordOptions
        {
            width: {xen:calc '@loginBarForm.width / 2'}px;
            box-sizing: border-box;
        }
       
        #loginBar .lostPassword
        {
            margin-top: 38px;
            font-size: 11px;
        }
     
        #loginBar .lostPasswordLogin
        {
            font-size: 11px;
        }
       
        #loginBar .rememberPassword
        {
            font-size: 11px;
        }
     
        #loginBar .textCtrl
        {
            @property "loginBarTextCtrl";
            color: ffffff;
            background-color: @primaryDark;
            border-color: @primaryLightish;
            @property "/loginBarTextCtrl";
        }
       
        #loginBar .textCtrl[type=text]
        {
            @property "loginBarUsername";
            font-weight: bold;
            font-size: 18px;
            @property "/loginBarUsername";
        }
     
        #loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
        {
            background: @loginBarTextCtrl.background-color !important;
            color: @loginBarTextCtrl.color;
        }
     
        #loginBar .textCtrl:focus
        {
            @property "loginBarTextCtrlFocus";
            background: black none;
            @property "/loginBarTextCtrlFocus";
        }
       
        #loginBar input.textCtrl.disabled
        {
            @property "loginBarTextCtrlDisabled";
            color: ffffff;
            background-color: ffffff;
            border-style: dashed;
            @property "/loginBarTextCtrlDisabled";
        }
       
        #loginBar .button
        {
            min-width: @loginButtonWidth;
            *width: @loginButtonWidth;
        }
       
            #loginBar .button.primary
            {
                font-weight: bold;
            }
           
    /** changes when eAuth is present **/
     
    #loginBar form.eAuth
    {
        width: {xen:calc '@loginBarForm.width + @eAuthButtonWidth + 20'}px; /* normal width + 170px */
    }
     
        #loginBar form.eAuth .ctrlWrapper
        {
            border-right: 1px dotted @primaryMedium;
            margin-right: {xen:calc '@eAuthButtonWidth + 20'}px;
            box-sizing: border-box;
        }
     
        #loginBar form.eAuth #eAuthUnit
        {
            position: absolute;
            top: 0px;
            right: 0px;
        }
     
            #eAuthUnit li
            {
                margin-top: 10px;
            }
       
                #eAuthUnit li a
                {
                    width: @eAuthButtonWidth;
                    box-sizing: border-box;
                }
       
    /** handle **/
     
    #loginBar #loginBarHandle
    {
        @property "loginBarHandle";
        font-size: 11px;
        color: @primaryLightest;
        background-color: @primaryDarker;
        padding: 0 10px;
        margin-right: 20px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        position: absolute;
        right: 0px;
        bottom: -20px;
        text-align: center;
        z-index: 1;
        line-height: 20px;
        box-shadow: 0px 2px 5px @primaryDarker;
        @property "/loginBarHandle";
    }
    Mình đổi tất cả thành fffff rùi mà nó vẫn ko sy nhê, nền đen, chữ cũng đen xì, nhìn ko thấy gì hết :(
     
  6. minhtri

    minhtri New Member

    Bài viết:
    30
    Likes :
    5
    Hì, đả đối phó được, mình vào color palette copy đại cái @textCtrlBackground , rồi dán vào hết chổ color thì nó đổi được màu ^^,
    còn chổ này nữa bạn, ko biết nó nằm ở đâu
    [​IMG]
     
  7. sgesvn

    sgesvn VietXF Support

    Bài viết:
    741
    Likes :
    280
    Bạn gửi id và pass teamview vào inbox mình giúp
     
  8. minhtri

    minhtri New Member

    Bài viết:
    30
    Likes :
    5
    Thank bạn vì đả giúp mình rất nhiệt tình :x [​IMG]
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...