[分享]簡易製作自己的風格

與 phpBB 2.0.x 相關主題。

版主: 版主管理群

回覆文章
beowolf
竹貓好朋友
竹貓好朋友
文章: 267
註冊時間: 2002-04-11 21:23
來自: 竹貓東京分局
聯繫:

[分享]簡易製作自己的風格

文章 beowolf » 2002-05-24 20:05

hi.. 沒想到frank大大會pm給我,
不難, 只是要很小心, 不然連自己也會看不懂..
ok... 有兩個檔 overall_header.tpl 和 index_body.tpl.

這個phpBB簡單來說就是overall_header先跑 再跑index_body.
你只要企看別人的source code其實就是這兩個file加起來而已.
of course 還有一點overall_footer..什麼的, 那就不用太理他.

首先你要先弄一個template..或是企download 免費的. 竹貓有介紹..
http://phpbb-tw.net/phpbb/viewtopic.php?t=6141

假設你抓了這一個..
http://cybermobius.no-ip.com/download/betaimage01.jpg
紅色的部份..就放到overall_header.tpl
白色的部份就放到 index_body.tpl

不懂?
看請楚喔.....
1. 把overall_header.tpl 李裡面的, 全部移到index_body.tpl 的最前面.
(以防有錯)
其實只要你會html的話, overall_header.tpl 都可以不要

2.然後把抓下來的template 的index.htm
整條碼放進 overall_header.tpl .

3.把overall_header.tpl 裡的link..修改一下.
example:

代碼: 選擇全部

<TD VALIGN=top>

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD><A HREF="{U_INDEX}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/1.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_FAQ}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/2.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_SEARCH}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/3.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_MEMBERLIST}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/4.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_GROUP_CP}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/5.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_REGISTER}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/6.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_PROFILE}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/7.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_PRIVATEMSGS}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/8.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_LOGIN_LOGOUT}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/9.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_INDEX}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/10.gif" border=0></A></TD></TR>
<TR><TD><A HREF="{U_INDEX}"><IMG SRC="http://cybermobius.no-ip.com/bbs/templates/subCM/images/11.gif" border=0></A></TD></TR>
</TABLE>

</TD>
這是我的, then..這個檔就ok了.

index_body.tpl..的話...就把你的舊的overall_header.tpl的不要的碼弄掉就ok了... 既然你有link在上面...那...

類似這一段的都擦調吧..

代碼: 選擇全部

