Skin 2.0 convert by hackerthanglongset9000

Hướng dẫn Export skin 2.0 convert by hackerthanglongset9000

- Cách này hơi thủ công vì tui chưa xem được cấu trúc Export của ipb2.0 như thế nào vì khi export ra chỉ có 2 file tar. Ok bắt đầu đi nào

Tác giả: Hackerthanglongset9000
Email: hackerthanglongset9000@yahoo.co.uk ( cũng là nick chat )
Version: 1.0
Loại skin: ambedience1.3 được convert sang 2.0 thành skin ambedience2.0 trong suốt version 1.0 ( vì chưa hoàn chỉnh lắm )

Okies !!!! Lưu ý là cài đặt IBP 2.0 rùi nha.

- Bước 1: Giải nén ra ta được cacheid_2 và Images. Bạn vào ACP -> Skin & Templates -> Skin Manager -> Chọn skin mặc định -> Edit Root Skin Stylesheet (CSS Advanced Mode). Xoá tất cả các css trong đó rùi chép cái sau vào.

/* ======================================== */
/* General Styles */
/* ======================================== */
html {
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE */
}
.snowstrip {background-image: url(1/snowstrip.gif); padding: 4px;}

.avatar {text-align: left; background-image: url(1/avastrip.gif); padding-left: 1px; padding-right: 1px;}

.wrapfoot { height: 20px;text-decoration: none; color: #666666; background-image: url(1/wrapfoot.gif); padding: 8px;}

.msg { background-position: center; background-repeat: no-repeat; background-image: url(1/mem_mess.gif) }

.shadowL { background-image: url(1/left_shadow.gif); width: 7px; background-repeat: repeat-y;}

.shadowR { background-image: url(1/right_shadow.gif); width: 3px; background-repeat: repeat-y; }
body{
background-color: transparent;
background-image: url(1/main_bg.gif);
color: #000;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: 11px;
margin: 0px;
padding: 0px;
text-align: center; /* centers board in MSIE known bug workaround */
}

table,tr,td{
background-color: transparent;
font-family: Verdana, Tahoma, Arial, sans-serif;
color: #000000;
font-size: 11px;
}

form{
border: 0px solid #000;
display: inline;
margin: 0px;
padding: 0px;
}

img{
border: 0px solid #000;
vertical-align: middle;
}

a:link,
a:visited,
a:active{
background-color: transparent;
color: #000;
text-decoration: underline;
}

a:hover{
background-color: transparent;
color: #4969AA;
text-decoration: underline;
}

/* ======================================== */
/* PM Notification inline window
/* ======================================== */

#pmnotifywrap
{
border: 1px solid #CE0000;
background: transparent;

}

.pmnotifytop,
.pmnotifytop a:link,
.pmnotifytop a:visited,
.pmnotifytop a:active
{
font-weight: bold;
color: #FFF;
background:transparent;
padding: 6px 5px 2px 5px;
font-size: 14px;
}

/* ======================================== */
/* Page links
/* ======================================== */

.pagelink
{
background-color: transparent;
border: 1px solid #072A66;
padding:1px 3px 1px 3px;
color: #000;
font-weight:normal;
}

.pagelinklast
{
background-color: transparent;
border: 1px solid #072A66;
padding:1px 3px 1px 3px;
color: #000;
font-weight:normal;
}

.pagecurrent
{
background-color: transparent;
border: 1px solid #072A66;
padding:1px 3px 1px 3px;
color: #000;
font-weight:normal;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link
{
text-decoration:none;
color: #000;
font-weight:normal;
}

.minipagelink
{
background-color: transparent;
border: 1px solid #C2CFDF;
padding:1px 3px 1px 3px;
color: #000;
font-size:10px;
font-weight:normal;
margin-right:1px;
}

.minipagelinklast
{
background-color: transparent;
border: 1px solid #C2CFDF;
padding:1px 3px 1px 3px;
color: #000;
font-size:10px;
font-weight:normal;
margin-right:1px;
}

.fauxbutton
{
border:1px solid #4C77B6;
background-color: transparent;
padding:4px;
font-size:10px;
font-weight:normal;
color: #000;
}
.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active
{
color: #000;
text-decoration: none;
}

/* ======================================== */
/* MAIN WRAPPER ID */
/* ======================================== */
/* Adjust forum width here. Leave margins alone to auto-center content */
#ipbwrapper{
text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
width: 100%;
margin: 20px auto 20px auto;
}

/* ======================================== */
/* BOARD HEADER STYLES */
/* ======================================== */
#logostrip{
background-color: transparent;
background-image: url(1/logo_bg.gif);
border-bottom: 5px solid #072A66;
border-left: 1px solid #072A66;
border-right: 1px solid #072A66;
border-top: 1px solid #072A66;
height: 52px;
margin: 0px;
padding: 0px;
}

