我該如何將圖像移到中間呢? (以解決)

[cvk307]

圖：



我想將圖像往旁邊移一點

使她看起來比較置中！

我要如何排呢？

我想在問幾個問題！

我之前玩過一陣子的ｐｈｐｂｂ　但都只是裝裝外掛

現在想自己做自己想要的風格！

但是我概念有點少！　今天去借有關ｈｔｍｌ＆ｃｓｓ的語法書來看

但是我想請問大大能不能給我一些基本觀念

例如像是　排版時候　我們該注意的事情！

或者是一些很基本常用到的語法！

感謝大大的回覆！

[cvk307]

在請問 我有個和jacktu大大一樣的問題

那就是點入版區之後的主題與主題間的顯示似乎沒有像subSilver一樣的分隔線，主題多時瀏覽可能眼晴會有點花花的

我想分格線也好 不知道還有沒有其他能讓版與版之間較分明的方法

http://ms3.npu.edu.tw/~d94405008/453453453.JPG


我試過御津闇慈大的方法 但是沒辦法顯示出來...

不過在viewforum_body.tpl這個檔案
找<!-- END topicrow -->
在上面加上
<tr>
<td colspan="2">
<hr>
</td>
</tr>
功能就像viewtopic一樣
會有一條分隔線

我的viewforum_body.tpl 檔

代碼: 選擇全部

<form method="post" action="{S_POST_DAYS_ACTION}">
  <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
	<tr> 
	  <td align="left" valign="bottom" colspan="2"><span class="gensmall"><b><br />
      <br />{LOGGED_IN_USER_LIST}</b></span></td>
	  <td align="right" valign="bottom" nowrap="nowrap"><span class="gensmall"><b>{L_MODERATOR}: {MODERATORS}</b></span></td>
	</tr>
	<tr> 
	  <td align="left" valign="middle" width="50"><a href="{U_POST_NEW_TOPIC}"><b><font color=red>Post</font></b></a></td>
	  <td align="left" valign="middle" class="nav" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a class="nav" href="{U_VIEW_FORUM}">{FORUM_NAME}</a></span></td>
	  <td align="right" valign="bottom" class="nav" nowrap="nowrap"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
	</tr>
  </table>

  <table border="0" cellpadding="4" cellspacing="1" width="100%" class="forumline">
	<tr> 
	  <td colspan="2" align="center" height="25" class="row3" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</td>
	  <td width="50" align="center" class="row3" nowrap="nowrap">&nbsp;{L_REPLIES}&nbsp;</td>
	  <td width="50" align="center" class="row3" nowrap="nowrap">&nbsp;{L_VIEWS}&nbsp;</td>
	  <td width="100" align="center" class="row3" nowrap="nowrap">&nbsp;{L_AUTHOR}&nbsp;</td>
	  <td align="center" class="row3" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</td>
	</tr>
	<!-- BEGIN topicrow -->
	<tr> 
	  <td align="center" valign="middle" width="20"><img src="{topicrow.TOPIC_FOLDER_IMG}" width="19" height="18" alt="{topicrow.L_TOPIC_FOLDER_ALT}" title="{topicrow.L_TOPIC_FOLDER_ALT}" /></td>
	  <td width="100%"><span class="topictitle">{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a></span><span class="gensmall"><br />
		{topicrow.GOTO_PAGE}</span></td>
	  <td align="center" valign="middle"><span class="postdetails">{topicrow.REPLIES}</span></td>
	  <td align="center" valign="middle"><span class="postdetails">{topicrow.VIEWS}</span></td>
	  <td align="center" valign="middle"><span class="name">{topicrow.TOPIC_AUTHOR}</span></td>
	  <td align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topicrow.LAST_POST_TIME}<br />{topicrow.LAST_POST_AUTHOR} {topicrow.LAST_POST_IMG}</span></td>
	</tr>
	<!-- END topicrow -->
	<!-- BEGIN switch_no_topics -->
	<tr> 
	  <td class="row1" colspan="6" height="30" align="center" valign="middle">Z<span class="gen">{L_NO_TOPICS}</span></td>
	</tr>
	<!-- END switch_no_topics -->
	<tr> 
	  <td class="row3" align="center" valign="middle" colspan="6" height="28"><span class="genmed">{L_DISPLAY_TOPICS}:&nbsp;{S_SELECT_TOPIC_DAYS}&nbsp; 
		<input type="submit" class="liteoption" value="{L_GO}" name="submit" />
		</span></td>
	</tr>
  </table>

  <table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
	<tr> 
	  <td align="left" valign="middle" width="50"><a href="{U_POST_NEW_TOPIC}"><b><font color=red>Post</font></b></a></td>
	  <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a class="nav" href="{U_VIEW_FORUM}">{FORUM_NAME}</a></span></td>
	  <td align="right" valign="middle" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span> 
		</td>
	</tr>
	<tr>
	  <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
	</tr>
  </table>
