[問題] 一句簡單的圖片連結語法 已明白, 謝各大相助!!

phpBB 2 Style Support
討論的範圍包含版面排列、樣式、配置;外掛問題,請到相關版面依發問格式發表!
(發表文章請按照公告格式發表,違者砍文)

版主: 版主管理群

頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

[問題] 一句簡單的圖片連結語法 已明白, 謝各大相助!!

文章 kkt »

今天想著美化一下版面的 icon , 而我一向用下面這語法都成功的.


成功的語法:
<img src="templates/subSilver/photo/ds.gif" alt="顯示更多表情符號類別"VALUE="{L_ALL_SMILIES}" ONCLICK="openAllSmiles();"/>
但同在快速回覆版面的兩個 icon [預覽] 和 [送出] , icon 是顯示了,
可怎麼搞都點擊沒有反應, 又是那裡錯了呢?

如圖:

圖檔

同樣的語法在 quick_reply.tpl 修改後:
<tr>
<td class='catBottom' align='center' height='28' colspan='2'>
<input type='hidden' name='mode' value='reply'>
<input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
<input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
<!--input type='hidden' name='message' value=''-->
<img src="templates/subSilver/photo/pv.gif" alt="預覽文章" value='{L_PREVIEW}'/>&nbsp;
<img src="templates/subSilver/photo/sd.gif" alt="送出文章" value='{L_SUBMIT}'/>
</td>
</tr>
</table>
</form>
<!-- END quick_reply -->
修改前:
<tr>
<td class='catBottom' align='center' height='28' colspan='2'>
<input type='hidden' name='mode' value='reply'>
<input type='hidden' name='t' value='{quick_reply.TOPIC_ID}'>
<input type='hidden' name='last_msg' value='{quick_reply.LAST_MESSAGE}'>
<!--input type='hidden' name='message' value=''-->
<input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
<input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
</td>
</tr>
</table>
</form>
<!-- END quick_reply -->

請問這段語法有問題嗎?


.
最後由 kkt 於 2006-03-11 05:44 編輯,總共編輯了 1 次。
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
ethan
星球公民
星球公民
文章: 218
註冊時間: 2002-06-01 09:48
聯繫:

文章 ethan »

要以圖片取代 button 時
<input type='submit' ....
改為
<input type=image border=0 src="yourbuttonimg.gif" ...
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

文章 kkt »

ethan, 多謝您啊!! 我學您的語法, 但兩個按鈕點擊都變為預覽, 送出也是預覧?
且預覽的版面沒有之前的文字, 是空白的.
可能跟 css 檔有關. thx.....
<input type=image border=0 src="templates/subSilver/photo/pv.gif" alt="預覽文章" value='{L_PREVIEW}'/>&nbsp;
<input type=image border=0 src="templates/subSilver/photo/sd.gif" alt="送出文章" value='{L_SUBMIT}'/>


.
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
頭像
jwxie
竹貓忠實會員
竹貓忠實會員
文章: 604
註冊時間: 2005-11-26 12:02
來自: New York, USA   學業狀況: 更加努力     個人狀況: ||地獄臭蛋|| 
聯繫:

.....

文章 jwxie »

阿k...
是在template裡的 posting_body.tpl嗎?

目前本人帳號嚴重地被盜用!MSN已經被盜!

想問個問題並不打擾, 但沒有發文格式, 其他人不能知道你的情況!
請尊守竹貓各區裡的發文格式, 謝謝合作!
[必看]請配合發問格式及明確主題發問(04 02/16更新) phpBB!
所有新手必看的
[教學]認識、安裝和參考PHPBB的新手基本教學通
PS:感謝各位大大的幫助和教導^^
Q168.net空間技術交流

個人小品(Blog)My phpBB-Blog免費空間討論區
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

Re: .....

文章 kkt »

jwxie 寫:阿k...
是在template裡的 posting_body.tpl嗎?
不錯, 要改的是 2 個, 另一個是 quick_reply.tpl

其實正如上圖, 是顯示了gif 的 icon, 衹不過不能正常送出或預覧.
另一方法是不改這 2 個 file, 直接在css 內寫入陰影美化. 像小c 那樣做.





.
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
*tytsim*
竹貓忠實會員
竹貓忠實會員
文章: 411
註冊時間: 2005-03-24 11:54
來自: 香港
聯繫:

文章 *tytsim* »

為什麼你不用css的class
用了便只用改一個檔,
其他都不用改,
適合我那麼懶的人^v^
 網絡鎮
    關於網絡的
http://tytsim.net.ru  一個網絡鎮
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

文章 kkt »

*tytsim* 寫:為什麼你不用css的class
用了便只用改一個檔,
其他都不用改,
適合我那麼懶的人^v^
請教一下, css 一修改是全部按鈕吧 ?
我是自制風格按鈕, 每一個要獨立給它路徑..其實語法又沒錯, 就是那 2 顆不行.
怪怪的, 其他全部都可以這才有點怪!? :-|




