Solved [Help] Cách đổi ô số thông báo (Alerts) sang màu đỏ!!!!

Mình vừa dùng skin xenblock thì thấy rất hài lòng nhưng có một cái mình muốn sửa là phần hiện thị số thông báo hay số tin nhắn thì nó lại số màu đen, không nổi lắm. Như vậy nè:
14_zpsxnkpjkni.jpg

Nào biết cách đổi ô số kia sang màu đỏ như facebook thì chỉ mình với!!!
Thanks mn trước jhgjdl;gdfgl;d
 
  • Like
Reactions: THB
a nói rõ hơn một tý được không ạ? E post bài hỏi nghĩa là e đã thử qua hầu hết các cách trên google mà e tìm được rồi nhưng nó toàn đổi màu cái khác thôi.
Trong Style Properties: Color Palette em đổi tất cả các màu nhưng chẳng ảnh hưởng gì đến nó hết
Vào Templates navigation hay navigation.css đổi màu Alerts cũng chẳng si nhê.
Qua có bài post bên vxf.vn bảo thêm vào Extra.css đoạn code này:

Mã:
.visitorTabs {
margin-top: 3px;
}
.breadBoxTop, .breadBoxBottom {
padding: 10px 0;
overflow: hidden;
zoom: 1;
clear: both;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#header #logoBlock #logo img
{
max-width: 200%;
padding-left: 5px;
}

.breadBoxTop .breadcrumb{
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.breadBoxBottom .breadcrumb{
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.breadBoxTop .topCtrl {
margin-top: 10px;
margin-right: 3%;
}

#big-container .breadBoxTop.withTopCtrl{
margin-bottom:-20px;
}

.PanelScrollerOff .panel
{
margin-bottom: 0 !important;
}

.forum_list .nodeInfo.forumNodeInfo.primaryContent{
border-bottom: none !important;
}

.node .nodeInfo.primaryContent {
padding: 2px 0 !important;
}


.node .subForumList {
background: @primaryLightest;
border-radius: 3px;
border-bottom: 1px solid #E2E2E2;
padding: 7px 1% 7px 3%;
margin: 0px 10px 10px 46px !important;
}

.node .subForumList li {
width: 50% !important;
margin: 3px 0 !important;
}

.node .subForumList .nodeTitle a:before
{
content: "";
background: @primaryLighter;
border-radius: 4px;
margin-right: 5px;
display: inline-block;
height: 4px;
width: 4px;
vertical-align: middle;
}

#QuickSearch .textCtrl {
border-top-color: rgb(233, 233, 233) !important;
border-bottom-color: rgb(210, 210, 210) !important;
}

.button.primary
{
background-color:@primaryLighterStill;
}

.button:hover, .button[href]:hover, .buttonProxy:hover .button
{
background-color:@primaryLighter;
}

.messageUserBlock .extraUserInfo {
background: none !important;
padding: 0px 6px 8px !important;
}

.messageUserBlock .extraUserInfo .pairsJustified dd {
float: none !important;
text-align: left !important;
}

.messageUserBlock .extraUserInfo dl {
font-size: 11px !important;
margin: 0 !important;
}

.messageUserBlock .extraUserInfo dd, .messageUserBlock .extraUserInfo dt {
color: @dimmedTextColor !important;
}


.pageNavLinkGroup .Popup .arrowWidget {
margin-left: 2px !important;
}

.pageNavLinkGroup .linkGroup {
font-size: 12px;
}


/* add-on specific fixes */

.WidgetFramework_WidgetRenderer_FeedReader_Entry {
margin-top: 10px;
text-align: left !important;
}

.sidebar .lnblogRecentIndexEntry {
padding-bottom: 5px;
}

.wikiPage .tabs.controlTabs {
margin-bottom: -24px !important;
}

div[class*='xfa_groups'] .sidebar dl {
margin-top: 10px;
}


/* Fixes for xfa groups add-on */
.xfa_groups_home .groupsList .stats {
width: 20% !important;
}
.xfa_groups_home #big-container-padding {
padding: 30px 30px !important;
}
.xfa_groups_home .categoryBlock {
max-width: 170px !important;
width: 17% !important;
}
.xfa_groups_home .groupList {
margin-left: 22%;
}
.groupsListItem .description {
font-size: 12px !important;
color: @mutedTextColor !important;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
.xfa_groups_home .groupsList .stats {
display: none;
}
}
</xen:if>
.secondaryContent {
background: #f0f7fc url('styles/vxf/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid #d7edfc;
}.sidebar .section .secondaryContent {
background: #fff;
border: 1px solid rgb(217, 217, 217);
}
#moderatorBar .headerLeft {
background-color: #0A3552;
float: left;
width: 50%;
}

#moderatorBar .headerRight {
float: right;
}

.navTab.logout.PopupClosed {
display: inline-block;
cursor: pointer;
}

#QuickSearch .textCtrl {
width: 162px;
font-size: 13px;
font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #77ADDF;
background-color: #2F536C;
padding: 1px;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
outline: 0;
margin: 1px;
}

#moderatorBar
{
background-color: #0A3552;
border-bottom: 1px solid #77ADDF;
font-size: 11px;
height: 25px;
}

#moderatorBar a,
#moderatorBar .itemCount
{
color: #a5cae4;
}
#moderatorBar a
{
display: inline-block;
padding: 2px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.Popup .PopupControl.PopupOpen,
.Popup.PopupContainerControl.PopupOpen
{
color: #0F517F;
background-color: #175F92;
-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;

}

#loginBar {
margin-top: 2px;
color: #a5cae4;
background-color: #0A3552;
float: right;
z-index: 1;
}
nhưng lại làm hỏng skin và đổi màu thanh tìm kiếm còn cái ô thông báo vẫn không thay đổi.
E bất lực lắm :(
 
  • Like
Reactions: THB

PVS

Generalissimo
Thành viên BQT
cái này ở temp moderator_bar.css nha
Mã:
#moderatorBar .itemCount
{   
    background: rgb(225, 0, 0);
thay màu ở đây
 

NDK

MasterSergeant
Ở template moderator_bar_css , tìm
PHP:
  #moderatorBar .itemCount.alert
   {
     background: #e03030;
     color: white;
     box-shadow: 2px 2px 5px rgba(0,0,0, 0.25);
   }
Sửa đoạn e03030 thành màu bạn thích
 

nttruong

MasterCorporal
Pó dép. Chắc gì nó đã dùng color palete. Như anh thì tìm đến sáng sao:D

F12, chỉ thẳng vào mặt nó, click phải, search soure >>> css nó là gì, chỉnh là nó ra! ;)
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top