</form>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
	<td align="right">{JUMPBOX}</td>
  </tr>
</table>

<table width="100%" cellspacing="0" border="0" align="center" cellpadding="0">
	<tr>
		<td align="left" valign="top"><table cellspacing="3" cellpadding="0" border="0">
			<tr>
				<td width="20" align="left"><img src="{FOLDER_NEW_IMG}" alt="{L_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_IMG}" alt="{L_NO_NEW_POSTS}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_ANNOUNCEMENT}" width="19" height="18" /></td>
				<td class="gensmall">{L_ANNOUNCEMENT}</td>
			</tr>
			<tr> 
				<td width="20" align="center"><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_HOT_IMG}" alt="{L_NO_NEW_POSTS_HOT}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_HOT}</td>
				<td>&nbsp;&nbsp;</td>
				<td width="20" align="center"><img src="{FOLDER_STICKY_IMG}" alt="{L_STICKY}" width="19" height="18" /></td>
				<td class="gensmall">{L_STICKY}</td>
			</tr>
			<tr>
				<td class="gensmall"><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NEW_POSTS_LOCKED}</td>
				<td>&nbsp;&nbsp;</td>
				<td class="gensmall"><img src="{FOLDER_LOCKED_IMG}" alt="{L_NO_NEW_POSTS_LOCKED}" width="19" height="18" /></td>
				<td class="gensmall">{L_NO_NEW_POSTS_LOCKED}</td>
			</tr>
		</table></td>
		<td align="right"><span class="gensmall">{S_AUTH_LIST}</span></td>
	</tr>
</table>

[/code]

[SCR]

我想將圖像往旁邊移一點
使她看起來比較置中！
我要如何排呢？

開啟 templates/風格/viewtopic_body.tpl
找到

代碼: 選擇全部

<td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>

改成

代碼: 選擇全部

<td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><div align="center"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}</div><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>

我之前玩過一陣子的ｐｈｐｂｂ　但都只是裝裝外掛
現在想自己做自己想要的風格！
但是我概念有點少！　今天去借有關ｈｔｍｌ＆ｃｓｓ的語法書來看
但是我想請問大大能不能給我一些基本觀念
例如像是　排版時候　我們該注意的事情！
或者是一些很基本常用到的語法！

排版時多加使用表格標籤

代碼: 選擇全部

<table></table>
<tr></tr>
<td></td>
以及
橫向屬性 align="left" , align="center" , align="right"
縱向屬性 valign="top" , valign="bottom" 

這些來編排,會有不錯的效果,(類似把整篇頁面給切割成好幾個小格子,一一擺放自己想要的文字或圖片)
只是要多加注意HTML的開始及結束標籤,別搞混,不然整個頁面表格會變成一蹋糊塗!

[cvk307]

了解...感謝回覆

我看到很多篇文章有關風格.css

但是我一直看不太懂

tpl是有關管理後台的！

那css可以控制到整個論壇的風格對吧！？

我現在想修改版面的顏色...我在後台修改過

但始終沒動靜...囧

[jwxinst]

如果沒記錯 Kill大這個風格應該裝 css美化外掛來灰復css功能
去他的站就可以找到那個外掛

[cvk307]

感謝妳！我馬上就去找找．．．

[cvk307]

我已經改成由css控制惹

剛剛因為改成css控制以後

文字顏色變成"666666"

後來爬文很久 才發現要由overall_header.tpl來改

代碼: 選擇全部

<body bgcolor="#EEEEEE" text="#000000" link="#0E5F9A" vlink="#1274BC" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"/>