<td><img src="templates/RPGGvPS2/images/Buttons/Left-Block.gif"  border="0" alt="" /></td>
                      <td><a href="{U_FAQ}"><img src="templates/RPGGvPS2/images/Buttons/Button_FAQ.gif"  border="0" alt="{L_FAQ}" /></a></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                      <td><a href="{U_SEARCH}"><img src="templates/RPGGvPS2/images/Buttons/Button_SEARCH.gif"  border="0" alt="{L_SEARCH}" /></a></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Block2.gif"  border="0" alt="" /></td>
                      <td><a href="{U_MEMBERLIST}"><img src="templates/RPGGvPS2/images/Buttons/Button_MEMBERSLIST.gif"  border="0" alt="{L_MEMBERLIST}" /></a></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                      <td><a href="{U_GROUP_CP}"><img src="templates/RPGGvPS2/images/Buttons/Button_USERGROUPS.gif"  border="0" alt="{L_USERGROUPS}" /></a></td>
                      <td><img src="templates/RPGGvPS2/images/Buttons/Right-Block.gif"  border="0" alt="" /></td>
                        </tr></table>


                        <table width="780" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="{T_BODY_BGCOLOR}">
                        <tr width="780" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="{T_BODY_BGCOLOR}">
                        <td> <a href="{U_INDEX}"><img src="templates/RPGGvPS2/images/logo_RPGG.jpg" border="0" alt="{L_INDEX}" /></a></td>
                        </tr></table>

                        <table width="780" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="{T_BODY_BGCOLOR}">
                        <tr width="780" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="{T_BODY_BGCOLOR}">
                          <td><img src="templates/RPGGvPS2/images/Buttons/Left-Block.gif"  border="0" alt="" /></td>
                          <!-- BEGIN switch_user_logged_out -->
                          <td><a href="{U_REGISTER}"><img src="templates/RPGGvPS2/images/Buttons/Button_REGISTER.gif"  border="0" alt="{L_REGISTER}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><a href="{U_PROFILE}"><img src="templates/RPGGvPS2/images/Buttons/Button_PROFILE.gif"  border="0" alt="{L_PROFILE}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block2.gif"  border="0" alt="" /></td>
                          <td><a href="{U_PRIVATEMSGS}"><img src="templates/RPGGvPS2/images/Buttons/Button_PM.gif"  border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><a href="{U_LOGIN_LOGOUT}"><img src="templates/RPGGvPS2/images/Buttons/Button_LOGIN.gif"  border="0" alt="{L_LOGIN_LOGOUT}" /></a></td>
                          <!-- END switch_user_logged_out -->
                          <!-- BEGIN switch_user_logged_in -->
                          <td><a href="#"><img src="templates/RPGGvPS2/images/Buttons/Button_REGISTER.gif"  border="0" alt="{L_REGISTER}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><a href="{U_PROFILE}"><img src="templates/RPGGvPS2/images/Buttons/Button_PROFILE.gif"  border="0" alt="{L_PROFILE}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block2.gif"  border="0" alt="" /></td>
                          <td><a href="{U_PRIVATEMSGS}"><img src="templates/RPGGvPS2/images/Buttons/Button_PM.gif"  border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><img src="templates/RPGGvPS2/images/Buttons/Block.gif"  border="0" alt="" /></td>
                          <td><a href="{U_LOGIN_LOGOUT}"><img src="templates/RPGGvPS2/images/Buttons/Button_LOGOUT.gif"  border="0" alt="{L_LOGIN_LOGOUT}" /></a></td>
                          <!-- END switch_user_logged_in -->
                          <td><img src="templates/RPGGvPS2/images/Buttons/Right-Block.gif"  border="0" alt="" /></td>
                        </tr>
                        </table>
你就是要很小心的囉.. 弄錯一個...就會亂七八糟的...
我因為不是很記得html碼..所以弄了很九..
如果抓不準..可以用dreamweaver..抓位置, 你點一個位置它會告訴你那一段碼在哪... 寫得話..我是用notepad,,,最方便.





縮小的方面, 企index_body.tpl..用search ..把所有100% 的改成95% 就ok了.
一個都不要改漏..就可以了..
圖檔2014新作-達人聯盟

斷斷續續玩了12年的phpbb. 真的看不上別的論壇啊..

frank
星球公民
星球公民
文章: 170
註冊時間: 2001-11-20 09:48
來自: 跑跑好好玩
聯繫:

文章 frank » 2002-05-24 22:20

齁齁
剛回到家
今天晚上就來試試看
希望不會拉屎~
重出江湖
跑跑好好玩
http://runrun.tw
Rappelz-TW
第九封印
http://runrun.tw/Rappelz/phpBB3/index.php

beowolf
竹貓好朋友
竹貓好朋友
文章: 267
註冊時間: 2002-04-11 21:23
來自: 竹貓東京分局
聯繫:

文章 beowolf » 2002-05-24 23:06

加油喔. 不行再拿出來大家研究研究..

我的建議, 如果你是用subGreen的話.
copy多一份, 改名字 (包括裡面什麼 .css ..有的沒的..把一些link,,改掉)

變兩份subGreen. 然後你再慢慢改, 失敗就拿第一份蓋過企.
成功的話, 你就會多一個style.. 多一個選擇
圖檔2014新作-達人聯盟

斷斷續續玩了12年的phpbb. 真的看不上別的論壇啊..

frank
星球公民
星球公民
文章: 170
註冊時間: 2001-11-20 09:48
來自: 跑跑好好玩
聯繫:

文章 frank » 2002-05-24 23:59

我用的是\r
subTrail不是subGreen

ㄟ 我用joe來編輯
會自動備分啦 免緊張~
重出江湖
跑跑好好玩
http://runrun.tw
Rappelz-TW
第九封印
http://runrun.tw/Rappelz/phpBB3/index.php

回覆文章

回到「2.0」