PDA

View Full Version : Hỏi về ảnh nền thanh tiêu đề (category) vbb 4.1



dragon80
22-08-2012, 01:56 PM
Tìm khắp trong stylevar, forumbit, forumhome.css,additional, Forumhome temp, potpit.. cũng ko thấy đâu cả..


Đây là file forumhome.css:



@charset "UTF-8";/* CSS Document */
#forums {width: 100%;}
#welcomemessage { color:{vb:stylevar body_color}; font-size:100%;}

/* forumbit nopost *//* forumbit nopost -> forumhead */.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span { display:block; float: {vb:stylevar left}; clear: {vb:stylevar right}; font: {vb:stylevar forumhead_font}; padding: {vb:math {vb:stylevar padding}/2-1} 0; color: {vb:stylevar forumhead_color};}
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 { margin-{vb:stylevar left}: 3px; margin-{vb:stylevar right}: 3px;}.forumbit_nopost { clear:{vb:stylevar left};}.forumbit_nopost .forumrowdata { clear:both; display:block; width: 100%;}
.forumbit_nopost .subforumdescription { padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding}; font-weight: normal; color: {vb:stylevar blocksubhead_color}; background: {vb:stylevar blocksubhead_background};}element.style { border: 1px solid #5FD9FF; border-radius: 5px 5px 5px 5px; margin: auto; padding: 5px; width: 890px;}.bang { background: none repeat scroll 0 0 orange; border-radius: 5px 5px 5px 5px; color: white; font-size: 120%; font-weight: bold; padding: 5px;}.thongtin { background: none repeat scroll 0 0 #0099FF; border-radius: 5px 5px 5px 5px; color: white; font-size: 120%; font-weight: bold; padding: 5px;}.cot { background: none repeat scroll 0 0 #5FD9FF; border-radius: 5px 5px 5px 5px; padding: 5px;}element.style { text-align: left;}td, th, p, li { font: 13px tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;}.page { color: #000000;}


forumbits.css:



@charset "UTF-8";/* CSS Document */
#forums { clear:both;}
.forumhead { background: {vb:stylevar forumhead_background}; _background-image: none; padding: 0; font:{vb:stylevar forumhead_font}; color:{vb:stylevar forumhead_color}; clear:both; margin-top: 8px; float: {vb:stylevar left}; border: {vb:stylevar forumhead_border}; width: 100%; -moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius}; -moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius}; -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius}; -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius}; border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius}; border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};}
#forums .L1 .forumhead a { font: {vb:stylevar forumhead_font};}
#forums .L1 .forumhead .forumdescription { display:none;}
#forums .L1 .L2 { display:block; clear: both;}
#forums a.username { color: {vb:stylevar link_color};}
#forums a.username:hover { color: {vb:stylevar linkhover_color};}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead, .forumbits .forumhead {<vb:if condition="$stylevar['textdirection'] == 'rtl'"> -moz-box-shadow: 2px 2px 2px {vb:stylevar forumbits_shadow_color}; -webkit-box-shadow: 2px 2px 2px {vb:stylevar forumbits_shadow_color}; box-shadow: 2px 2px 2px {vb:stylevar forumbits_shadow_color};<vb:else /> -moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color}; -webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color}; box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};</vb:if>}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow { color: {vb:stylevar forumbits_text_color}; background: {vb:stylevar forumrow_background}; _background-image: none; display:block; width: 100%; float: {vb:stylevar left}; min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */ position:relative; border-bottom: {vb:stylevar forumbits_border}; border-{vb:stylevar left}: {vb:stylevar forumbits_border}; border-{vb:stylevar right}: {vb:stylevar forumbits_border};}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon { position: absolute; {vb:stylevar left}: {vb:stylevar padding}; top: {vb:math {vb:stylevar padding}/2};}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata { display: inline-block; width:100%;}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer { margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer { margin-{vb:stylevar left}: 0;}
/* forumbit nopost */.forumbit_post .foruminfo .forumdata { padding: {vb:math {vb:stylevar padding}/2-1} 0; font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};}
.forumbit_nopost .forumhead .forumtitle { font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units}; min-width: 64%;}
.forumbit_nopost .forumhead .forumtitle a { color: {vb:stylevar forumhead_color}; margin-{vb:stylevar left}: {vb:stylevar padding};}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span { font-size: {vb:math {vb:stylevar font.fontSize}-1}{vb:stylevar font.units};}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost { width: 21%;}
.forumbit_nopost .forumhead a.collapse img {/* values are based on the image */ position:absolute; top: -{vb:math {vb:stylevar padding} * 1.5}; {vb:stylevar right}: -{vb:math {vb:stylevar padding} * 0.6}; display:block; width:13px; height:13px; overflow:hidden; float: {vb:stylevar right}; clear: {vb:stylevar left};}
.forumbit_nopost:hover .forumhead a.collapsegadget { visibility:visible;}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata { padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding}; padding-{vb:stylevar left}: 0; font-size: {vb:stylevar small_fontSize};}
/* Removed for VBIV-14010.forumbit_nopost .forumbit_nopost .foruminfo .subforums { margin-{vb:stylevar left}: {vb:stylevar padding}; position: relative; top: -{vb:stylevar padding};}*/
/* forumbit post */.forumbit_post { float: {vb:stylevar left}; position:relative; width: 100%; display:block;}
.forumbit_post .forumhead span { padding: 0;}
.forumbit_post .forumhead .forumlastpost { top: 0; margin-top: 0;}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{ padding: {vb:math {vb:stylevar padding}/2} 0;}
.forumbit_post .forumhead .forumtitle { font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units}; min-width: 64%;}
.forumbit_post .forumhead .forumtitle span {padding: 0;padding-{vb:stylevar left}: {vb:stylevar padding};}
.forumbit_post .foruminfo { width: 57%; min-width: 30%; float: {vb:stylevar left}; clear: {vb:stylevar right}; min-height: {vb:stylevar forumicon_size}; }
.forumbit_post .foruminfo .forumicon{ position: absolute; {vb:stylevar left}: {vb:stylevar padding};}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing { float: {vb:stylevar left}; clear: {vb:stylevar right};}
.forumbit_post .foruminfo .viewing { white-space:nowrap;}
.forumbit_post .foruminfo .forumdata { padding: 0; width: 100%; _width: 99%;}
.forumbit_post .foruminfo .forumdata .datacontainer { float: {vb:stylevar left}; width: 88%; padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: {vb:stylevar font.fontSize}{vb:stylevar font.units}; margin-{vb:stylevar right}: {vb:stylevar padding};}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a { font-weight:bold;}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a { padding-{vb:stylevar left}:1.8em; background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;}
.forumbit_post .foruminfo .forumdata .viewing { font-style: italic; margin-{vb:stylevar right}:{vb:stylevar padding}; margin-top: 3px; font-size: {vb:math {vb:stylevar font.fontSize}-2}{vb:stylevar font.units};}
.forumbit_post .forumactionlinks { width: 5%; display:block; float:{vb:stylevar left}; clear:{vb:stylevar right};}
.forumbit_post .forumactionlinks li { display: inline;}
.forumbit_post .forumactionlink {/* values based on icon size */ display:block; width:18px; height:12px; overflow:hidden; float: {vb:stylevar right}; clear: {vb:stylevar left}; background:transparent none no-repeat; position: relative; margin: 3px {vb:stylevar padding} 0 0;}
.forumactionlink a {/* values based on icon size */ display:block; padding-{vb:stylevar left}:18px;}
.forumactionlinks .rsslink { background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);}
.forumactionlinks .subslink { background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);}.forumactionlinks .unsubslink { background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);}.forumbit_post .forumdescription { display:block; clear:both; padding-{vb:stylevar right}: {vb:stylevar padding};}
.forumbit_post .unsubscribe { display:block; {vb:stylevar right}: 0; top: 2px;}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 { display: block; float: {vb:stylevar left}; clear: {vb:stylevar right}; width: 12%; margin-{vb:stylevar right}: 2%;}
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li{ font-size: {vb:stylevar mid_fontSize}; text-align: {vb:stylevar right}; padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2}; display:block;}

