電腦快速鍵 |
|
引用:http://tw.myblog.yahoo.com/jw!E8SHaDKVAhJ.sxRqgXbVBfe58fN.H2I-/article?mid=40947
電腦快速鍵 |
|
引用:http://tw.myblog.yahoo.com/jw!E8SHaDKVAhJ.sxRqgXbVBfe58fN.H2I-/article?mid=40947
1.加上 swf動畫的網址,設定要呈現的大小
(src=網址 width=640 height=460 )
2.設定文字離文字框向右多少px
(style="LEFT: 50px;)
3.設定文字框所要呈現的寬度
(width: 620px;)
4.設定文字離文字框頂的距離
(TOP: 175px; )
5.設定文字框的高度
(heigh: 150pxt)
6.設定文字的字體,顏色,大小
()
7..加入文字,文字用
換行
(文字內容放在這裡
文字換行)
8.先用隱藏發表,看看文字的位置,調整第 2 和第 4 步驟的數字,讓文字放在最適合的位置。
9.滿意之後,配上音樂,加入自己喜歡的音樂語法在下方。(不加音樂就省略)
10.立即發表。(醬就行囉...)
11.動畫可以自己創作,或選用網路上的分享。
swf 動畫收集 swf 動畫 收集站 swf 動畫背景(透明) 640 幅 浪漫情境swf 動畫
12.找到自己喜歡的動畫,要先下載,然後上傳到雅虎有支援的的網路空間,才能使用。
1.不會下載的人,請參考 怎樣下載網路上的 swf 動畫呢?
2.不會上傳的人,請參考 您的 swf 動畫又跑掉了嗎?
13.這是這篇範例的語法,提供參考
<div align=center>
<table style="WIDTH: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 0px" cellSpacing=0 cellPadding=0 border=0><embed src=http://img375.imageshack.us/img375/8128/t181.swf width=640 height=460 type=application/x-shockwave-flash wmode="transparent" allowscriptaccess="never"></embed>
<tbody>
<tr>
<td>
<div style="LEFT: 50px; WIDTH: 620px; POSITION: absolute; TOP: 175px; HEIGHT: 150px">
<p><font face=標楷體 color=#ffffff size=4>
不變的是<br><br>
不變的是,你笑的眼睛,有喜悅的線條<br>
不變的是,你吹亂的髮,像在想念我<br><br>
不變的是,你沉默嘴角,有千言萬語<br>
不變的是,你的陪伴,那種孤單時可以靠得溫暖<br><br>
而如今在不變的承諾中,有了輕輕柔柔的變動<br>
而如今在不變的承諾中,變了的心外表不變的愛情<br><br>
於是不變的是,我的傷心<br>
於是不變的是,我永遠假裝不知情 </font></p></div>
不變的是 不變的是,你笑的眼睛,有喜悅的線條 不變的是,你沉默嘴角,有千言萬語 而如今在不變的承諾中,有了輕輕柔柔的變動 於是不變的是,我的傷心 |
引用:http://tw.myblog.yahoo.com/jw!E8SHaDKVAhJ.sxRqgXbVBfe58fN.H2I-/article?mid=17858
琳達教學:漸層色系表格文章框
如題;是表格也是文章框,之前琳達曾發表琳達教學:為你的文章穿上新衣
是運用簡單色碼所組合而成的
今天;琳達要分享的教學則是由深色系至淺色的色碼來組合成表格,當然也適用於文章囉~
此邊框的好處是不會因為太多人使用而導致造成失連、掛了,或是一大堆的叉燒包....
好好研究;你也可以設計出自己喜歡的,或是搭配版型色系的文章框囉~
希望你會喜歡此次的教學,也請你正確引用喔~
★要如何正確引用請參考★琳達教你如何引用BLOG文章★
★要外連帶走的請註明原出處:★Linda達令★
★想看更多,請至★琳達教學★ 喲~
★本站文章巳申請註作權,請尊重他人正確引用
★請別移除我的LOGO
教學分享
|
|
|
|
|
|
文章框捲軸
|
文章框捲軸
|
|
|
|
引用:http://tw.myblog.yahoo.com/jw!Wq0ZeImeGRnEXcfo_Dcv9DxWfA--/article?mid=61423
2012/05 (更新 )Youtube影片 自動、重複播放語法
高鐵車上的 小科學家-南山中學 14歲國中生 的堅持學習
Youtube影片語法 又更新阻擋語法
過往的語法 可以自動播放卻無法重複播放
也許因為大家都自動重複播放
對Youtube伺服器造成沉重的壓力
所以一再得更動阻擋語法吧
再加上最近的IE瀏覽器 嚴重水土不合
搜尋 觀看 上傳..都會當機無法開啟
所以 建議大家 使用google瀏覽器開啟Youtube影片網
範例:
http://www.youtube.com/watch?feature=player_embedded&v=hZyq5Mcvrec
2012/05後的自動、重複播放語法:
<embed src="http://www.youtube.com/v/影片網址?fs=1&hl=zh_TW&&autoplay=1&loop=1;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
語法說明:
<embed src="http://www.youtube.com/v/影片網址?fs=1&hl=zh_TW&&autoplay=1&loop=1;rel=0" type="application/x-shockwave-flash" width寬="560" height高="315" allowscriptaccess="always" allowfullscreen="true"></embed>
http://www.youtube.com/v/影片網址
autoplay=1&loop=1;rel=0" →重複播放
autoplay=1&loop=0;rel=0"→不重複播放
allowscriptaccess="always" allowfullscreen="true"→自動播放
width寬="560" height高="315" →可自動調整寬高
width="200" height="180"→放置在自訂欄位的寬高
修改後↓只要貼上影片網編號 就可以簡單 使用該語法
<embed src="http://www.youtube.com/v/hZyq5Mcvrec?fs=1&hl=zh_TW&&autoplay=1&loop=1;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
注意:
Youtube影片網片網的語法 經常會變更語法阻擋 所以我也不確定該語法能使用多久
引用:http://tw.myblog.yahoo.com/jw!zo1RlCmfHxlEo2UTXCcDzads5GkC/article?mid=53994
|
圖片語法總匯
該文 範例網 觀看:http://blog.yam.com/sunny666/article/48355735
貼圖語法製造機:
http://sunny666.myweb.hinet.net/1-7.htm
插入圖檔語法: <img src="圖片網址"> 範例:<img src="http://webp1.fsps.ntpc.edu.tw/~happy/1/2.gif"> 適用於:各部落格文章中、自訂欄位中 、網頁編輯中、 論壇文章.. |
底圖 logo 語法: <font color="#色碼" style=background:url(底圖logo網址)>字串</font> 範例: <font color="#EE0005" style=background:url(http://webp1.fsps.ntpc.edu.tw/~happy/1/1-2.gif)>314學習札記</font> 314學習札記 <font face="標楷體"><b><font color="#EE0005" style=background:url(http://webp1.fsps.ntpc.edu.tw/~happy/1/1-2.gif)>314學習札記</font></b></font>
logo文字語法: http://tw.myblog.yahoo.com/monkey_014148/article?mid=3923&next=3286&l=f&fid=31 色碼表:http://sunny666.myweb.hinet.net/B4.htm |
圖檔 放大語法 : (自訂 尺寸--HEIGHT(高)=??? WIDTH(寬)=???) <IMG SRC="圖擋 網址" ALGIN=MIDDLE HEIGHT=??? WIDTH=???> 範例:
<IMG SRC="http://webp1.fsps.ntpc.edu.tw/~happy/1/1-2.gif" ALGIN=MIDDLE HEIGHT=90 WIDTH=180> 放大後: 注意:圖片過於放大會失真 |
圖檔置中語法: <style type=text/css> 範例網:http://sunny666.myweb.hinet.net/10-1.htm
|
圖片位置 語法: <p align=center><img src="圖檔網址"></p> 說明: center=圖片居中;left=圖片靠左;right=圖片靠右 奇摩不支援範例 範例網 觀看:http://blog.yam.com/sunny666/article/48355735 |
鎖 圖 語 法 (按圖 會呈現特效) 奇摩不支援範例 範例網 觀看:http://blog.yam.com/sunny666/article/48355735 |
圖片透明化 語法: <img src="圖檔網址" style="filter:Alpha(Style=n)"> 說明: n=1~3 n值越大越透明,最大為3,建議用2 範例: |
圖片加框 語法: <img src="圖檔網址" border=?> 說明: border= 框線大小 範例: |
圖片加框色 語法: <img src="圖檔網址.gif" style="border: 3px solid #FF0000"> 說明: style="border: 3p → 框線大小 solid #FF0000" →顏色 範例: 延伸教學: 色碼表:http://sunny666.myweb.hinet.net/B4.htm |
圖片+點框 語法: <img src="圖檔網址.gif" style="border: 2px dotted #0000FF"> 說明: style="border: 2px→ 點框大小 dotted #0000FF →點框顏色 範例: |
圖片跑馬燈移動: 往左:<marquee behavior=side direction=left><img src="圖檔網址"></marquee> 往右:<marquee behavior=side direction=right><img src="圖檔網址"></marquee> 奇摩不支援範例 範例觀看:http://blog.xuite.net/sunny.s4039/orz888/58728725 |
扭曲變形的圖 語法 奇摩不支援範例 範例網觀看:http://blog.xuite.net/sunny.s4039/orz888/58728851 |
圖片碰觸變色 語法 圖片時變黑白 語法: 圖片時變黑 語法: 圖片時變底片圖 語法: 觸 碰 淡 化影像 語法: 灰 階 影 像 語法: 負片 影像效果 語法: 透 明 遮 罩影像語法: 隱 約 美 化影像 語法: 範例網 觀看: http://blog.yam.com/sunny666/article/48355735 http://blog.xuite.net/sunny.s4039/orz888/58729041 |
特殊圖片語法(314舊文)
http://tw.myblog.yahoo.com/monkey_014148/article?mid=6724&next=6722&l=f&fid=9
引用:http://tw.myblog.yahoo.com/jw!zo1RlCmfHxlEo2UTXCcDzads5GkC/article?mid=53372
會開很快喔!
想製作一張自己的LOGO圖片嗎? 『需要先註冊成為會員』,即可開始製作。
只要一分鐘即可快速完成!完全免費的喔!
常有格友詢問LOGO製作及空間上載的問題,最近發現一個很棒的『我拉網』,我拉網是一個線上製作LOGO圖片的網站,不須『程式軟體』而且製作簡單。
『我拉網』提供將近一萬個LOGO漂亮模板,完成後還可自己設定不同尺寸的LOGO圖檔,直接將LOGO動畫圖片外連使用,毋需再行尋找空間上載,免卻不少煩瑣程序,希望對有需要的朋友能有所助益。
1.選擇模板顏色。
2.點選模板製作。
3.輸入文字 1【您的大名】文字 2【您的網址】。
4.按提交。
5.複製網址。
複製下來的 LOGO 網址。
↓
http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif
自訂欄位 LOGO 語法
↓
<p align="center"><a href="您的部落格網址" target="_blank"><img src="LOGO的圖片網址" title="滑鼠移到圖片會顯示的文字" border="0" width="88" height="31"></a> </p> |
語法說明:紅色字體部份。
您的部落格網址 → 部落格網址(要連結的網址)。
LOGO的圖片網址 → 圖片網址。
滑鼠移到圖片會顯示的文字 → 部落格名稱或要表達的文字。
88 → 圖片的寬度。31 → 圖片的高度。
在語法框裡面空白處用左鍵﹝快速按三下﹞,讓語法全部反黑,再按右鍵複製即可。
可依自己的欄位需求更改圖檔大小(數字增減) width="寬" height="高" 。
成品
<p align="center"><a href="http://tw.myblog.yahoo.com/happy-104" target="_blank"><img src="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif" title="歡迎光臨_阿泰104_Yahoo!奇摩部落格" border="0" width="88" height="31"></a> </p> |
↓
請從管理部落格進入 → 管理自訂欄位 → 寫好自定欄位名稱
請將上面語法 → 複製到 自定欄位內容 裡面 → 輸入完成按儲存。
自定欄位 →【可以自己增加設定5個欄位】一個欄位可以把很多東西放在一起喔!
本篇文章﹝原始碼﹞~引用文章 10秒鐘 快速完成!
希望能帶給您更方便,也希望您會喜歡。 感謝您引用 ▂§ -~~ 。o0
<p align=center><a href="http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=11721&prev=-1&next=11719" target=_blank><font color=#3395c8>如果網頁開太慢</font><font color=#1a73e1>*按滑鼠右鍵* </font><font color=#3395c8>點內容*</font></a></p> <p align=center>會開很快喔!</p> <p align=center><a href="http://tw.myblog.yahoo.com/happy-104" target=_blank><img title=歡迎光臨_阿泰104_Yahoo!奇摩部落格 border=0 src="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif" width=132 height=46 /></a> </p> <p align=center>想製作一張自己的LOGO圖片嗎? 『需要先註冊成為會員』,即可開始製作。</p> <p align=center>只要一分鐘即可快速完成!完全免費的喔!</p> <p align=center>常有格友詢問LOGO製作及空間上載的問題,最近發現一個很棒的『我拉網』,我拉網是一個線上製作LOGO圖片的網站,不須『程式軟體』而且製作簡單。 </p> <p align=center>『我拉網』提供將近一萬個LOGO漂亮模板,完成後還可自己設定不同尺寸的LOGO圖檔,直接將LOGO動畫圖片外連使用,毋需再行尋找空間上載,免卻不少煩瑣程序,希望對有需要的朋友能有所助益。</p> <p align=center><a href="http://logo.55.la/" target=_blank><img border=0 alt="""免費LOGO製作_一分鐘快速完成!""" src="http://images.55.la/images/logo.gif" width=171 height=78 /></a></p> <p></p> <p align=center><a href="http://logo.55.la/" target=_blank><font size=5><strong><font color=#1a73e1><font color=#1a73e1>๑۩☞</font> 按我開始<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>註冊</font>製作 </font><font color=#1a73e1>☜۩๑</font></strong></font></a></p> <p align=center><img src="http://l.yimg.com/f/i/tw/blog/smiley/1.gif" /></p> <p align=center>1.選擇模板顏色。</p> <p align=center>2.點選模板製作。</p> <p align=center>3.輸入文字 1【您的大名】文字 2【您的網址】。</p> <p align=center>4.按提交。</p> <p align=center>5.複製網址。</p> <p align=center>複製下來的 LOGO 網址。</p> <p align=center>↓</p> <p align=center><a href="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif"><font color=#3395c8>http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</font></a> <p align=center>自訂欄位 LOGO 語法</p> <p align=center>↓ <p align=center> <div align=center> <table style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=MsoTableGrid border=1 cellSpacing=0 cellPadding=0 align=center> <tbody> <tr> <td style="BORDER-BOTTOM: windowtext 1pt solid; BORDER-LEFT: windowtext 1pt solid; PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; WIDTH: 418.1pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; BORDER-RIGHT: windowtext 1pt solid; PADDING-TOP: 0cm" vAlign=top width=557> <div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"><font face=Georgia></font></font></span> </div> <div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"><font face=Georgia><p align="center"><a href="<font color=#ff0000>您的部落格網址</font>" target="_blank"><img src="<font color=#ff0000>LOGO的圖片網址</font>" title="<font color=#ff0000>滑鼠移到圖片會顯示的文字</font>" border="0" width="<font color=#ff0000>88</font>" height="<font color=#ff0000>31</font>"></a> </p></font></font></span></div> <div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"></font></span> </div></td></tr></tbody></table></div> <p align=center><font size=2></font></p> <p align=center>語法說明:紅色字體部份。</p> <p align=center>您的部落格網址 → 部落格網址(要連結的網址)。</p> <p align=center>LOGO的圖片網址 → 圖片網址。</p> <p align=center>滑鼠移到圖片會顯示的文字 → 部落格名稱或要表達的文字。</p> <p align=center>88 → 圖片的寬度。31 → 圖片的高度。</p> <p align=center><img src="http://l.yimg.com/f/i/tw/blog/smiley/1.gif" /></p> <p align=center>在語法框裡面空白處用左鍵﹝快速按三下﹞,讓語法全部反黑,再按右鍵複製即可。</p> <p align=center>可依自己的欄位需求更改圖檔大小(數字增減) <font color=#1a73e1>width="寬" height="高" </font><font color=#000000>。</font></p> <div align=center> <p align=center><img src="http://l.yimg.com/f/i/tw/blog/smiley/1.gif" /></p> <p align=center>成品</p> <p align=center><a href="http://tw.myblog.yahoo.com/happy-104" target=_blank><img border=0 alt="""滑鼠移到顯示的文字""" src="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif" width=88 height=31 /></a></p> <div align=center> <table style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=MsoTableGrid border=1 cellSpacing=0 cellPadding=0 align=center> <tbody> <tr> <td style="BORDER-BOTTOM: windowtext 1pt solid; BORDER-LEFT: windowtext 1pt solid; PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; WIDTH: 418.1pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; BORDER-RIGHT: windowtext 1pt solid; PADDING-TOP: 0cm" vAlign=top width=557> <div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"><p align="center"><a href="<a href="http://tw.myblog.yahoo.com/happy-104">http://tw.myblog.yahoo.com/happy-104</a>" target="_blank"><img src="<a href="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif">http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</a>" title="歡迎光臨_阿泰104_Yahoo!奇摩部落格" border="0" width="88" height="31"></a> </p></font></span></div></td></tr></tbody></table></div> <div align=center> </div> <div align=center> </div> <div align=center>自定欄位 教學</div> <p align=center>↓ </p> <p align=center>請從管理部落格進入 → 管理自訂欄位 → 寫好自定欄位名稱</p> <p align=center>請將上面語法 → 複製到 自定欄位內容 裡面 → 輸入完成按儲存。</p> <p align=center>自定欄位 →【可以自己增加設定5個欄位】<font color=#1a73e1>一個欄位可以把很多東西放在一起喔!</font> </p> <p align=center><img src="http://l.yimg.com/f/i/tw/blog/smiley/39.gif" /></p> <p align=center>本篇文章﹝原始碼﹞~<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>引用文章 10秒鐘 快速完成</font>!</p> <p align=center>希望能帶給您更方便,也希望您會喜歡。 感謝您引用 ▂§ -~~ 。o0</p> <p align=center></p> <table border=0 cellSpacing=10 cellPadding=10 align=center> <tbody> <tr> <td style="BORDER-BOTTOM: #ff0000 3px ridge; BORDER-LEFT: #ff0000 3px ridge; BORDER-TOP: #ff0000 3px ridge; BORDER-RIGHT: #ff0000 3px ridge" bgColor=#ff0000 background=http://img253.imageshack.us/img253/5208/1301300.jpg><font style="FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10px; FONT-WEIGHT: bold" color=#000000> <div style="SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-FACE-COLOR: #000000; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; SCROLLBAR-DARKSHADOW-COLOR: #ff0000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; PADDING-TOP: 10px"><p align=center><a href="<a href="http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=11721&amp;prev=-1&amp;next=11719">http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=11721&amp;prev=-1&amp;next=11719</a>" target=_blank><font color=#3395c8>如果網頁開太慢</font><font color=#1a73e1>*按滑鼠右鍵* </font><font color=#3395c8>點內容*</font></a></p><br><p align=center>會開很快喔!</p><br><p align=center><a href="<a href="http://tw.myblog.yahoo.com/happy-104">http://tw.myblog.yahoo.com/happy-104</a>" target=_blank><img title=歡迎光臨_阿泰104_Yahoo!奇摩部落格 border=0 src="<a href="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif">http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</a>" width=132 height=46 /></a> </p><br><p align=center>想製作一張自己的LOGO圖片嗎? 『需要先註冊成為會員』,即可開始製作。</p><br><p align=center>只要一分鐘即可快速完成!完全免費的喔!</p><br><p align=center>常有格友詢問LOGO製作及空間上載的問題,最近發現一個很棒的『我拉網』,我拉網是一個線上製作LOGO圖片的網站,不須『程式軟體』而且製作簡單。 </p><br><p align=center>『我拉網』提供將近一萬個LOGO漂亮模板,完成後還可自己設定不同尺寸的LOGO圖檔,直接將LOGO動畫圖片外連使用,毋需再行尋找空間上載,免卻不少煩瑣程序,希望對有需要的朋友能有所助益。</p><br><p align=center><a href="<a href="http://logo.55.la/">http://logo.55.la/</a>" target=_blank><img border=0 alt=""""免費LOGO製作_一分鐘快速完成!"""" src="<a href="http://images.55.la/images/logo.gif">http://images.55.la/images/logo.gif</a>" width=171 height=78 /></a></p><br><p></p><br><p align=center><a href="<a href="http://logo.55.la/">http://logo.55.la/</a>" target=_blank><font size=5><strong><font color=#1a73e1><font color=#1a73e1>๑۩☞</font> 按我開始<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>註冊</font>製作 </font><font color=#1a73e1>☜۩๑</font></strong></font></a></p><br><p align=center><img src="<a href="http://l.yimg.com/f/i/tw/blog/smiley/1.gif">http://l.yimg.com/f/i/tw/blog/smiley/1.gif</a>" /></p><br><p align=center>1.選擇模板顏色。</p><br><p align=center>2.點選模板製作。</p><br><p align=center>3.輸入文字 1【您的大名】文字 2【您的網址】。</p><br><p align=center>4.按提交。</p><br><p align=center>5.複製網址。</p><br><p align=center>複製下來的 LOGO 網址。</p><br><p align=center>↓</p><br><p align=center><a href="<a href='http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif"><font'>http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif"><font</a> color=#3395c8>http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</font></a> <br><p align=center>自訂欄位 LOGO 語法</p><br><p align=center>↓ <br><p align=center><br><div align=center><br><table style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=MsoTableGrid border=1 cellSpacing=0 cellPadding=0 align=center><br><tbody><br><tr><br><td style="BORDER-BOTTOM: windowtext 1pt solid; BORDER-LEFT: windowtext 1pt solid; PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; WIDTH: 418.1pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; BORDER-RIGHT: windowtext 1pt solid; PADDING-TOP: 0cm" vAlign=top width=557><br><div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"><font face=Georgia></font></font></span>&nbsp;</div><br><div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"><font face=Georgia>&lt;p align="center"&gt;&lt;a href="<font color=#ff0000>您的部落格網址</font>" target="_blank"&gt;&lt;img src="<font color=#ff0000>LOGO的圖片網址</font>" title="<font color=#ff0000>滑鼠移到圖片會顯示的文字</font>" border="0" width="<font color=#ff0000>88</font>" height="<font color=#ff0000>31</font>"&gt;&lt;/a&gt; &lt;/p&gt;</font></font></span></div><br><div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman"></font></span>&nbsp;</div></td></tr></tbody></table></div><br><p align=center><font size=2></font></p><br><p align=center>語法說明:紅色字體部份。</p><br><p align=center>您的部落格網址 → 部落格網址(要連結的網址)。</p><br><p align=center>LOGO的圖片網址 → 圖片網址。</p><br><p align=center>滑鼠移到圖片會顯示的文字 → 部落格名稱或要表達的文字。</p><br><p align=center>88 →&nbsp; 圖片的寬度。31 →&nbsp; 圖片的高度。</p><br><p align=center><img src="<a href="http://l.yimg.com/f/i/tw/blog/smiley/1.gif">http://l.yimg.com/f/i/tw/blog/smiley/1.gif</a>" /></p><br><p align=center>在語法框裡面空白處用左鍵﹝快速按三下﹞,讓語法全部反黑,再按右鍵複製即可。</p><br><p align=center>可依自己的欄位需求更改圖檔大小(數字增減) <font color=#1a73e1>width="寬" height="高" </font><font color=#000000>。</font></p><br><div align=center><br><p align=center><img src="<a href="http://l.yimg.com/f/i/tw/blog/smiley/1.gif">http://l.yimg.com/f/i/tw/blog/smiley/1.gif</a>" /></p><br><p align=center>成品</p><br><p align=center><a href="<a href="http://tw.myblog.yahoo.com/happy-104">http://tw.myblog.yahoo.com/happy-104</a>" target=_blank><img border=0 alt=""""滑鼠移到顯示的文字"""" src="<a href="http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif">http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</a>" width=88 height=31 /></a></p><br><div align=center><br><table style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=MsoTableGrid border=1 cellSpacing=0 cellPadding=0 align=center><br><tbody><br><tr><br><td style="BORDER-BOTTOM: windowtext 1pt solid; BORDER-LEFT: windowtext 1pt solid; PADDING-BOTTOM: 0cm; PADDING-LEFT: 5.4pt; WIDTH: 418.1pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; BORDER-RIGHT: windowtext 1pt solid; PADDING-TOP: 0cm" vAlign=top width=557><br><div class=MsoNormal align=center><span lang=EN-US><font face="Times New Roman">&lt;p align="center"&gt;&lt;a href="<a href="<a href='http://tw.myblog.yahoo.com/happy-104">http://tw.myblog.yahoo.com/happy-104</a'>http://tw.myblog.yahoo.com/happy-104">http://tw.myblog.yahoo.com/happy-104</a</a>>" target="_blank"&gt;&lt;img src="<a href="<a href='http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif">http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</a'>http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif">http://image3.55.la/anonymous/logo/2009/07/30/21/2246151.gif</a</a>>" title="歡迎光臨_阿泰104_Yahoo!奇摩部落格" border="0" width="88" height="31"&gt;&lt;/a&gt; &lt;/p&gt;</font></span></div></td></tr></tbody></table></div><br><div align=center>&nbsp;</div><br><div align=center>&nbsp;</div><br><div align=center>自定欄位&nbsp;教學</div><br><p align=center>↓ </p><br><p align=center>請從管理部落格進入 →&nbsp; 管理自訂欄位 →&nbsp; 寫好自定欄位名稱</p><br><p align=center>請將上面語法 →&nbsp; 複製到 自定欄位內容 裡面 → &nbsp;輸入完成按儲存。</p><br><p align=center>自定欄位 →【可以自己增加設定5個欄位】<font color=#1a73e1>一個欄位可以把很多東西放在一起喔!</font> </p><br><p align=center><img src="<a href="http://l.yimg.com/f/i/tw/blog/smiley/39.gif">http://l.yimg.com/f/i/tw/blog/smiley/39.gif</a>" /></p><br><p align=center>本篇文章﹝原始碼﹞~<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>引用文章 10秒鐘 快速完成</font>!</p><br><p align=center>希望能帶給您更方便,也希望您會喜歡。 感謝您引用&nbsp; ▂§&nbsp; -~~ 。o0</p><br><p align=center></p><br><table border=0 cellSpacing=10 cellPadding=10 align=center><br><tbody><br><tr><br><td style="BORDER-BOTTOM: #ff0000 3px ridge; BORDER-LEFT: #ff0000 3px ridge; BORDER-TOP: #ff0000 3px ridge; BORDER-RIGHT: #ff0000 3px ridge" bgColor=#ff0000 background=http://img253.imageshack.us/img253/5208/1301300.jpg><font style="FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10px; FONT-WEIGHT: bold" color=#000000><br><div style="SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-FACE-COLOR: #000000; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; SCROLLBAR-DARKSHADOW-COLOR: #ff0000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ff0000; PADDING-TOP: 10px"></div></font></td></tr></tbody></table><br><p></p><br><p align=center>不必傷腦筋<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>10秒鐘 </font>快速引用本篇文章﹝原始碼﹞教學:</p><br><div align=center>1.在語法框黑色文字上面用左鍵快速按三下( IE 瀏覽器適用 ) ,等約2秒鐘讓語法全部反黑,再按右鍵複製。 </div><br><p class=msgcontent align=left>2.點文章右下角的﹝我要引用﹞。</p><br><p class=msgcontent align=left>3.點了﹝我要引用﹞之後就直接連結到您要﹝發表文章﹞的地方。</p><br><p class=msgcontent align=left>4.把﹝<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>&nbsp;口&nbsp;</font>&nbsp; 觀看 HTML 原始碼﹞打勾。</p><br><p class=msgcontent align=left>5.貼上剛才複製的 →﹝整篇文章原始碼﹞。</p><br><p class=msgcontent align=left>6.﹝寫好文章標題﹞按﹝立即發表﹞→ 完成。</p><br><p class=msgcontent align=left>☞&nbsp;&nbsp; 文章發表後如果再<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>重新編輯﹝語法﹞會全部失效</font>,須要重新﹝引用﹞喔!&nbsp; ☜</p><br></div></div></font></td></tr></tbody></table> <p></p> <p align=center>不必傷腦筋<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>10秒鐘 </font>快速引用本篇文章﹝原始碼﹞教學:</p> <div align=center>1.在語法框黑色文字上面用左鍵快速按三下( IE 瀏覽器適用 ) ,等約2秒鐘讓語法全部反黑,再按右鍵複製。 </div> <p class=msgcontent align=left>2.點文章右下角的﹝我要引用﹞。</p> <p class=msgcontent align=left>3.點了﹝我要引用﹞之後就直接連結到您要﹝發表文章﹞的地方。</p> <p class=msgcontent align=left>4.把﹝<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff> 口 </font> 觀看 HTML 原始碼﹞打勾。</p> <p class=msgcontent align=left>5.貼上剛才複製的 →﹝整篇文章原始碼﹞。</p> <p class=msgcontent align=left>6.﹝寫好文章標題﹞按﹝立即發表﹞→ 完成。</p> <p class=msgcontent align=left>☞ 文章發表後如果再<font style="BACKGROUND-COLOR: #ff0000" color=#ffffff>重新編輯﹝語法﹞會全部失效</font>,須要重新﹝引用﹞喔! ☜</p> </div> |
不必傷腦筋10秒鐘 快速引用本篇文章﹝原始碼﹞教學:
2.點文章右下角的﹝我要引用﹞。
3.點了﹝我要引用﹞之後就直接連結到您要﹝發表文章﹞的地方。
4.把﹝ 口 觀看 HTML 原始碼﹞打勾。
5.貼上剛才複製的 →﹝整篇文章原始碼﹞。
6.﹝寫好文章標題﹞按﹝立即發表﹞→ 完成。
☞ 文章發表後如果再重新編輯﹝語法﹞會全部失效,須要重新﹝引用﹞喔! ☜
引用:http://tw.myblog.yahoo.com/jw!wYx0YyCGQUXR43yXjqsCSvL5Kg--/article?mid=243437
設定圖框寬度
限制圖框寬度 : 在圖框語法內加入寬度標籤 ( width: 參數px;)
回覆菲力的圖框尺寸問題 :
要想限制圖框 使之緊包圖片四週 就要給它一個寬度/長度設定
這個圖框有三組框圖語法
( * 框圖基礎語法 參考另兩篇框圖相關篇 )
在第一層圖框語法裡 加入寬度/長度設定
Width:185px; (小圖本身寬度 ) Height:129px; (小圖本身長度)
一般我會加在 " 這個符號之後 (如下) :
<table style=" 寬度加在這裡 ; 長度加在這裡 ; ..........一串設定..........>
沒有限制寬度的圖框 :
引用:http://tw.myblog.yahoo.com/jw!Ni1Jsb6GABLRNsRb.zO294Rceg--/article?mid=2865
|
以框圖第一篇所提供的語法<Table Style....
試試更改STYLE 設定 順便更換顏色及尺寸
(參考下列數組不同 Style 範例圖)
___________ RIDGE (平色框欄) ___________
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下 |
___________ GROOVE (凹凸(色差)框欄) ___________ 你會發現同樣的尺寸與顏色 但它的框欄有變化 (見下面範例) : 左欄 /上欄 顏色被分為外測深色 內側原色 (呈現凹凸面) 右欄 /下欄(底欄) 顏色 : 外側原色 內側深色 (呈現凹凸面)
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下 |
_____________ Dotted (圓點狀框欄) _____________
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下 |
___________ Dashed (橫點狀框欄) ___________
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下 |
___________ Double (雙框式樣) __________
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表前 照你平時改換字型顏色及大小的方式 改換 一 下 |
______________ None (無框式樣) ____________
***加一段文字在這裡*** 當然文字顏色是等你貼好了這個語法之後 自己選換* 也就是說 將這一段複製後 貼在你的部落格新文章的HTML碼 頁裡 然後在發表 前 照你平時改換字型顏色及大小的方式 改換 一 下 |
* 本篇的所有框圖範例設定為 cellSpacing=0 cellPadding=10 border=20
大家慢慢來 要有耐心ㄡ~
高級班的菲力 想提前上後半段的課吧? 哈! 其實我也在現學現賣
引用:http://tw.myblog.yahoo.com/jw!Ni1Jsb6GABLRNsRb.zO294Rceg--/article?mid=2552
教學內容:浮雕應用--立體環狀物件
適用版本:PhotoCap 4.01以上(含)
作者大名:UncleHsu
這是一個利用PhotoCap的浮雕功能以及遮罩去背法製作出來立體環狀物件,本篇將要一步步的按步驟解說,請參照操作方法及數值逐步進行。本篇提到的方 法,某些部分運用到比較進階的技巧,而且已在其他教學討論過,可能會敘述得比較簡略,如果看不懂,請閱讀以下這幾篇已發表的文章作為對照:
替照片加上浮雕水印
遮罩去背法─黑白圖文的擷取方法
浮雕水印的另一種方法 ─ 續篇
以下使用PhotoCap 4.21版說明操作步驟:
本教學已發表於論壇的教學區,若有問題歡迎參與討論
本篇來自 photocap論壇
http://www.photocap.com.tw/Tuition/UncleHsu_EmbossApp1.htm
教學內容:替照片加上浮雕水印
適用版本:PhotoCap 4.01以上(含)
作者大名:UncleHsu
製作日期:2008/7/29
首先看看範例圖比較容易明白這個主題的意思:
在這張圖的下方邊緣有一排字,看起來像用鋼印在照片上壓出來的凸起印紋。我不想用 "鋼印效果" 作標題,怕被誤以為是鋼印教學,所以給了這個名稱 "浮雕水印"。
接下來,我們趕快來看看怎麼製作吧!
注意:本教學適合已熟悉PhotoCap操作的舊生,新手請先看完新手必讀
1.請將PhotoCap開啟在主功能畫面。
2.首先,準備一張自己的水印圖案(或文字),例如底下這張圖。請像這張圖一樣使用純粹黑白,白底黑圖案。如果你的圖是採用影像物件或文字物件做出來的,請記得要合併圖層。
3.執行 "濾鏡/風格化/浮雕",在浮雕設定畫面的 "遮罩大小" 選 "3x3","角度" 設定 "-45度"。("角度" 是指光源角度,而 -45度是大部分影像軟體喜歡採用的光源角度,你也可以自己決定你喜歡的光源角度)
4.結果就像下圖,請將它儲存起來備用,存成JPG或PNG都無妨。
5.執行 "檔案/載入影像(照片)" 開啟一張照片。
6.執行 "物件/加上物件/影像物件",這時請選擇載入你在第4步驟儲存的浮雕水印圖。
7.浮雕水印圖載入之後將位於照片上層,將它移到適當的位置,調整為適當的大小。
8.現在請看工作畫面右下角的圖層控制區,它顯示有一個底層(照片)、以及一個影像物件圖層(浮雕圖)。
9.請按下藍色的 "圖層控制與設定" 按鈕,從選單中選擇 "圖層屬性設定"。
10.在 "圖層屬性設定" 的 "混合模式" 選 "強光","不透明度" 設定為 "80%"。
11.確定之後合併圖層即可,完成圖就像本文一開始的範例。
【後記】雖然在步驟2中,我們使用了純粹黑白的影像來製作浮雕,其實也可以用彩色照片來做。例如下面的大冠鷲照片,原則下只要背景夠單純就可以做出不錯的浮雕。
教學內容:替照片加上浮雕水印 ─ 續篇
適用版本:PhotoCap 4.01以上(含)
作者大名:UncleHsu
在「替照片加上浮雕水印」這篇,我們介紹了利用圖層混合模式的 "強光" 來達成浮雕水印的效果。可惜的是這種圖層混合模式目前PhotoCap只能在主功能畫面執行,其它功能並未提供圖層混合模式,例如想要運用 "批次照片編輯" 來為整批照片都加上浮雕水印的話就沒辦法了。
本篇再介紹另一種方法,將浮雕水印製作成透明背景的PNG檔,那麼就可以在批次照片編輯裡面將做好的浮雕水印以影像物件的方式載入,存成模板之後更可以用於批次輸出。
本篇再介紹另一種方法,將浮雕水印製作成透明背景的PNG檔,那麼就可以在批次照片編輯裡面將做好的浮雕水印以影像物件的方式載入,存成模板之後更可以用於批次輸出。
請注意:本教學適合已熟悉PhotoCap操作的老手,新手請先看完「新手必讀」。此外,本篇將會運用到已經發表的兩篇教學的內容,包括「遮罩去背法─黑白圖文的擷取方法」,以及前面介紹的「替照片加上浮雕水印」,請先閱讀並且瞭解這兩篇的內容。
有了前面的導讀準備之後,我們來看看透明PNG浮雕水印的製作步驟:
1.由主功能畫面執行 "檔案/載入影像",載入前篇「替照片加上浮雕水印」製作出來的灰底浮雕圖案。
2.執行 "圖層/新增圖層/複製目前圖層",現在工作畫面上有兩個圖層,請看右下角的圖層清單,除了原先載入的底層,還多一個圖層名為 "影像圖層1"。
3.游標點一下圖層清單中的底層,讓它反相成為作用中。
4.執行 "影像/填滿",在目前作用中的底層填上白色。
5.滑鼠在圖層清單中的 "影像圖層1" 點兩下,進到 "圖層屬性設定","混合模式" 選擇 "強光",100%。
6.現在工作畫面上看到的會是這個樣子:
7.記得文章一開始我們所介紹的「遮罩去背法─黑白圖文的擷取方法」嗎?我們要將這個畫面存成遮罩,請按照該文的方法,將它存成PNG影像類型,位元格式設定請記得指定 "8位元"。它是右下方的陰影,取名為black.png備用 (後面的步驟將會用到)。
8.目前我們的作用圖層還在影像圖層1,如果不是,請用滑鼠點一下清單上的影像圖層1,然後執行 "影像/反相",這時候工作畫面上的陰影變成在左上方:
9.張圖也要存成遮罩,它將用來製作左上方的白色邊緣,請仍然存為8位元的PNG檔,取名為white.png,這也是後面將會用到的。
10.這裡影像圖層1已經功成身退了,請按一下圖層清單下方有個垃圾桶圖示,將影像圖層1刪除,只留下白色底層。
11.執行 "影像/填滿",在底層填上灰色。灰色有助於看清楚工作狀態,後面續繼做你就能明白了。
12.我們在前面步驟7.產生一個black.png,及在步驟9.產生一個white.png,現在請回憶一下在前文導讀的「遮罩去背法─黑白圖文的擷取方法」,這兩個材料將用來產生左上方的白色邊緣及右下方的黑色邊緣,而且都是去背透明的。
13.執行 "物件/加上物件/遮罩外框物件",載入white.png,並且進到遮罩屬性設定,將 "色彩設定" 的顏色設定為白色 (若預設顏色已經是白色則可以不進入屬性設定)。此時工作畫面已經可以看到白色邊緣:
14.同樣的方法再載入black.png,但屬性裡 "色彩設定" 的顏色設為黑色:
15.現在明白步驟11.填上灰色底層的用意了吧?不論白色或黑色邊緣都看得到。但是底層是沒用的,請到圖層清單將底層的眼睛圖示點一下,讓它成為隱藏。
16.現在我們在工作畫面看到的是一個透明背景、黑白邊緣都存在的影像,請將它存成PNG檔案備用,這就是我們以後可以當作影像物件載入的浮雕水印檔案,可以在主畫面使用,也可以在批次照片編輯裡使用。
感謝您耐心讀完本篇。
本教學已發表於論壇的教學區,若有問題歡迎參與討論
本篇來自 photocap論壇
http://www.photocap.com.tw/Tuition/UncleHsu_WaterMark.htm
http://www.photocap.com.tw/Tuition/UncleHsu_WaterMark2.htm
你想把資料、照片、檔案
用網路傳給同學、朋友
但是檔案太大了,用即時通、MSN傳不過去?
今天介紹的這個網站
是專門在傳送「大檔案」的~
想傳送「大檔案」給別人?
Sendspace這個網站,是專門傳輸大檔案的(最大到500MB)
請進入:
按瀏覽,在電腦裡挑選你要傳送的檔案(一次選很多檔案也可以)
選好就按上傳
上傳成功,就會出現檔案網址,把它複製起來
*第二個網址是「刪除檔案」用的
把檔案網址丟給你朋友
對方就能連到專屬的網頁,把檔案下載回家!
是不是很方便呢?
http://www.wretch.cc/blog/Umod/3623293
引用:http://tw.myblog.yahoo.com/jw!cs6EvQWABUELErDQgEI-/article?mid=49302
|
引用:http://tw.myblog.yahoo.com/jw!Rg0xrvWLHw4Xoss5LK.PTypIhXtG1KA0IAhS/article?mid=35111
奇摩版型設定 分3欄 右邊 左邊 如圖下左邊設定一向都很窄 所以大家幾乎選擇右欄或三欄
現在我是不知道 是否有更棒的語法 因為我也是最近才使用左欄 為了製版
我一直都是設定3欄 沒有多的選擇 現在也是 頂多右邊
最近製版開始也想試試左邊 換來換去 無意中 發現 原來左欄也可以寬欄 並非是語法
版型CCS語法分
右邊 加寬
.twocolga .yc3main {width:100%;float:left;}
.twocolga .yc3mainbd {margin-right:55px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:185px;position:absolute;right:0px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:900px;margin:0 auto;}
.twocolga, .twocoldr{min-width:10px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:930px;text-align:left;margin:0 auto;}
三欄 加寬
.thrcol #yhtw_mastfoot {width:930px;margin:0 auto;}
.thrcol{min-width:930px;}
.thrcol .ycnt3col {zoom:1;width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:178px;}
.thrcol .yc3subbd {width:183px;float:left;position:absolute;right:-25px;}
.thrcol .yc3sec {width:183px;float:right;position:absolute;left:-15px;}
左邊 窄欄
.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}
這三種
但是如果你想要左邊也是寬欄的話
直接設定選取左欄
左邊 窄欄
.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}
但是版型設定需要設定成三欄 將一個不會使用到的 標題 丟到右欄 這樣左欄也能加寬喔^^
是不是大家都知道阿 那就分享給不知道的初學適用吧!呵呵
補充說明: 好友自然提出 如果將
.thrcol.class {min-width:930px;}
.thrcol .ycnt3col {width:930px;text-align:left;margin:0 auto;}
.thrcol .yc3mainbd {margin-left:180px;}
.thrcol .yc3pribd {margin-right:0px;}
.thrcol .yc3sec {position:absolute;width:185px;left:0px;}
.thrcol .yc3subbd {width:0px;}
紅色部分去除掉 也可以變寬欄 翔霏測試一下 真的可以耶 也是一個方法 可是 文章或標題可能會有些微偏差 如圖下
但是如果覺得翔霏方法麻煩 可能這是一個比較簡單快速的方法喔!感謝自然時常與我討論!
ps:自然又提出
有些背景固定的就不適合了,像您的目前的版型背景就適合了感謝告知!
感謝♬ ♪ ♩♭ ♫穎ㄇㄚ咪提供分享
我又有新發現了( 選擇版面兩欄位靠右設定 )..可以加到300都沒問題..
只是要調整數值就可以..比起我們之前使用的語法 更便利
左欄位加寬205 特殊語法.twocolga .yc3main {width:100%;}
.twocolga .yc3mainbd {margin-left:330px;}
.twocolga .yc3pri {width:100%;margin-left:100px;}
.twocolga .yc3subbd {width:205px;position:absolute;left:0px;}
.twocolga .yc3sec {display:none;}
.twocolga #yhtw_mastfoot, .twocoldr #yhtw_mastfoot {width:990px;margin:0 auto;}
.twocolga, .twocoldr{min-width:990px;}
.twocolga .ycnt3col, .twocoldr .ycnt3col {zoom:1;width:990px;text-align:left;margin:0 auto;}
.twocolga .yc3mainbd {margin-left:330px;}左欄與文章欄中的間距 數值越大 才不會相連.
.twocolga .yc3pri {width:100%;margin-left:100px;}文章欄右側調整.. 調一下才不會跑出邊界
.twocolga .yc3subbd {width:205px;position:absolute;left:0px;}綠色欄寬設定值! 紅色欄位左右
選擇兩欄位版面窄欄靠右 也無須隱藏更新日期 即可顯示!啟發 源自Ember & Makos
本文出自翔霏寶貝屋
引用:http://tw.myblog.yahoo.com/jw!cs6EvQWABUELErDQgEI-/article?mid=32990
http://www.zcool.com.cn 站酷
http://www.sc-cn.net 素材中國
http://www.wzsky.net 設計前沿
http://www.3lian.com 3lian素材
http://happyfx.5d6d.com 快樂分享(資源分享)
http://sc.chinaz.com 站長站
http://sc.52design.com 創意線上
http://www.72sc.com 奇愛素材
http://www.ekoooo.com 素材藝庫
http://www.vicnc.com 設客網
十大免費圖庫網站
http://www.tucoo.com 圖酷
http://www.deskcity.com 經典桌面資源站
http://www.108y.com 中國圖庫聯盟
http://www.ivsky.com 天堂圖庫
http://www.photophoto.cn 圖行天下
http://www.imagewa.com 圖蛙圖庫
http://www.photoshop.org.cn photoshop素材庫
http://www.zhuoku.com 桌酷
http://www.sssccc.net 素材世界
http://www.iecool.com/pic E庫素材
十大免費字體網站
http://www.dafont.com DAFONT
http://www.myfonts.com/WhatTheFont MyFont
http://www.urbanfonts.comurbanfonts
http://www.youmade.com/fontyoumade font
http://www.homefont.cn字體之家
http://www.font.com.cn 字體中國
http://www.freewarefonts.comfree fonts
http://www.showfont.netshow fonts
http://www.font.net.cn 字體吧
http://www.zhaozi.cn找字網
十大免費圖示網站
http://www.freeiconsweb.comFree Icons Web
http://www.4241.cn 圖示集
http://www.vistaicons.com vistaicons
http://tango.freedesktop.org/Tango_Icon_Gallery圖示搜索器
http://www.ekoooo.com/html/tubiao 圖示下載
http://www.mb5u.com/sucai 網頁圖示
http://icon.desktx.com 桌面圖示
http://www.iconbus.com iconbus
http://www.wzhan.net iconfans
http://www.108y.com/tubiaoxiangsutuku 高清圖示
十大免費FLASH 素材網站
http://www.flash8.net/download.shtml 閃吧素材
http://www.flashline.cn 中國FLASH線上
http://www.51fla.com FLASH 酷
http://www.ekoooo.com/html/flashsucai FLASH素材
http://www.baihh.cn flash特效
http://www.dabaoku.com/flash 網頁製作大寶庫
http://moban.knowsky.com 動態網站製作指南
http://www.qnflash.com 新丁flash
http://www.flash-home.com FLASH家園
http://www.chflash.cn chflash
引用:http://tw.myblog.yahoo.com/jw!eKaZbkqfHwJdkEaLX9I_6a3NS24N/article?mid=11217
3分鐘能做什麼呢?
您想要3分鐘完成個人風格的 SWF 音樂動畫、或是GIF動畫 Logo、或是音樂動態告示板嗎?
一起來試試如何? (請不要告訴我您只要 2 分鐘就完成了....)
1.下載→ SWFText.rar (點右鍵另存目標)
2.解壓縮之後,不用安裝,請點 2 下開啟...
影片︰設定寬度、高度、速度、要不要邊框線...
背景︰設定用底色或上傳圖片為背景圖...
背景特效︰選擇自己喜歡的樣式
文字︰編輯文字內容
文字特效︰選擇自己喜歡的樣式、設定延遲的時間、效果
字型︰選擇字體、顏色、大小、效果
音效︰上傳音樂或音效
3.全部設定好了、預覽如果滿意,點【發表】可儲存為 flash 影片,或 gif 動畫
4.上傳到您的網路空間,取得網址,然後將網址加入語法中,更改高和寬的數字就行了
如果您是存成flash影片,請用用這個語法↓↓↓↓然後.貼到→ 觀看HTML 原始碼
<align="center"><embed allowscriptaccess="never"網址貼在這裡" width="125" height="300" type="application/x-shockwave-flash"></embed>
5.第一次使用時,要花點時間設定,第 2 次製作時,一分鐘就可完成了。
(請您點一下金魚的頭,看看會如呵呢? ↑↑↑↑↑↑↑↑↑↑↑)
6.不建議存成 gif 檔,因為檔案會太大。
7.如果你不知道,製作好的 swf 要上傳到哪裡,請參考 這篇 後半段的圖片說明
8.如果你要上傳到青蛙網,不建議加 一首歌,除非是簡單的音效,因為檔案會大大,影響連結速度。最好音樂用組合式的,音樂另外貼, 這樣才不會網頁很難開。
9.希望您喜歡...
問你喔.....
您製作好了沒有,用了幾分鐘呢? (第一次不算喔~~我問的是第 2 次喔)
引用:http://tw.myblog.yahoo.com/jw!avNLqKiZHwMPjPGs6dJc3a0-/article?mid=1643
|
引用:http://tw.myblog.yahoo.com/jw!R.LG_UeaHBKsESHCfX.uaT0-/article?mid=123752
KMPlayer是一款功能非常強大的影音播放軟體,支援了非常多種的編碼器。KMPlayer檔案很小不佔空間,介面也很漂亮,而且還有 很多漂亮的面板可以更換使用,所以受到廣大網友的愛用。KMPlayer支援了網路上最常用的影片播放格式FLV他是由Flash所製成影音播放格式,也 就是在YouTube所下載到的影片都可以直接由KMPlayer來播放,不須要再去找一堆軟體。FLV除了影片和音樂檔可以播放之外,他也是最普遍的 Flash遊戲檔案格式,一樣可以透過KMPlayer來播放他。
KMPlayer 所支援的檔案格式非常廣大,如影片檔的 AVI、DAT、MPEG﹙MPG﹚WMV、RMVB、RM、 FLV、MOV、VOB、MP4、MKV … …等;聲音檔的MP3、M4A、MP4、WMA、APE、MPC、OGG、FLAC、RM、AIFF … …等。還有常見的圖片檔的gif、jpg、png、bmp… …等都可以開啟,甚至連另外IMG、 BIN、NRG、ISO這些光碟影像檔也可以直接開啟。KMPlayer還有一個強大的功能就是可以擷取影片視訊畫面、擷取聲音和所看到的畫面儲存為圖片 檔,一般的播放軟體並沒有這些功能,所以安裝了一個KMPlayer程式等於集眾多程式於一身,為我們省去很多時間。
網路上有很多很好看的影片,或一些爆笑的趣味影片,一般人是不會只看過一次而已,都很希望能把他下載到我們自己電腦內,這樣就可以隨時都來觀看他。 但是網路上的影片真的格式很多,如果要每個影片格式就安裝一個程式的話,那真的太麻煩也太佔空間了。現在使用KMPlayer來播放這些影片,可以輕鬆的 打開我們所下載的檔案,不須要再去安裝一大堆不必要的軟體。KMPlayer他還可以有快轉、倒退、單格播放的功能,讓我們在觀看精彩的影片時,可以詳細 的看到他的完整性,不會錯過每一個精彩的畫面。以下是KMPlayer的簡單安裝圖解說明,還有如何去設定才能有擷取影片、聲音的功能,最後是提供了 KMPlayer各版本的發佈時間及下載連結。
■ 軟體檔案 ■ 軟體名稱:KMPlayer 多功能影音播放器 軟體版本:3.1.0.0 支援語系:繁體中文
授權類型:免費軟體
檔案大小:15.1MB 系統支援︰Windows 98/2000/XP/2003/Vista
官方網站:http://www.kmplayer.com/korea/index.php 軟體下載:按這裡 舊版1432:請按這裡
(新版本無法使用請改用此舊版)
3.1.0.0版更新列表︰ 更新打開專輯封面 三維圖像添加字幕 MKV文件格式支持WEBM 損壞的MKV文件的播放。
EVR如何改變字幕。
錯誤修正AAC音頻編解碼器。 RTMP地址解析錯誤修正 HTTP流式錯誤修正 互聯網流媒體,下載錯誤,
不關閉在播放了修復。 電影(永遠 /運行唯一/基地),以修改設置立即生效。
第1步 下載完成後點選程式開使安裝。在對話方塊中預設的語言是「English」(英文),
不用去改變他,因為安裝完成後還是會變成繁體中文的介面的。按一下〔OK〕。
第2步 安裝的過程中大部份都沒什麼問題,就是和一般的程式一樣都選擇「Next>」(下一步)即可。
唯一就是在安裝快完成的時候會出現以下這張圖解的畫面,Mask Ask my browser default search provider
(問你要不要在瀏覽器上安裝他的工具列)、Set Ask.com as my homepage(是不是要把您的主頁改成Ask.com為首頁)。
第3步 在安裝完成的最後一個對話視窗上面︰
第4步 這是KMPlayer播放影片檔的畫面,當然他不只是能播放影片而已,還可以播放很多音樂檔的格式,如mp3等等。
第5步 很多人要使用KMPlayer來擷取影片視訊或音樂的音訊會找不到選項,這是因為您還沒去勾選到他的進階選項。
第6步 最後就是您如果在安裝的過程中不小心去按錯了選項,把PANDORA.TV這個工具列安裝上去了,
那必需透過以下的方法來移除他。
KMPlayer各種版本下載︰
[2011/09/21 The KMPlayer 3.0.0.1442
http://cdn.kmplayer.com/KMP/Download/KMPlayer_EN_3.0.0.1442_R2.exe
[2011/06/20 The KMPlayer 3.0.0.1441
http://cdn.kmplayer.com/KMP/Download/KMPlayer_EN_3.0.0.1441_R2.exe
[2011/04/22] The KMPlayer 3.0.0.1440
http://cdn.kmplayer.com/KMP/Download/kmp.exe
[2010/09/15] The KMPlayer 3.0.0.1438
http://cdn.pandora.tv/KMP/Download/kmp.exe
[2010/05/20] The KMPlayer 2.9.4.1437
http://imgcdn.pandora.tv/pan_img/KMP/Download/kmp.exe
[2009/9/15] The KMPlayer 2.9.4.1435
http://imgcdn.pandora.tv/pan_img/KMP/Download/Release/The_KMPlayer_1435.exe
[2008/12/22] The KMPlayer 2.9.4.1434
http://cdn.pandora.tv/KMP/Download/beta/The_KMPlayer_1434.exe
[2008/10/15] The KMPlayer build 1433
http://imgcdn.pandora.tv/pan_img/KMP/Download/beta/The_KMPlayer_1433.exe
[2008/07/15] The KMPlayer build 1432
http://imgcdn.pandora.tv/pan_img/KMP/Download/beta/The_KMPlayer_1432.exe
[2008/05/08] The KMPlayer build 1431
http://imgcdn.pandora.tv/pan_img/KMP/Download/beta/kmp_1431_r3.exe
[2008/03/03] The KMPlayer build 1430
http://imgcdn.pandora.tv/pan_img/KMP/Download/beta/kmp_1430.exe
(以下KMPlayer軟體介紹轉載自這裡)
功能超強的多媒體影音播放程式:KMPlayer
KMPlayer是一套將網路上所有能見得到的解碼程式(Codec)全部收集於一身的影音播放軟體;只要安
裝了它,你不用再另外安裝一大堆轉碼程式,就能夠順利觀賞所有特殊格式的影片了。
除此之外,KMPlayer還能夠播放DVD與VCD、匯入多種格式的外掛字幕檔、使用普及率最高的WinAMP音
效外掛與支援超多種影片效果調整選項等,功能非常強大!
你是否有過在網路上下載回來的影片卻無法順利播放的經驗?這是因為網路上的影片為求盡可能的瘦身,通常採用了壓縮比極高的特殊格式來製作;但這些特殊格式影片需要安裝特定的轉碼
程式(Codec)才能觀看,而轉碼程式又分很多種類,若是要一個個尋找還真是麻煩!
若是你也遇上了上述的問題,趕緊來試試KMPlayer吧!它是一套將網路上所有能見得到的解碼程式(Codec)全部收集於一身的影音播放軟體。只要安裝了它,你不用再另外安裝一大堆轉碼
程式,就能夠順利觀賞所有特殊格式的影片了,讓你省下每次觀賞影片就要上網到處找尋各種Codec的麻煩!
除了內建了各種Codec以外,KMPlayer還擁有很多優異的功能;像是能夠播放DVD與VCD、佔用系統資源極小、支援多國語系、可以外掛多種格式的字幕檔、可以使用普及率最高的WinAMP
音效外掛程式來增強聲音品質、支援超多種影片效果調整選項、內建一堆超炫的主題介面模組等等,更重要的是它是完全免費的呢!
引用:http://tw.myblog.yahoo.com/jw!km_w38iCAh60M.ADGfd_SkaEsg--/article?mid=69320
引用:http://tw.myblog.yahoo.com/jw!OZP75MeUERlLQY585UtpjiDycyRnU.8-/article?mid=6585
|
引用:http://tw.myblog.yahoo.com/jw!30IGbceYHxLyylj1qMqeaA.YreHOP44R/article?mid=5564