求高手幫忙.. 模板制做問題
我自己用div+css寫了個 discuz.htm的框架.. 但上傳後不是位置錯誤就是圖片顯示錯誤 求高手幫我下文件代碼如下:
discuz.htm
{template header}
<div id="pagebody"><!--頁面主體-->
<div id="main_left"><!--頁面左邊欄-->
<div id="dh"><!--導行主題-->
</div>
<div id="dh_right"><!--導行右邊背景-->
</div>
<div id="oii_login"><!--登陸框-->
</div>
<div id="main_r10_c2"><!--登陸左邊-->
</div>
<div id="main_r10_c3"><!--登陸背景-->
</div>
<div id="main_r14_c2"><!--資料框-->
</div>
<div id="main_r15_c2"><!--資料框左邊-->
</div>
<div id="main_r15_c3"><!--資料框標題--></div>
<div id="main_r16_c3"><!--資料框內容--></div>
</div>
<div id="main_right"><!--主體右邊-->
<div id="main_r3_c5"><!--主體右邊上背景--></div>
<div id="main_r4_c5"><!--公告標題--></div>
<div id="main_r4_c8"><!--公告背景--></div>
<div id="main_r5_c5"><!--標題上--></div>
<div id="main_r7_c5"><!--標題左--></div>
<div id="main_r7_c6"><!--標題主題--></div>
<div id="main_r10_c5"><!--標題下--></div>
<div id="main_r5_c8"><!--標題右--></div>
<div id="main_r5_c9"><!--短片上--></div>
<div id="main_r6_c10"><!--短片右--></div>
<div id="main_r6_c9"><!--短片主體--></div>
<div id="main_r11_c9"><!--短片下--></div>
<div id="main_r3_c11"><!--主體右邊--></div>
<div id="main_r17_c4"><!--內容左--></div>
<div id="main_r13_c11"><!--內容右--></div>
</div>
</div>
{template footer}
css.htm 最底下增加了以下語句
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nes oii ~~~~ */
#pagebody {
position:absolute;
height: 100%;
width: 100%;
left: 23;
top: 165;
}
#main_left { position:absolute; left:0; top:0; width:226px; height:652px;}
#dh {
position:absolute;
left:0px;
top:0px;
width:200px;
height:282;
background-image: url(images/main_r3_c2.gif);
}
#dh_right {
position:absolute;
left:197px;
top:0px;
width:29px;
height:652px;
background-image: url(images/main_r3_c4.gif);
}
#oii_login {
position:absolute;
left:0px;
top:282px;
width:197px;
height:49px;
background-image: url(images/main_r8_c2.gif);
}
#main_r10_c2 {
position:absolute;
width: 23;
height: 131;
background-image: url(images/main_r9_c2.gif);
left: 0px;
top: 331px;
}
#main_r10_c3 {
position:absolute;
width: 174;
height: 133;
background-image: url(images/main_r9_c3.gif);
left: 23px;
top: 331px;
}
#main_r14_c2 {
position:absolute;
width: 197;
height: 24;
background-image: url(images/main_r14_c2.gif);
left: 0px;
top: 464px;
}
#main_r15_c2 {
position:absolute;
width: 23;
height: 158;
background-image: url(images/main_r15_c2.gif);
left: 0px;
top: 488px;
}
#main_r15_c3 {
position:absolute;
width: 174;
height: 38;
background-image: url(images/main_r15_c3.gif);
left: 23px;
top: 488px;
}
#main_r16_c3 {
position:absolute;
width: 174;
height: 126;
background-image: url(images/main_r16_c3.gif);
left: 23px;
top: 526px;
}
#main_right {
position:absolute;
width: 641px;
left: 227px;
top: 0;
height: 100%;
}
#main_r3_c5 {
position:absolute;
width: 604;
height: 120;
background-image: url(images/main_r3_c5.gif);
left: -1px;
}
#main_r4_c5 {
position:absolute;
width: 140;
height: 46;
background-image: url(images/main_r4_c5.gif);
top: 120px;
left: -1px;
}
#main_r4_c8 {
position:absolute;
width: 464;
height: 46;
background-image: url(images/main_r4_c7.gif);
left: 140px;
top: 120px;
}
#main_r5_c5 {
position:absolute;
width: 327;
height: 53;
background-image: url(images/main_r5_c5.gif);
left: -1px;
top: 166px;
}
#main_r7_c5 {
position:absolute;
width: 12;
height: 142px;
background-image: url(images/main_r7_c5.gif);
left: -1px;
top: 219px;
}
#main_r7_c6 {
position:absolute;
width: 315;
height: 142;
background-image: url(images/main_r7_c6.gif);
left: 11px;
top: 219px;
}
#main_r10_c5 {
position:absolute;
width: 327;
height: 46;
background-image: url(images/main_r10_c5.gif);
top: 361px;
left: -1px;
}
#main_r5_c8 {
position:absolute;
width: 32;
height: 241;
background-image: url(images/main_r5_c8.gif);
left: 326px;
top: 166px;
}
#main_r5_c9 {
position:absolute;
width: 245;
height: 21;
background-image: url(images/main_r5_c9.gif);
left: 358px;
top: 167px;
}
#main_r6_c10 {
position:absolute;
width: 9;
height: 189;
background-image: url(images/main_r6_c10.gif);
left: 594px;
top: 188px;
}
#main_r6_c9 {
position:absolute;
width: 236;
height: 189;
background-image: url(images/main_r6_c9.gif);
left: 358px;
top: 188px;
}
#main_r11_c9 {
position:absolute;
width: 245;
height: 31;
left: 358px;
top: 376px;
background-image: url(images/main_r11_c9.gif);
}
#main_r3_c11 {
position:absolute;
width: 35;
height: 425;
left: 599px;
top: 0px;
background-image: url(images/main_r3_c11.gif);
}
#main_r12_c5 {
position:absolute;
width: 604;
height: 540;
left: 0px;
top: 488px;
background-image: url(images/main_r6_c9.gif);
}
#main_r17_c4 {
position:absolute;
width: 29;
height: 295;
background-image: url(images/main_r17_c4.gif);
top: 651px;
left: -30px;
}
#main_r13_c11 {
position:absolute;
width: 22;
height: 522;
left: 599px;
top: 425px;
background-image: url(images/main_r13_c11.gif);
} 自己推一推 :)
页:
[1]
