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

Kaito Shita

Private
Tham gia
18/06/2015
Bài viết
5
Được Like
2
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

Kaito Shita

Private
Tham gia
18/06/2015
Bài viết
5
Được Like
2
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,698
cái này ở temp moderator_bar.css nha
Mã:
#moderatorBar .itemCount
{   
    background: rgb(225, 0, 0);
thay màu ở đây
 

NDK

MasterSergeant
Tham gia
16/03/2015
Bài viết
829
Được Like
742
Ở 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
Tham gia
25/02/2015
Bài viết
368
Được Like
614
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

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom