[問題]怎麼縮小版面(已解決謝謝文)
版主: 版主管理群
Re: [問題]怎麼縮小版面
善用 搜尋 可以解決您 90% 的問題
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
[問題]怎麼改
問題外掛：縮小版面(這是外掛嗎?)
參考連結： http://phpbb-tw.net/phpbb/viewtopic.php ... t=%C1Y%A4p
使用版本：phpBB 2.0.3
網站位置：winxp
狀況描述：
我把width="100%改成50%了還是一樣不變
cellspacing="0" cellpadding="0" border="0">是不是也要改阿\r
如果要改像竹貓這樣寬如何改呢
參考連結： http://phpbb-tw.net/phpbb/viewtopic.php ... t=%C1Y%A4p
使用版本：phpBB 2.0.3
網站位置：winxp
狀況描述：
我把width="100%改成50%了還是一樣不變
cellspacing="0" cellpadding="0" border="0">是不是也要改阿\r
如果要改像竹貓這樣寬如何改呢
最後由 jessie 於 2004-03-14 16:48 編輯，總共編輯了 1 次。
Re: [問題]怎麼改
你必須改的檔案是 overall_header.tpljessie 寫:問題外掛：縮小版面(這是外掛嗎?)
參考連結： http://phpbb-tw.net/phpbb/viewtopic.php ... t=%C1Y%A4p
使用版本：phpBB 2.0.3
網站位置：winxp
狀況描述：
我把width="100%改成50%了還是一樣不變
cellspacing="0" cellpadding="0" border="0">是不是也要改阿\r
如果要改像竹貓這樣寬如何改呢
找到 :
代碼: 選擇全部
<table class="bodyline" width="[color=blue]100[/color]%" cellspacing="0" cellpadding="0" border="0"align="center">善用 搜尋 可以解決您 90% 的問題
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
[問題]照做了但沒變
我照規定修改了
但我的版面還是一樣不理我...
但我的版面還是一樣不理我...
Re: [問題]照做了但沒變
這是我的程式碼跟你提供的有點不同不知道是不是這樣所以出問題
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="50%" cellspacing="0" cellpadding="0" border="0">
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="50%" cellspacing="0" cellpadding="0" border="0">
Re: [問題]照做了但沒變
你改錯段了= =..jessie 寫:這是我的程式碼跟你提供的有點不同不知道是不是這樣所以出問題
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="50%" cellspacing="0" cellpadding="0" border="0">
把 overall_header.tpl 貼上來我看看 ~
善用 搜尋 可以解決您 90% 的問題
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
頭腦清晰，選擇正確。 (╯▔︹▔)╯~╘═╛
[問題]沒有阿沒開錯
相信你我的眼睛
除了這段沒別段的了
[問題]幫我看看吧
代碼: 選擇全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
The original subSilver Theme for phpBB version 2+
Created by subBlue design
http://www.subBlue.com
NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
theme administration centre. When you have finalised your style you could cut the final CSS code
and place it in an external file, deleting this section to save bandwidth.
*/
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-color: {T_BODY_BGCOLOR};
scrollbar-face-color: {T_TR_COLOR2};
scrollbar-highlight-color: {T_TD_COLOR2};
scrollbar-shadow-color: {T_TR_COLOR2};
scrollbar-3dlight-color: {T_TR_COLOR3};
scrollbar-arrow-color: {T_BODY_LINK};
scrollbar-track-color: {T_TR_COLOR1};
scrollbar-darkshadow-color: {T_TH_COLOR1};
}
/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
hr { height: 0px; border: solid {T_TR_COLOR3} 0px; border-top-width: 1px;}
/* This is the border line & background colour round the entire page */
.bodyline { background-color: {T_TD_COLOR2}; border: 1px {T_TH_COLOR1} solid; }
/* This is the outline round the main forum tables */
.forumline { background-color: {T_TD_COLOR2}; border: 2px {T_TH_COLOR2} solid; }
/* Main table cell colours and backgrounds */
td.row1 { background-color: {T_TR_COLOR1}; }
td.row2 { background-color: {T_TR_COLOR2}; }
td.row3 { background-color: {T_TR_COLOR3}; }
/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: {T_TD_COLOR2};
background-image: url(templates/subSilver/images/{T_TH_CLASS3});
background-repeat: repeat-y;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
background-color: {T_BODY_LINK}; height: 25px;
background-image: url(templates/subSilver/images/{T_TH_CLASS2});
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(templates/subSilver/images/{T_TH_CLASS1});
background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}
/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}
th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }
/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}
/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: {T_BODY_HLINK}; text-decoration: underline; }
/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu { text-decoration: none; color : {T_BODY_LINK}; }
a.mainmenu:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Forum category titles */
.cattitle { font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle { text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: underline; }
/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink { text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: underline; color : {T_BODY_HLINK}; }
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav { text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover { text-decoration: underline; }
/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2 { font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }\r
a.topictitle:hover { text-decoration: underline; color : {T_BODY_HLINK}; }
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
/* Location, number of posts, post date etc */
.postdetails { font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }
/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link { text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: underline; color : {T_BODY_HLINK}}
/* Quote & Code blocks */
.code {
font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright { font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright { color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: underline;}
/* Form elements */
input,textarea, select {
color : {T_BODY_TEXT};
font: normal {T_FONTSIZE2}px {T_FONTFACE1};
border-color : {T_BODY_TEXT};
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : {T_TD_COLOR2};
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
background-color : {T_TR_COLOR1};
color : {T_BODY_TEXT};
font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}
/* The main submit button option */
input.mainoption {
background-color : {T_TD_COLOR1};
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color : {T_TD_COLOR1};
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG} )
{
window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>
<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="{U_INDEX}"><img src="templates/subSilver/images/logo_phpBB.gif" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle"><span class="maintitle">{SITENAME}</span><br /><span class="gen">{SITE_DESCRIPTION}<br /> </span>
<table cellspacing="0" cellpadding="2" border="0">
<tr>
<td align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span><span class="mainmenu"> <a href="{U_SEARCH}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_search.gif" width="12" height="13" border="0" alt="{L_SEARCH}" hspace="3" />{L_SEARCH}</a> <a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_members.gif" width="12" height="13" border="0" alt="{L_MEMBERLIST}" hspace="3" />{L_MEMBERLIST}</a> <a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_groups.gif" width="12" height="13" border="0" alt="{L_USERGROUPS}" hspace="3" />{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_register.gif" width="12" height="13" border="0" alt="{L_REGISTER}" hspace="3" />{L_REGISTER}</a></span>
<!-- END switch_user_logged_out -->
</td>
</tr>
<tr>
<td height="25" align="center" valign="top" nowrap="nowrap"><span class="mainmenu"> <a href="{U_PROFILE}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_profile.gif" width="12" height="13" border="0" alt="{L_PROFILE}" hspace="3" />{L_PROFILE}</a> <a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a> <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_login.gif" width="12" height="13" border="0" alt="{L_LOGIN_LOGOUT}" hspace="3" />{L_LOGIN_LOGOUT}</a> </span></td>
</tr>
</table></td>
</tr>
</table>
<!-- BEGIN switch_enable_board_msg -->
<br />
<center>
<table border="0" class="forumline">
<tr>
<th colspan="3" class="thCornerL" height="25" nowrap="nowrap"> {L_BOARD_MSG} </th>
</tr>
<tr>
<td class="row1"><center><img src="images/vi.gif"></center></td>
<td class="row1"><span class="gen">{BOARD_MSG}</a></span></td>
<td class="row1"><center><img src="images/vi.gif"></center></td>
</tr>
</table>
</center>
<!-- END switch_enable_board_msg -->
<br />
\r
●架設主機作業系統：WindowsXP
●快速架站程式：Appserv2.3.0
●上網方式：中華電信ADSL
●安裝的程式：Apache + php + MySql
●phpBB2 版本： 2.0.8a
●安裝的外掛
●快速架站程式：Appserv2.3.0
●上網方式：中華電信ADSL
●安裝的程式：Apache + php + MySql
●phpBB2 版本： 2.0.8a
●安裝的外掛
補充：剛沒看清楚！你給的原始檔是overall_header.tpl
你要做的是縮小整個BB的大小還是要縮小文章板面？
如果是文章板面我會建議在overall_header.tpl底端+上
<table width="500"><tr><td>
然後再overall_footer.tpl頂端+上</td></tr></table>
這樣就可以控制整體的大小！但是我沒原始風格的檔案...
所以還不是很確定它是怎麼寫的...！先試試吧～
以下是補充前的文章
很明顯的...
把第一個table的width="100%"改成width="500"
%是依照你瀏覽器的解析度&上個table給予的空間來改變的...所以是活的！
而直接給予500(像素質)它就變成死的...不管你解析度為何！它都會維持在500...
依照不同的需求給予不同的值...多試試吧！設計最重要的就是table(個人認為...)
還是不懂可以直接到 http://dob.tnc.edu.tw/index.php
或到我站上直接看原始檔 http://www.gamehack.idv.tw
ps:不過很多人說我寫的很亂...所以...呵！因該不是個好Sample吧？
你要做的是縮小整個BB的大小還是要縮小文章板面？
如果是文章板面我會建議在overall_header.tpl底端+上
<table width="500"><tr><td>
然後再overall_footer.tpl頂端+上</td></tr></table>
這樣就可以控制整體的大小！但是我沒原始風格的檔案...
所以還不是很確定它是怎麼寫的...！先試試吧～
以下是補充前的文章
很明顯的...
代碼: 選擇全部
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}" />
<a name="top"></a>
<table [color=darkred][b]width="100%" [/b][/color]cellspacing="0" cellpadding="10" border="0" align="center">%是依照你瀏覽器的解析度&上個table給予的空間來改變的...所以是活的！
而直接給予500(像素質)它就變成死的...不管你解析度為何！它都會維持在500...
依照不同的需求給予不同的值...多試試吧！設計最重要的就是table(個人認為...)
還是不懂可以直接到 http://dob.tnc.edu.tw/index.php
或到我站上直接看原始檔 http://www.gamehack.idv.tw
ps:不過很多人說我寫的很亂...所以...呵！因該不是個好Sample吧？