.
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
*tytsim*
竹貓忠實會員
竹貓忠實會員
文章: 411
註冊時間: 2005-03-24 11:54
來自: 香港
聯繫:

文章 *tytsim* »

那用class
 網絡鎮
    關於網絡的
http://tytsim.net.ru  一個網絡鎮
御津闇慈
竹貓忠實會員
竹貓忠實會員
文章: 645
註冊時間: 2001-11-17 10:59

文章 御津闇慈 »

kkt 寫:ethan, 多謝您啊!! 我學您的語法, 但兩個按鈕點擊都變為預覽, 送出也是預覧?
且預覽的版面沒有之前的文字, 是空白的.
可能跟 css 檔有關. thx.....
<input type=image border=0 src="templates/subSilver/photo/pv.gif" alt="預覽文章" value='{L_PREVIEW}'/>&nbsp;
<input type=image border=0 src="templates/subSilver/photo/sd.gif" alt="送出文章" value='{L_SUBMIT}'/>




.
這樣看看

代碼: 選擇全部

<input type=image border=0 src="templates/subSilver/photo/pv.gif" alt="預覽文章" name='preview' value='{L_PREVIEW}'/>&nbsp; 
<input type=image border=0 src="templates/subSilver/photo/sd.gif" alt="送出文章" name='post' value='{L_SUBMIT}'/> 
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

文章 kkt »

多謝御津闇慈大大指導, 也多謝各大大賜教.
這樣看看

<input type=image border=0 src="templates/subSilver/photo/pv.gif" alt="預覽文章" name='preview' value='{L_PREVIEW}'/>&nbsp;
<input type=image border=0 src="templates/subSilver/photo/sd.gif" alt="送出文章" name='post' value='{L_SUBMIT}'/>
御大這語法仍然是成功顯示, 但按下去預覧變了空白, 之前輸入的文章沒有了,
而送出按鈕變為預覧, 也是空白. (同上)

算了, 其實也不重要, 衹是有點納悶, 像活見鬼的..><..其實語法是簡單,
參考一下其他按鈕連結也很多, 可就衹有這兩顆不行. :-|

但我用回原來的文字按鈕, 放那裡都沒問題, 衹是樣子難看一點而已, 如圖:

圖檔




.
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
御津闇慈
竹貓忠實會員
竹貓忠實會員
文章: 645
註冊時間: 2001-11-17 10:59

文章 御津闇慈 »

kkt 寫:多謝御津闇慈大大指導, 也多謝各大大賜教.
這樣看看

<input type=image border=0 src="templates/subSilver/photo/pv.gif" alt="預覽文章" name='preview' value='{L_PREVIEW}'/>&nbsp;
<input type=image border=0 src="templates/subSilver/photo/sd.gif" alt="送出文章" name='post' value='{L_SUBMIT}'/>
御大這語法仍然是成功顯示, 但按下去預覧變了空白, 之前輸入的文章沒有了,
而送出按鈕變為預覧, 也是空白. (同上)

算了, 其實也不重要, 衹是有點納悶, 像活見鬼的..><..其實語法是簡單,
參考一下其他按鈕連結也很多, 可就衹有這兩顆不行. :-|

但我用回原來的文字按鈕, 放那裡都沒問題, 衹是樣子難看一點而已, 如圖:

圖檔




.
因為你的標籤屬性是image而不是submit
所以才會出現空白的問題
~倉木麻衣~
竹貓忠實會員
竹貓忠實會員
文章: 1405
註冊時間: 2004-03-21 21:00

文章 ~倉木麻衣~ »

我用subSilver來做示範
#
#--------[ OPEN ]----------------
#
templates/subSilver/posting_body.tpl

#
#--------[ FIND ]----------------
#

代碼: 選擇全部

<input type="submit" tabindex="5" name="preview" class="mainoption" value="{L_PREVIEW}" />&nbsp;<input type="submit" accesskey="s" tabindex="6" name="post" class="mainoption" value="{L_SUBMIT}" />
#
#--------[ REPLACE WITH ]----------------
#
<input type="submit" tabindex="5" name="preview" class="mainoption" value="{L_PREVIEW}" style="visibility:hidden;display:none" />&nbsp;<input type="submit" accesskey="s" tabindex="6" name="post" class="mainoption" value="{L_SUBMIT}" style="visibility:hidden;display:none" />
<image border=0 src="templates/subSilver/photo/pv.gif" alt="{L_PREVIEW}" onClick="document.getElementsByName('preview')[0].click()"/>&nbsp;
<image border=0 src="templates/subSilver/photo/pv.gif" alt="{L_SUBMIT}" onClick="document.getElementsByName('post')[1].click()"/>&nbsp;
#
#--------[ SAVE/CLOSE FILE]----------------
#
# EoM

