以純文字方式查看主題

- 塔內植物園 (/tbgweb/cgi-bin/leobbs.cgi)
-- [ 多肉植物 ] (/tbgweb/cgi-bin/forums.cgi?forum=18)
--- 仙人掌科植物以外的多肉植物圖鑑 (/tbgweb/cgi-bin/forums.cgi?forum=89)
---- test~~~ (/tbgweb/cgi-bin/topic.cgi?forum=89&topic=145)


-- 作者: rugbysofat
-- 發表時間: 2010/08/16 10:39pm

[這篇文章最後由rugbysofat在 2010/08/18 08:53pm 第 37 次編輯]

就說是test啦~~~
<br>Rhombophyllum屬
<table bgcolor="#8FBC8F" border=1>
<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>

<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>
<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>

<tr>

<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>

<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>

<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>
</table>


<br>Rhombophyllum屬
<table bgcolor="#8FBC8F" border=1>
<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>
</table>

<br>Rhombophyllum屬
<table bgcolor="#8FBC8F" border=1>
<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>
</table>

<br>Rhombophyllum屬
<table bgcolor="#8FBC8F" border=1>
<td>Rhombophyllum dolabriforme<br>
<a target="_blank" href="http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=144">
<img width=120 height=160 align=center src="http://www.tbg.idv.tw/tbgweb/cgi-bin/attachment.cgi?forum=89&topic=144&postno=1&type=.jpg&name=Rhombophyllum20d_1281455419">
</td>
</table>


-- 作者: nirwa
-- 發表時間: 2010/08/17 02:53pm

[這篇文章最後由nirwa在 2010/08/17 03:07pm 第 2 次編輯]

縮圖後比例之計算 ( 以避免長寬比例失調, 而造成照片縮圖後變形 )

先找出打算用為縮圖的照片, 查詢原始圖片之大小, 在照片上按右鍵 ( 我是用firefox )
[UploadFile=s1_1282027453.jpg]

查知貼圖者之原始圖片大小為 765 x 598
[UploadFile=s2_1282027490.jpg]

接下來, 進入 索引主題編輯

http://www.tbg.idv.tw/tbgweb/cgi-bin/topic.cgi?forum=89&topic=23&show=0

紅框中的 160 為水平解析度 , 125 為垂直解析度
[UploadFile=s3_1282027754.jpg]

若 160 為固定時, 那 125 是怎麼計算出來的 ?

765 / 160 = 4.78
598 / 4.78 = 125

填入紅框中 img width=160 height=125 , 這樣就可以避免長寬比例失調, 而造成照片縮圖後變形.

若原始圖片之大小為 800 x 600 , 剛好是 4 : 3 , 這就是為什麼我常用 img width=160 height=120

若貼圖者之原始圖片是不規則大小 ( 例如上面的例子為 765 x 598 ) 時, 就需要大概計算一下.

我的原則是縮圖圖片大小, 不管是水平解析度還是垂直解析度都不超過 160.


-- 作者: nirwa
-- 發表時間: 2010/08/17 03:16pm

[UploadFile=s4_1282029320.jpg]

[UploadFile=s5_1282029335.jpg]


-- 作者: nirwa
-- 發表時間: 2010/08/17 03:33pm

[UploadFile=code3_1282030348.jpg]

整個 html 語法結構
[UploadFile=code4_1282030365.jpg]


-- 作者: nirwa
-- 發表時間: 2010/08/19 04:42pm

[這篇文章最後由nirwa在 2010/08/19 05:06pm 第 4 次編輯]

品種清單之建立方法

[UploadFile=a2_1282207107.jpg]

每多一個品種, 就 copy 一次上面的 code 一次, 如此而已.
若嫌表格太大, 可以 copy 整份的 < table >........ 內容, 就可建立另一個表格.
再依樣畫葫蘆即可.

[UploadFile=a1_1282207289.jpg]

1. 在以下的畫面中, 依各品種之屬名, 種名, 亞種名... 中文一.... 等等填入各欄位 ( 對應上面的那個抓圖畫面欄位.
2.  若某個欄位是空白, 記得在 > < 之間要加個 " 空白 " ( 按空白鍵 ), 不然底色不會秀出來. 有興趣的話可以測試一下, 有無空白其間的差異, 呵~
3. 若要跳行, 可以在中括號 < > 中加 br 或 p , 就可跳行.

最後記得最後的超連結 topic= 要改成新品種的主題編號, 討論區編號 ( forum= )也要改成 89 , 這樣才會對應至多肉圖鑑版中的主題編號.

[UploadFile=a3_1282207366.jpg]

秀出來, 便是
[UploadFile=a4_1282208404.jpg]

其中各個 code 中, color=#xxxxxx 或 bgcolor=#xxxxxx 是顏色碼 ( 共六碼 ), 也可以改成你喜歡的表格配色, 可以在以下的抓圖畫面查到顏色碼, 再更改其中的 xxxxxx即可.

[UploadFile=a5_1282208524.jpg]


-- 作者: rugbysofat
-- 發表時間: 2010/09/08 01:21pm

http://farm5.static.flickr.com/4124/4959010437_1a8436f3ff_b.jpg


© 中文版權所有: 塔內植物園 繁體版權所有:摩尼網  程式翻譯:auron 版本: LeoBBS X Build041101