Đổi màu khung đăng nhập

[VNSAF]

Mình đãn tìm trên itvnn.net nhưng chưa thấy. Tình hình là mình muốn đổi cái màu nền khung đăng nhập như hình dưới thì phải vào đâu để chỉnh? Xin được giúp đỡ!
demo: hình đính kèm!

[Tiểu Bá Vương 1404]

Thuộc tính này ảnh hướng đến stylevars của navbar.
Có thể thay đổi trong css.

[VNSAF]

Thuộc tính này ảnh hướng đến stylevars của navbar.
Có thể thay đổi trong css.

Thanks! Nhưng anh chưa hiểu ở chỗ khi chưa đăng nhập thì nó màu vậy, còn khi đăng nhập rồi thì nó chuyển thành màu nền của header! anh đã sửa trong stylevar nhưng chỉ được khi đăng nhập rồi!

[HTT.itvn]

Thanks! Nhưng anh chưa hiểu ở chỗ khi chưa đăng nhập thì nó màu vậy, còn khi đăng nhập rồi thì nó chuyển thành màu nền của header! anh đã sửa trong stylevar nhưng chỉ được khi đăng nhập rồi!

Cậu làm theo cách này nhé :

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> CSS Templates >> vbulletin-chrome.css

- Phần khung đăng nhập tìm code sau :


.toplinks .logindetails { padding: 0 {vb:stylevar padding};
text-align: center;
background:{vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height: {vb:stylevar navbar_tab_size.height}px;
}

- Phần đăng ký , trợ giúp tìm code sau :


.toplinks ul.nouser li a{ display: block;
float: {vb:stylevar right};
clear: {vb:stylevar left};
color:{vb:stylevar toplinks_link_color};
position: relative;
padding: 6px {vb:stylevar padding} 0 {vb:stylevar padding};
background:{vb:stylevar navbar_tab_background.backgroundColor};
-moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
border-bottom-{vb:stylevar left}-radius: {vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
height:{vb:math 8px + {vb:math {vb:stylevar font.fontSize}-1}};
font-weight:bold;
font-size:{vb:stylevar mid_fontSize};
margin-{vb:stylevar right}: 10px;
}


.toplinks ul.nouser li a:hover {
background:{vb:stylevar navbar_tab_background.backgroundColor};
color:{vb:stylevar toplinks_linkhover_color};
}

Cậu thay đổi dòng màu in đậm thành mã màu tùy ý nhé .

[VNSAF]

Cậu làm theo cách này nhé :

Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> CSS Templates >> vbulletin-chrome.css

- Phần khung đăng nhập tìm code sau :



- Phần đăng ký , trợ giúp tìm code sau :



Cậu thay đổi dòng màu in đậm thành mã màu tùy ý nhé .

Thanks cậu, tớ làm được rồi tuy nhiên tớ muốn bỏ cái phần trợ giúp đi để chuyển cái ô ghi nhớ thay thế vào đó, vì cái ô đó nó chuyển xuống dưới nhìn không nhận ra còn phần trợ giúp cũng không cần dùng tới. Rất mong cậu giúp đỡ!
demo: http://hiephoiketoan.vn skin DIAMOND1
Giao diện này tớ edit từ giao diện mặc định của VBB nên có nhiều cái tớ tự thay đổi nó không được!

[HTT.itvn]

Cậu Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn style >> Edit Templates >> header , tìm code sau :


<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>

Xóa nó đi . Tiếp tục tìm code sau :


<div id="remember" class="remember"> <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>

Coppy code dòng màu xanh và xóa toàn bộ code trên . Tiếp tục tìm code sau :


<div> <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />
</div>

Chèn thêm code mầu xanh vừa coppy vào như sau :


<div> <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />
<input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />
<input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />
<input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />


<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>
</div>

OK ! Vậy là xong .

Chú ý : Đây là demo style mặc định , các bạn tùy vào style mà chèn cho linh động nhé .

[nguyenhuonggtvt]

Trước khi đăng nhập trong các textbox thường có những chữ như Ký danh trong o dành cho tên tài khoản và pass trong ô dành cho mật khẩu, làm thế nào để thay được các giá trị đó bạn nhỉ