喵喵-點圖看大圖語法分享(更新)

2009100201:09

 

 

點小圖連結大圖,是為縮小整個版面,

點小圖即可觀看原大圖,也方便大家直接另存圖檔,

好方便上傳到自己的網路空間,

節省大家抓取圖片網址另外儲存的繁雜操作手續。

此語法是喵喵觀看網路達人語法分解修改而來,並非喵仔自創。

多謝網路達人們無私的分享。

 

【呈現樣式範例】

 

 

 
【語法如下】
 

 

<p align=center>&nbsp;</p>
<p align=center>
<table border=3 cellSpacing=1 cellPadding=0>
<tbody>
<tr>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149033218.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149033218.gif" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134127987t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134127987t.gif" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134094497t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134094497t.gif" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149028208t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149028208t.gif" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134079238t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275134079238t.gif" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/124718741622t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/124718741622t.gif" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/124718740721t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/124718740721t.gif" width=102 height=77 /></a></p>
</td>
</td></tr></tbody></table></p>
</div>

 

<p align=center>&nbsp;</p>      是分段語法   範例如下:

 

<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="
http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149028208t.gif"><img border=0 src="http://farm1.i-part.com.tw/n1v1/3/7/0/7/1607073/photo/book3/12275149028208t.gif" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

 

首先把語法複製儲存備用或是連結貼在左右欄位當自己常用方便工具之一囉。

 

/*頭跟尾的語法*/

<p align=center>&nbsp;</p>
<p align=center>
<table border=3 cellSpacing=1 cellPadding=0>
<tbody>
<tr>
/*....把貼圖語法貼在這裡面....*/
</td></tr></tbody></table></p>
</div>
<div><font size=4></font>&nbsp;</div>

 


/*貼圖語法如下*/

<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

 


下面是喵仔已經貼好的語法,大家可以複製回去當常用工具使用囉。

 

 

<p align=center>&nbsp;</p>
<p align=center>
<table border=3 cellSpacing=1 cellPadding=0 width="100%" bgColor=#底圖色碼>
<tbody>
<tr>

<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
</td>
<td height=140>
<p align=center>&nbsp;</p>
<p align=center><a href="輸入大圖網址"><img border=0 src="輸入小圖網址" width=102 height=77 /></a></p>
<p align=center>&nbsp;</p>
</td></tr>
<tr>

</td></tr></tbody></table></p>
</div>
<div><font size=4></font>&nbsp;</div>

 

先把語法複製到記事本

再把大圖跟小圖網址貼進去(大小圖網址是一樣的)

(用滑鼠右鍵點圖,按內容,裡面就有 網址:(URL)字樣,後面即是圖片網址囉!)

貼到圖檔結束時,把下面多餘的貼圖語法刪除

記得把結尾語法留下就行了。

留下結尾語法如下~~


</td></tr></tbody></table></p>
</div>
<div><font size=4></font>&nbsp;</div>


再複製全部語法,貼到 觀看HTML原始碼裡面

再點 觀看HTML原始碼 回文章內容編輯區裡

在稍做編輯或貼上您的logo、音樂,即可發表啦。