藍字的部份是將原本的預覽及送出鈕隱藏起來並取消保留它的顯示位置
然後在底下加入兩個img標籤, 利用onClick去按下原本的預覽及送出鈕
以上程式在IE6及Firefox 1.5.0.1版上都正常運作
謝絕所有私人訊息詢問外掛相關問題
有問題請直接於版上發表, 集思廣議絕對比專挑特定人士詢問來的好

竹貓禁止發表含破解相關的軟體, 違者砍文
不要跟我講別的地方都可以發, 為什麼竹貓就不行
免費不等於破解, 傻傻的搞不清楚
頭像
jwxie
竹貓忠實會員
竹貓忠實會員
文章: 604
註冊時間: 2005-11-26 12:02
來自: New York, USA   學業狀況: 更加努力     個人狀況: ||地獄臭蛋|| 
聯繫:

文章 jwxie »

代碼: 選擇全部

onClick="document.getElementsByName('preview')[0].click()"
請教倉大, 你這個語法是 onClick = 指定的嗎?
還是onClick有其他的 =" "指派?

目前本人帳號嚴重地被盜用!MSN已經被盜!

想問個問題並不打擾, 但沒有發文格式, 其他人不能知道你的情況!
請尊守竹貓各區裡的發文格式, 謝謝合作!
[必看]請配合發問格式及明確主題發問(04 02/16更新) phpBB!
所有新手必看的
[教學]認識、安裝和參考PHPBB的新手基本教學通
PS:感謝各位大大的幫助和教導^^
Q168.net空間技術交流

個人小品(Blog)My phpBB-Blog免費空間討論區
頭像
kkt
竹貓忠實會員
竹貓忠實會員
文章: 625
註冊時間: 2005-06-15 01:37
來自: H.K.
聯繫:

文章 kkt »

~倉木麻衣~大大, 成功了!! 佩服!!

我加了一個 style="cursor: HAND" 顯示手型, 這樣感覺上比較會像連結.

quick_reply 快速回覆的版面按鈕. 如圖:

圖檔

也可看看實際效果 http://www.kktfriend.com/phpBB2/viewtopic.php?t=4962

下面的按鈕大家也可下載依樣修改

===============================================



圖檔 圖檔 圖檔 圖檔


這一顆可自行加字及調整大小便可
圖檔


===============================================

打開 quick_reply.tpl (快速回覆 Advanced_Quick_Reply_1.1.1)

找到:
<input type='submit' name='preview' class='liteoption' value='{L_PREVIEW}'>&nbsp;
<input type='submit' name='post' class='mainoption' value='{L_SUBMIT}'>
覆蓋為:
<input type="submit" tabindex="5" name="preview" class="mainoption" value="{L_PREVIEW}" style="visibility:hidden;display:none" />&nbsp;<input type="submit" accesskey="s" tabindex="6" name="post" class="mainoption" value="{L_SUBMIT}" style="visibility:hidden;display:none" />
<image border=0 src="templates/subSilver/photo/pv.gif" alt="{L_PREVIEW}" style="cursor: HAND"onClick="document.getElementsByName('preview')[0].click()"/>&nbsp;
<image border=0 src="templates/subSilver/photo/sd.gif" alt="{L_SUBMIT}" style="cursor: HAND"onClick="document.getElementsByName('post')[1].click()"/>
把圖片上傳到你自定的路徑 (紅字地方是圖片路徑)

完成

ps.請備份你的文件資料. 這修改是覆蓋原有按鈕位置, 其他位置請自行設定.



.
最後由 kkt 於 2006-05-18 23:40 編輯,總共編輯了 1 次。
舊站台經已結朿了, 學生們可到遊戲站玩玩 Flash Game (不必註冊) 免費 Flash Game
在此學到很多架站知識, 永遠多謝:
心靈捕手老師, ~倉木麻衣~, 依夢兒 及 神川小羽各位大大相助
~倉木麻衣~
竹貓忠實會員
竹貓忠實會員
文章: 1405
註冊時間: 2004-03-21 21:00

文章 ~倉木麻衣~ »

jwxie 寫:

代碼: 選擇全部

onClick="document.getElementsByName('preview')[0].click()"
請教倉大, 你這個語法是 onClick = 指定的嗎?
還是onClick有其他的 =" "指派?
onClick是一個事件(event), 當這個事件被觸發時(trigger)就會去執行它所指定的事件處理函式(就是等號=裡的那一串)
謝絕所有私人訊息詢問外掛相關問題
有問題請直接於版上發表, 集思廣議絕對比專挑特定人士詢問來的好

竹貓禁止發表含破解相關的軟體, 違者砍文
不要跟我講別的地方都可以發, 為什麼竹貓就不行
免費不等於破解, 傻傻的搞不清楚
主題已鎖定

回到「風格問題討論」