#logostripinner{
background-color: transparent;
background-image: url(1/logo_bg.gif);
background-position: right;
background-repeat: no-repeat;
height: 52px;
margin: 0px;
padding: 0px;
}

#logographic{
background-color: transparent;
background-image: url(1/logo_bg.gif);
background-position: left;
background-repeat: no-repeat;
cursor: pointer;
height: 52px;
margin: 0px;
padding: 0px;
}

#submenu{
background-color: transparent;
border-bottom: 0px solid #BCD0ED;
border-left: 1px solid #BCD0ED;
border-right: 1px solid #BCD0ED;
border-top: 1px solid #BCD0ED;
color: #000;
font-size: 10px;
font-weight: bold;
margin: 0px;
padding: 5px 0px 5px 0px;
}

#submenu a:link,
#submenu a:visited,
#submenu a:active{
background-color: transparent;
color: #3A4F6C;
font-weight: bold;
font-size: 10px;
margin: 0px;
padding: 5px;
text-decoration: none;
}

#submenu a:hover{
background-color: transparent;
color: #222;
font-weight: bold;
font-size: 10px;
margin: 0px;
padding: 5px;
text-decoration: none;
}

#userlinks{
background-color: transparent;
border-bottom: 1px solid #C2CFDF;
border-left: 1px solid #C2CFDF;
border-right: 1px solid #C2CFDF;
border-top: 1px solid #C2CFDF;
}

#userlinks td{
color: #222;
font-size: 10px;
}

#userlinksguest{
background-color: transparent;
border-bottom: 1px solid #FEAA85;
border-left: 1px solid #FEAA85;
border-right: 1px solid #FEAA85;
border-top: 1px solid #FEAA85;
}

#userlinksguest td{
background-color: transparent;
color: #DE4704;
font-size: 10px;
}

#userlinksguest a:hover{
background-color: transparent;
color: #DE4704;
text-decoration: underline;
}

/* ======================================== */
/* BOARD NAVIGATION STYLES */
/* ======================================== */
#navstrip{
background-color: transparent;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-top: 0px solid #CCC;
color: #C2CFDF;
font-size: 12px;
font-weight: bold;
padding: 8px 0px 8px 6px;
}

#navstrip a:link,
#navstrip a:visited,
#navstrip a:active{
background-color: transparent;
color: #222;
text-decoration: none;
}

#navstrip a:hover{
background-color: transparent;
color: #5176B5;
text-decoration: none;
}

/* ======================================== */
/* BOARDS VIEW STUFF */
/* ======================================== */

.newslink{
background-color: transparent;
border-bottom: 1px solid #C2CFDF;
border-left: 1px solid #C2CFDF;
border-right: 1px solid #C2CFDF;
border-top: 1px solid #C2CFDF;
color: #222;
font-size: 10px;
margin: 0px;
padding: 5px;
}

.newslink td{
font-size: 10px;
}

.newslink span{
background-color: transparent;
color: #072A66;
font-style: italic;
font-weight: normal;
}

.newslink input
{
background-color: transparent;
border: 1px solid #999;
color: #072A66;
font-size: 10px;
padding: 3px;
vertical-align: middle;
}

.newslink input.button{
background-color: transparent;
border: 0px solid #999;
color: #072A66;
vertical-align: middle;
}

.tableborder{
border: 1px solid #000000;
background-color: transparent;
padding: 0px;
margin: 0px;
}

/* Main table top (dark blue gradient by default) */
.maintitle{
background-color: transparent;
background-image: url(1/tile_back.gif);
/*border-bottom: 0px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;*/
color: #000000;
font-size: 12px;
font-weight: bold;
padding: 5px 8px 8px 8px;
}

.maintitle a:link,
.maintitle a:visited,
.maintitle a:active{
background-color: transparent;
color: #000000;
text-decoration: none;
}

.maintitle a:hover{
background-color: transparent;
color: #F1F1F1;
text-decoration: none;
}

.titlemedium{
background-color: transparent;
background-image: url(1/tile_sub.gif);
color: #000000;
font-weight: bold;
margin: 0px;
padding: 5px;
}

.titlemedium a:link,
.titlemedium a:visited,
.titlemedium a:active{
background-color: transparent;
color: #000000;
text-decoration: none;
}

.catend{
background-color: transparent;
color:#000;
font-size: 1px;
height: 5px;
}

.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active,
.forumdesc
{
background-color: transparent;
font-size: 10px;
color: #434951;
margin-left: 0px;
margin-top: 2px;
padding: 0px;
line-height:130%;
}

.toplinks{
background-color: transparent;
color: #000;
margin: 0px;
padding: 0px 0px 5px 0px;
text-align: right;
}

.toplinks span{
background-color: transparent;
border-bottom: 0px solid #C2CFDF;
border-left: 1px solid #C2CFDF;
border-right: 1px solid #C2CFDF;
border-top: 1px solid #C2CFDF;
color: #000;
font-size: 10px;
margin-right: 10px;
padding: 5px;
}

.pformstrip{
background-color: transparent;
background-image: url(1/tile_sub.gif);
color: #000000;
font-weight: bold;
margin-top: 1px;
padding: 7px;
}

.copyright{
font-family: Verdana, Tahoma, Arial, Sans-Serif;
font-size: 10px;
line-height: 12px;
}

.activeusers{
background-color: transparent;
border: 1px solid #072A66;
color: #000;
margin: 0px;
padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style:italic;
text-decoration: none;
border-bottom:1px dotted black;
}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach
{
border:1px solid #EEF2F7;
padding: 11px 2px 2px 2px;
background-color: transparent;
background-image: url(1/click2enlarge.gif);
background-position: top right;
background-repeat: no-repeat;
margin-right: 2px;
}

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:transparent;padding:4px;margin:0px }

.caldateweek
{
text-align:center;
font-weight:bold;
font-size:14px;
color:#000;
background-color:transparent;
padding:6px;
margin:0px;
border-right:1px solid #AAA;
}

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:20px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #000000;background-color: transparent }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpmenu a:link, #ucpmenu a:active, #ucpmenu a:visited { text-decoration:none; }

#ucpcontent { background-color: transparent; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

.activeuserstrip { background-color:transparent; padding:6px }

