Thắc mắc về skin Vbb 4.0.3

[atcgialai]

Em mới add cái styles hot girl linketong vào forum. Em đã edit sơ qua nhưng vì ảnh nằm ở dạng ***.png nên forum load rất chậm và rất giật. Vậy mọi người giúp em làm seo để có thể chuyển các ảnh trong styles sang ***.jpg. Và cho em hỏi làm sao để giúp forum load nhanh hơn. Em xin cảm ơn!:MatCuoi (21):

[HTT.itvn]

Để chuyển qua ảnh JPG bạn vào main CSS , ở cuối trang bạn tìm tên ảnh ( hoặc địa chỉ ảnh ) mà bạn cần thay đổi , tuỳ theo đường link dẫn đến file ảnh trong host bạn đổi đuôi ( nhớ là ảnh trên host mà bạn đã thay đổi phải cùng đinh dạng và đúng đường dẫn nhé ) .

Theo mình nghĩ thì bạn muốn thay đổi banner phải không ? Mình cũng đã từng như thế này đấy :D

[atcgialai]

Cái này mình đã thử với bên cái bo-blog nhưng trong cái file ***.xml thì không thấy có đường dẫn của thư mục chưa file ảnh và cả tên file ảnh nữa. Mình phải làm sao đây?

[HTT.itvn]

File XML thì bạn phải có phần mềm chuyên sữa chữa , khi bạn import thì nó đều nằm trong Main CSS cả đấy bạn à ( tuỳ mỗi skin khác nhau thì đường dẫn file ảnh khác nhau , nhưng cấu trúc giống nhau ) . Bạn xem kĩ lại nhé .

[atcgialai]

vậy bạn cho mình hỏi cái main Css ở đâu vậy, mà mình sửa file xml bằng notebad vẫn được mà.

[HTT.itvn]

Sửa bằng Notebad của win không được đâu bạn à , vì như thế sẽ làm hỏng hệ thống chung . Bạn thử sữa và import lên host sẽ hiểu ngay thôi , thường thì nó báo lỗi không cho import . Để vào Main CSS bạn làm theo cách sau :

Admin CP >> Style & Templates >> Style Manager >> Chọn diễn đàn cần sữa >> Chọn Main CSS >> Kéo xuống dưới trang , mục Advanced Users , mục này gồm các đường dẫn của Banner , button , logo , .... >> Bạn tìm file ảnh cần sữa và sữa theo ý bạn là được , bạn có thể thay đổi đường dẫn của file ảnh .

[atcgialai]

mình đã test rất kĩ nhưng trong khung advanden user nó chỉ có đoạn code sau thui, không thấy link đâu cả:

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

[HTT.itvn]

Hic , em không chú ý có thanh cuộn lên cuộn xuống ở bên phải cửa sổ code sao ? Em kéo xuống thì sẽ thấy ngay thôi mà :


/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
html, body{text-align:center;}
/** Header & Navigation **/
.headbg { background: url(/designs/cyborg/c_04.jpg);height:111px; }
.headpic { background: url(/designs/cyborg/c_02.gif);height:111px;width:524px; margin:0 auto;}

.navibg{ background: url(/designs/cyborg/c_06.jpg);height:33px; }
.center_navi { margin:0 auto; }

.nav_middle_pic { background: url(/designs/cyborg/c_11.gif);height:33px;width:82px; margin:0 auto;}

.c_user_cp{ background:url(/designs/cyborg/c_07.jpg);float:left;display:block; width:71px; height:33px; }
.c_user_cp a:hover { background:url(/designs/cyborg/ch_07.jpg); }
.c_register{ background:url(/designs/cyborg/c_register.jpg);float:left;display:block; width:86px; height:33px; }
.c_register a:hover{ background:url(/designs/cyborg/ch_register.jpg); }
.c_faq{ background:url(/designs/cyborg/c_08.jpg);float:left;display:block; width:86px; height:33px; }
.c_faq a:hover { background:url(/designs/cyborg/ch_08.jpg); }
.c_member{ background:url(/designs/cyborg/c_09.jpg);float:left;display:block; width:103px; height:33px; }
.c_member a:hover { background:url(/designs/cyborg/ch_09.jpg); }
.c_calendar{ background:url(/designs/cyborg/c_10.jpg);float:left;display:block; width:82px; height:33px; }
.c_calendar a:hover { background:url(/designs/cyborg/ch_10.jpg); }