.forumbit_post .forumlastpost { display:block; float: {vb:stylevar left}; clear: {vb:stylevar right};}
.forumbit_post .forumrow .forumlastpost { width: 24%; font-size: {vb:stylevar mid_fontSize}; padding-top: {vb:math {vb:stylevar padding}/2};}
.forumbit_post .forumlastpost .lastpostdate { font-size: {vb:stylevar small_fontSize};}
.lastpostlabel { display: none; }
.forumlastpost .lastposttitle .postimg { vertical-align:middle; margin-top:-2px;}
.forumlastpost p.lastposttitle { overflow: hidden;}
.moderators, .subforums { display: block; clear:both;}
.moderators h4, .subforums h4 { font-weight: bold; padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};}
.moderators h4, .moderators .commalist, .subforums h4, .subforums .commalist { float:{vb:stylevar left}; clear:{vb:stylevar right};}
/* Project Tools Forum Display */.forumstats dt { display: inline; margin-{vb:stylevar right}: 0;}
.forumstats dl { color: {vb:stylevar body_color}; font-size: {vb:stylevar mid_fontSize}; display: block; text-align: {vb:stylevar right};}
.forumstats dd { display: inline-block; padding-{vb:stylevar left}: {vb:stylevar padding}; padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};}
.forumstats dt:after { content:":";}
h2 span.forumthreadpost { width: 12%; text-align: center;}


additional.css:

.tborder { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #3A9DCD; color: #000000;}.alt1, .alt1Active { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #000000; font-size: 10pt; padding: 4px;}

.avatarvkn img {opacity: 0.3;filter: alpha(opacity=30);border-radius: 5px;background-color: white;margin: 1px 3px 3px 1px;padding: 3px;border: 1px solid #D4D4D4;box-shadow: 3px 3px 3px #8A8A8A;transform: rotate(19deg);-moz-transform: rotate(19deg);-webkit-transform: rotate(19deg);transition: all 2s ease;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;}

.avatarvkn img:hover {opacity: 1;filter: alpha(opacity=900);transition: all 2s ease;-webkit-transition: all 2s ease;-moz-transition: all 2s ease;transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: scale(1.6);-webkit-transform: scale(1.6);-moz-transform: scale(1.6);position: relative;}
}
nput {border:0 ;color: #838383;-moz-border-radius: 2px !important; -webkit-border-radius: 2px !important;transition: all 0.25s ease-in-out !important;-webkit-transition: all 0.25s ease-in-out !important;-moz-transition: all 0.25s ease-in-out !important;box-shadow: 0 0 5px rgba(0, 46, 184, 0) !important;-webkit-box-shadow: 0 0 5px rgba(0, 46, 184, 0) !important;-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0) !important;}input:hover, input:focus {outline:none;border:rgba(0, 46, 184, 1) 1px solid !important;box-shadow: 0 0 5px rgba(0, 46, 184, 1) !important;-moz-border-radius: 2px !important; -webkit-border-radius: 2px !important;-webkit-box-shadow: 0 0 5px rgba(0, 46, 184, 1) !important;-moz-box-shadow: 0 0 5px rgba(0, 46, 184, 1) !important;}


Muốn bỏ hết mấy cái nền đó đi, hoặc thay ảnh nền khác (thay link mới, chứ ko phải là tìm ảnh rồi thay)
Trong stylevar tìm toét hết các file bị sửa (mầu đỏ) nhưng ko thấy cái nào để chỉnh cái đó.
Cái này có sẵn trên skin, nên ko phải thêm bằng mod hay chèn link khi lập forum mới.
ACE sửa giúp.


http://np1.upanh.com/b6.s28.d2/c56baf6d8e1aa4400c84609f5d4c72c8_48377081.untitled .png (http://www.upanh.com/untitled_upanh/v/5rl1ee2narr.htm)

dragon80
22-08-2012, 03:08 PM
Đã sửa đc.

Nhưng còn cái này thì bó tay, vì additional.css như trên, ko tìm đâu ra hết cả: Sửa chiều cao thanh Head

Và cái thank cuối bài viết bị lên xuống dòng loạn xì ngầu:

http://np6.upanh.com/b2.s28.d3/3c3320fb689e6b244dac259947c312c5_48380276.untitled .png (http://www.upanh.com/untitled_upanh/v/0rlfcu9afgl.htm)

Ko biết sửa ở đâu, cái thì có 1 nút nhưng dài quá (SP), đầy những cái nút kia xuống dòng. Cái thì hình và chữ nhiều ko nằm đc cùng trên dòng nữa.


7- Tăng chiều cao của thanh forumhead ( t-cat ) ( Hỏi bởi : trapstraps )





Vào adminCP >> Styles & Templates >> Style manager >> Chọn style >> StyleVars >> CSS Templates >> additional.css

- Chỉnh forumhead : tìm code sau



.tcat {
background:url(images/styles/ShinyBlue/style/tcatBG.gif) repeat-x top left;
color: #fff;
height:38px;
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border:0;
padding:0;
width: {vb:stylevar forumhead_width};
}
.tcatLeft {
background:url(images/styles/ShinyBlue/style/tcatLeft.gif) no-repeat top left;
height:38px;
}
.tcatRight {
background:url(images/styles/ShinyBlue/style/tcatRight.gif) no-repeat top right;
height:38px;
}
.tcat .forumtitle {
font-weight:700;


}
.tcat .tcatDesc {
font-size:11px;
font-weight:400;
}
.tcat h2 {
padding: 0 0 0 16px;
font: bold 14px arial, helvetica, sans-serif;
line-height: 38px;
float:left;
font-weight:700;
}
.tcat a:link, .tcat a:visited {
color:#fff;
}
.tcat a:hover {


}
.tcat .tcatCollapse {
float:right;
position:absolute;
top:10px;
right:10px;
}



- Với Theadbar , tìm code sau :


.thead_bar .theadrow { background:#035497 url(images/styles/ShinyBlue/style/theadBG.gif) repeat-x top left;
display:block;
width: 100%;
float: {vb:stylevar left};
position:relative;
line-height:22px;
font-size:12px;
border:1px solid #0569ab;
border-bottom:1px solid #004680;
border-top:1px solid #1f91c5;
color:#b3dde8;
}

Chỉnh sửa dòng màu đỏ và xanh cho phù hợp . Chú ý là các thông số dòng màu đỏ phải giống nhau nhé .

vo tu lu
23-08-2012, 11:11 PM
Gì mà lỗi dữ vậy trời, bạn lấy code mới luôn hả :-? .....