/* Form stuff (post / profile / etc) */
.pformleft { padding: 4px 4px 4px 4px; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 0px; border-left-color: #e9e9e9; border-bottom-color: #e6e6e6; border-right-color: #e9e9e9; border-top-color: #e9e9e9; border-style: dashed; background-color: transparent; }
.pformleftw { background-color: transparent; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { padding: 4px; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 0px; border-left-color: #e9e9e9; border-bottom-color: #e6e6e6; border-right-color: #e9e9e9; border-top-color: #e9e9e9; border-style: dashed; background-color: transparent; }

/* Topic View elements */
.signature { font-size: 10px; color: #339; line-height:150% }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #666666 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #990000 }
.nbsdesignz { padding: 1px 1px 1px 1px; border-left-width: 0px; border-bottom-width: 5px; border-right-width: 0px; border-top-width: 5px; border-left-color: #e9e9e9; border-bottom-color: #e6e6e6; border-right-color: #e9e9e9; border-top-color: #f9f9f9; border-style: solid; background-color: transparent;}

.nbsdesignz1 { font-size: 9px; color: #f9f9f9;padding: 1px; background-color: transparent; background-image: url(1/tile_sub.gif) }

.post1 { background-color: transparent }
.post2 { background-color: transparent }

.post1shaded { background-color: transparent }
.post2shaded { background-color: transparent }

.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(1/tile_sub.gif) }

/*------------------------------------------------------*/
/* Common elements: Row colours for forums, topics, etc */
/*------------------------------------------------------*/
.row1 { padding: 4px 4px 4px 4px; background-color: transparent; }
.row2 { padding: 4px 4px 4px 4px; background-color: transparent; }
.row3 { padding: 4px 4px 4px 4px; background-color: transparent; }
.row4 { padding: 4px 4px 4px 4px; background-color: transparent; }

.row2shaded { background-color: transparent }
.row4shaded { background-color: transparent }

.darkrow1 { background-color: transparent; color:#333333; }
.darkrow2 { background-color: transparent; color:#f9f9f9; }
.darkrow3 { background-color: transparent; color:#333333; }

.hlight { background-color: transparent }
.dlight { background-color: transparent }

/* tableborders gives the white column / row lines effect */
.plainborder { border:1px solid #e6e6e6;background-color:transparent }
.tablefill { padding: 6px; background-color: transparent; }
.tablepad { background-color:transparent;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px; background-color: transparent }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#4969AA }
.edit { font-size: 9px }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.forminput,
.textarea,
.dropdown,
.searchinput
{
border:1px solid #4C77B6;
background-color: transparent;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
padding:2px;
}

.button
{
border:1px solid #4C77B6;
background-color: transparent;
font-size: 11px;
font-family: verdana, helvetica, sans-serif;
vertical-align: middle;
padding:2px;
}

.radiobutton,
.checkbox { }

.thin { padding:6px 0px 6px 0px;line-height:160%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

/* ======================================== */
/* NEW QUOTE / CODE WRAPPERS */
/* ======================================== */

.quotetop
{
color: #000;
margin: 8px auto 0px auto;
font-weight:bold;
font-size:10px;
padding: 3px;
background-color:transparent;
background-image: url(1/css_img_quote.gif);
background-position: right;
background-repeat: no-repeat;
border-left: 4px solid #8394B2;
border-top: 1px dotted #000;
border-right: 1px dotted #000;
}
.quotemain
{
color: #465584;
background-color: transparent;
border-left: 4px solid #8394B2;
border-right: 1px dotted #000;
/*border-top: 1px dotted #000;*/
border-bottom: 1px dotted #000;
padding: 4px;
margin: 0px auto 8px auto;
}

.codetop,
.sqltop,
.htmltop
{
width:98%;
color: #000;
margin: 0px auto 0px auto;
font-weight:bold;
padding: 3px;
background-color:transparent;
background-image: url(1/css_img_code.gif);
background-position: right;
background-repeat: no-repeat;
}
.codemain,
.sqlmain,
.htmlmain
{
font-family: Courier, Courier New, Verdana, Arial;
color: #465584;
background-color: transparent;
border: 1px dotted #000;
padding: 2px;
width:98%;
margin: 0px auto 0px auto;
/*overflow: auto;
height: 200px;*/
}

/* ======================================== */
/* OLD DEPRECIATED - BACKWARDS COMPAT. */
/* ======================================== */

#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #333333; background-color: #eeeeee; border: 1px solid #4969AA; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { white-space:normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #333333; background-color: #eeeeee; border: 1px solid #4969AA; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.googleroot { padding: 6px; line-height: 130% }

.googlechild { padding: 6px; margin-left: 30px; line-height: 130% }

.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size: 11px; color: #3A4F6C }

.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #00D }

.googlepagelinks { font-size: 1.1em; letter-spacing: 1px }

.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #666666 }

Rùi nhấn Save nha.

Bước 3: vào root forum tìm thư mục style_images/1 xoá tất cả các file và folder trong thư mục1 đi, rùi chép các file & folder trong thư mục images mà bạn đã giải nén vào đó.

Bước 4: Chép các file trong thư mục cacheid_2 mà bạn đã giải nén ra copy vào thư mục cacheid_2 trong root forum skin_cache của bạn.

Xong rùi đó thía là bạn đã có skin 2.0 rùi, đây chỉ là version 1.0 do tôi convert thui, chưa edit lại Images trong đó, bạn có thể dùng chính thức, version 2.0 là version cuối cùng của bộ skin này sẽ có folder lang việt và edit lại toàn bộ images.

Xin vui lòng giữ bản quyền convert skin. Ai ko giữ bản quyền tui sẽ ko share bất kỳ skin nào nữa đâu đoá. Link cuối cùng của forum xin đừng del. cảm ơn và chúc thành công.