.c_log_out{ background:url(/designs/cyborg/c_15.jpg);float:right;display:block; width:87px; height:33px; }
.c_log_out a:hover { background:url(/designs/cyborg/ch_15.jpg); }
.c_menu{ background:url(/designs/cyborg/c_13.jpg);float:right;display:block; width:87px; height:33px; }
.c_menu a:hover { background:url(/designs/cyborg/ch_13.jpg); }
.c_new_posts{ background:url(/designs/cyborg/c_14.jpg);float:right;display:block; width:87px; height:33px; }
.c_new_posts a:hover { background:url(/designs/cyborg/ch_14.jpg); }
.c_daily_posts{ background:url(/designs/cyborg/c_14d.jpg);float:right;display:block; width:103px; height:33px; }
.c_daily_posts a:hover { background:url(/designs/cyborg/ch_14d.jpg); }
.c_search{ background:url(/designs/cyborg/c_12.jpg);float:right;display:block; width:82px; height:33px; }
.c_search a:hover { background:url(/designs/cyborg/ch_12.jpg); }
.c_register_right{ background:url(/designs/cyborg/c_register.jpg);float:right;display:block; width:86px; height:33px; }
.c_register_right a:hover{ background:url(/designs/cyborg/ch_register.jpg); }
.c_user_cp span, .c_register span, .c_member span, .c_calendar span, .c_faq span, .c_search span, .c_new_posts span, .c_menu span, .c_daily_posts span, .c_log_out span, .c_register_right span{display:none;}

/** Contentborder **/
.top_borderbg { background: url(/designs/cyborg/c_19.jpg);height:18px; }
.top_border_middle_pic { background: url(/designs/cyborg/c_21.jpg);height:18px;width:184px; margin:0 auto; }
.top_border_right_pic { background: url(/designs/cyborg/c_25.jpg);height:18px;width:41px;float:right; }
.top_border_left_pic { background: url(/designs/cyborg/c_17.jpg);height:18px;width:41px;float:left; }

.border_left { background: url(/designs/cyborg/c_27.jpg) repeat-y top left;padding-left:41px; }
.border_right { background: url(/designs/cyborg/c_30.jpg) repeat-y top right;padding-right:41px; }

.bottom_borderbg { background: url(/designs/cyborg/c_37.jpg);height:24px; }
.bottom_border_middle_pic { background: url(/designs/cyborg/c_35.jpg);height:24px;width:314px; margin:0 auto; }
.bottom_border_right_pic { background: url(/designs/cyborg/c_39.jpg);height:24px;width:41px;float:right; }
.bottom_border_left_pic { background: url(/designs/cyborg/c_33.jpg);height:24px;width:41px;float:left; }

/** Content **/
.forbg { background: url(/designs/cyborg/c_border_05.jpg); height: 34px; }
.forr { background: url(/designs/cyborg/c_border_06.jpg) no-repeat top right; height: 34px; }
.forl { background: url(/designs/cyborg/c_border_left.gif) no-repeat top left; height: 34px; }

.t_bg { background: #F7F7F7 url(/designs/cyborg/t_bg.gif) repeat-x top left;}
.t_bg_left { background: #F7F7F7 url(/designs/cyborg/t_bg_left.jpg) no-repeat top left;}
.t_bg_right { background: #F7F7F7 url(/designs/cyborg/t_bg_right.jpg) no-repeat top right;}
.t_bg, .t_bg_left, .t_bg_right {font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;padding:6px 4px 6px 4px;}

.c_border_left { background: url(/designs/cyborg/c_border_13.jpg) repeat-y top left;padding-left:3px; }
.c_border_right { background: url(/designs/cyborg/c_border_11.jpg) repeat-y top right;padding-right:3px; }

.c_border_bottombg { background: url(/designs/cyborg/c_border_19.jpg); height: 19px; }
.c_border_bottom_left{ background: url(/designs/cyborg/c_border_16.jpg) no-repeat top left; height: 19px; }
.c_border_bottom-right{ background: url(/designs/cyborg/c_border_21.jpg) no-repeat top right; height: 19px; }

.fortitel{padding: 13px 0px 0px 52px; font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; }
.frl {}

.pib {border-left: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;padding: 3px 3px 3px 3px; }
.pibu { border: 1px solid #C9C9C9;background-color: #EDEDED;margin-top: 2px; }

/** Footer **/
.c_footer { background: url(/designs/cyborg/c_41.jpg);height:29px; }
.c_link { width:50%;font:bold 11px tahoma; }
.footer_middle_pic { margin-left:1px;background: url(/designs/cyborg/c_44.jpg);height:29px; width:197px; }
.footer_left_pic { background: url(/designs/cyborg/c_40.jpg);height:29px; width:83px; }
.footer_right_pic { background: url(/designs/cyborg/c_47.jpg);height:29px; width:83px; }

.copyright { font:10px tahoma;padding-top:16px; }
img { border:0; }
Trên là code main CSS của anh để thử nghiệm , em chú ý những đường dẫn đuôi . JPG , .GIF...

[atcgialai]

Không thấy, em đã copy toàn bộ đoạn mã rồi mà, em hem hiểu là cái đường dẫn của ảnh nó ở đâu nữa.

[HTT.itvn]

Ví dụ file ảnh banner của anh có tên là c_02.gif thì code đường dẫn file ảnh như sau :

.headpic { background: url(/designs/cyborg/c_02.gif);height:111px;width:524px; margin:0 auto;}

Em thử tìm các tính năng có liên quan đến CSS xem sao .