目前分類:語法學習 (237)

瀏覽方式: 標題列表 簡短摘要

來製作專屬的「霓虹燈」小貼紙!



分類:blog教學

2009/08/19 11:47



 



你知道霓虹燈嗎?
夜晚的都市霓虹嬁
發出耀眼的光芒,很漂亮、也很吸引人
下面就教您製作專屬的
霓虹燈小貼紙!

neonsign提供,請按下面進入:




填上你的名字(英文),按預覽




出來啦,有各式各樣的霓虹燈




選個自己喜歡的,按進去。會看到一系列、不同顏色的招牌
在圖片上按右鍵,就可以下載。把不同顏色的全部下載回去




還沒結束喔,現在要讓霓虹燈動起來
請進入下面網站:




按瀏覽,從電腦裡選剛才的圖片,然後按Upload上傳




把剛才的招牌,一張一張,全部上傳




好了嗎?按下製造




完成品出現在最上面,是會變色的。把它下載回去,就大功告成了!




如果覺得變色的速度太慢,可以自己修改每一格的時間,讓它變快一點~




再看一次,完成品就像這樣
,是不是很酷呢?





 




 

oreokimo 發表在 痞客邦 留言(0) 人氣()

《 swf 動畫製作教學》



分類:blog教學

2009/08/12 13:08








 


網路上讓人愛不釋手的 swf 動畫,您知道↑↑↑這樣美的情境是怎樣製作出來的嗎?
您想不想讓自己的創意,優雅動人的呈現出來呢?


天下無難事,只怕有心人,只要您肯下功夫,有什麼學不會的呢?
當您作品完成時,心中的喜悅,是無法形容的...



 為了協助大家享受學習的快樂, 晨曦婆婆 特別邀請各大名師,在此教學....


您可以選自己喜歡的老師上課,只要您肯用心,製作swf動畫是沒有想像中難的...


1.呂聰賢老師主講 動畫SWiSHMax的入門 SWiSHmax 特效 動畫 

  呂聰賢老師主講 SWiSHMax2 影音教學 ←大陸網站→ swish max swish教程


2.林妙玲老師主講 SWiSHMax的入門基礎


3.陳愛卿老師主講 SWiSHmax網頁動畫


4.葉俊緯老師主講 SWiSHmax研習


5.李燕秋老師主講 SWISH MAX動畫製作


6.Oldlady老師主講 『與SWiSHmax共舞』入門篇  再與SWiSHmax共舞』進階I


  Oldlady老師主講 與 Swish 共舞 ]  文字特效  圖片特效  匯入音樂   


7.洪錦永老師主講 Sothink SWF Quicker


8.碧華教學網→ 影音教學→ SWiSHmax







 只要您肯給我 2 個小時,製作SWF動畫不是夢。我們一起來學吧...


您可以選自己喜歡的版本下載試用(如果您有更新更好用的版本,也請您分享)


官方網站:http://www.swishzone.com/


1.檔案下載:官方網站下載(15天英文試用版2009.06.02更新)


   安裝說明:下載安裝(影片)教學 或 下載安裝(圖片)說明


2.SwishMax 2008.8.12 swishmax2繁體中文 試玩版下載 (只試玩,不能存檔)

3.SwishMax 2007.05.24-免安裝版(Seconds to wait: ←等秒數變成驗證碼後下載)


4.swishmax 2006.06.29繁體中文免安裝完美版(解壓縮密碼  kaleido)(約14.4MB)


5.SWiSHmax Build 2005. 04.19繁體中文化版 (解壓縮密碼為 FTP Explorer Share )


6.Swishmax V3 繁體中文 免安裝綠色版(約8.10MB)


《 學會之後請購買功能更齊全,特效更多樣化的原版使用。》


請到 這裡(繁體中文版) 或是 這裡(英文版)購買,並參考軟體的詳細說明。





 動畫製作完成,要上傳到哪呢?


雅虎部落格,swf檔目前好像只開放青蛙網和樂多,因為網路空間都有流量控管,所以您加入音樂時,音樂一定要壓縮,否則檔案會太大。


如果您是想貼在雅虎分享大家,也可以考慮動畫和音樂用組合式,連結比較快,也不會因太多人同時點閱或引用,而超過流量,而且也沒有音樂壓縮之後失真的困擾。


如果妳還沒申請網路空間,請參考青蛙網的申請與上傳(青蛙網連結速度,似乎比較快)或是到 樂多免費申請 (申請之後,立刻可上傳 ,點上傳檔案ˋ圖片)那個選項。
  






 也許您會問....
難道沒有簡單又快速的製作方法嗎?


當然有....
請參考 swf 音樂動畫 3分鐘速成 (這些特效和文字的變化,也很多種)


可是,如果您有時間,建議學SWiSHmax,比較有成就感,場景的變化比較多,可以讓作品更優雅細膩的呈現,您用多少努力,就會有多少的快樂....


我們一起加油吧~~~



  給大家來點福利~~


如果,您學習中有問題需要解說,請找我的SWiSHmax老師 阿信仔 發問。
請注意,發問以前請先作功課, 請教別人但不要依賴別人


記得,請先觀賞影音教學檔喔(至少看完其中一位老師的教學)有需要協助再發問。
作品完成之後,一定要來晨曦乍現(請貼作品連結到回應中)邀請我去觀賞喔。讓我分享您的快樂。


來吧~~給您自己一個不一樣的天空~~
只要您肯給自己一個機會..您可以有個全新的嘗試....


您可以拋開很多包袱,知道如何把握機會,就從這裡開始...
~~與SWiSHmax共舞~~


 



oreokimo 發表在 痞客邦 留言(0) 人氣()

欄位捲軸篇(二)自訂式樣CSS語法中將一次設好左右連捲軸



 



1.欄位加捲軸可以在自訂式樣中只設


文章分類--最新回應--最新文章--捲軸


語法如下:


(語法中捲軸顏色未設定會隨面板中已設定的整個卷軸顏色如要另改別的顏色請加上卷軸顏色設定)


/*文章分類--最新回應--最新文章--捲軸內容高度--內容超出區塊自動由瀏覽器決定-相對定位*/


 #ymodfolder .mbd, #ymodnewcomt .mbd, #ymodnewart .mbd {HEIGHT:250px;OVERFLOW:auto;position:relative; }


註解: 語法中設定值請依照中文語法宣告中顏色標示


2. 到CSS式樣中直接設定兩側欄位加上捲軸


此種左右攔在CSS上直接加語法不可同時使用上方→文章分類--最新回應--最新文章--捲軸語法→請選擇一種使用


3.使用左右欄位設捲軸語法須一併到CSS式樣表中將面板的欄位加寬


下方範例是三欄式面板中左右欄加寬語法  ↓


/*三欄式面版寬度990左右欄欄位都加大*/


.thrcol #yhtw_mastfoot {margin:0 auto;}.thrcol.class {min-width:990px;}.thrcol .ycnt3col {width:990px;text-align:left;margin:0 auto;}
.thrcol .yc3main {width:100%;float:left;}.thrcol .yc3mainbd {margin-left:200px;}.thrcol .yc3pri {width:100%;float:right;}.thrcol .yc3pribd {margin-right:200px;}
.thrcol .yc3subbd {width:190px;float:left;position:absolute;right:5px;}.thrcol .yc3sec {width:190px;float:right;position:absolute;left:5px;}


 面板大小欄位寬度請自行修改到自己想要的寬度


其他面板式樣欄位加寬方法請參考:→


4.自訂左右欄捲軸


語法:


/*自訂右邊欄位加捲軸語法*/
.thrcol .yc3subbd.list.fi1{OVERFLOW:auto;HEIGHT:350px;scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;padding-right:0px;}


/*自訂左邊欄位加捲軸語法*/
.thrcol .yc3sec.ul.list{OVERFLOW:auto;HEIGHT:350px;scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;padding-right:0px;}


卷軸設定圖解及設定值請參考圖解:→

做好的面板式樣如下:



5.須特別注意你的欄位中如放ㄌ多個時鐘,音樂等swf檔的欄位捲軸會無法移動


這裡設定的捲軸只對左右欄文字圖片或是單個swf檔欄位可以使用


如你有這種多個swf(時鐘音樂等)檔案的欄位請在自訂式樣CSS語法中再加入如下(個別欄位設定捲軸語法)


(卷軸顏色可以設定根左右欄卷軸顏色相同)卷軸顏色及其他設定值請參考上方連結圖進入察看


#fi4{OVERFLOW:auto;HEIGHT:350px;scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;padding-right:0px;}


貼好語法到CSS自訂式樣後按確定:


在到那個放多個swf檔的自訂欄位~~打開該欄位


在欄位內容語法中在開頭處加上






再內容語法最後再加上




這樣就大功告成嚕!!


 



oreokimo 發表在 痞客邦 留言(0) 人氣()

 



左右自訂欄位要在CSS自訂式樣中設上捲軸設定有兩種方式


(但要在自訂欄位加捲軸建議使用面板欄位加框設定)


面板欄位加寬方法請參考 →



●第一種方法


1.先到版型設定處將(自訂欄位)欄位名稱全部移到左邊其他預設欄位都設在右邊


2.將下方語法貼到CSS自訂式樣表最底處


語法範例如下



/*自訂欄位加捲軸語法*/
.yc3sec .mbd.ul.list{OVERFLOW:auto;HEIGHT:350px;scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;}

語法解說:


OVERFLOW:auto; →內容超出區塊自動由瀏覽器決定


HEIGHT:350px;  →滑軌高度


滑軌各部顏色↓


scrollbar-face-color:#333333;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;


捲軸語法部位說明
SCROLLBAR-FACE-COLOR: 色碼; /*設定軸面顏色*/

SCROLLBAR-HIGHLIGHT-COLOR:色碼; /*設定軸面三角左邊顏色*/

SCROLLBAR-SHADOW-COLOR: 色碼; /*設定軸面三角右邊顏色*/

SCROLLBAR-3DLIGHT-COLOR: 色碼; /*設定左立體邊顏色*/

SCROLLBAR-DARKSHADOW-COLOR: 色碼; /*設定右立體面顏色*/

SCROLLBAR-ARROW-COLOR: 色碼; /*設定箭頭的顏色*/

SCROLLBAR-TRACK-COLOR: 色碼; /*設定軸軌的顏色*/



卷軸OVERFLOW 設定:

OVERFLOW 設定捲軸出現的設定值,以下列出較常用的語法

OVERFLOW : Hidden;   不出現捲軸

OVERFLOW : Auto;  瀏覽器判斷區塊是否超過設定的寬高,而出現捲軸

OVERFLOW : Scroll;  強迫出現捲軸,無論是否超過預設的寬高


Hidden及Scroll也可以各別設定直捲軸Y 或 橫捲軸X

OVERFLOW-x : Hidden; 定義X 水平捲軸隱藏不出現

OVERFLOW-y : Hidden; 定義Y 垂直捲軸隱藏不出現

OVERFLOW-x : Scroll;  強迫X 水平捲軸出現


卷軸名稱部位對照表



語法放置自訂式樣請參考圖解:→


●第二種方法:


此方法一樣建議使用在版面攔位加寬後


這方法可以任意將想要加捲軸的或是不加捲軸的自己設定~


這方式不限自訂欄位是方左側或是右側一樣都可以任意加上


1. 將下方語法貼在CSS自訂式樣表中



#fi4{OVERFLOW:auto;HEIGHT:250px;scrollbar-face-color:#0000FF;scrollbar-highlight-color:#cccccc;scrollbar-darkshadow-color:#cccccc;}
 

語法中 fi4區塊名稱標籤


語法中捲軸顏色及其他設定與上方註解一樣


2. 在每一個要加捲軸的自訂欄位加內容時須在內容開頭處打上


加上<div id="fi4"> 在最後再加上</div>



如下範例↓


<div id="fi4"> 這裡再貼欄位中文字或是語法</div>


自訂欄位貼貼語法請參考圖解:→







 

oreokimo 發表在 痞客邦 留言(0) 人氣()

 




當您有千言萬語想要訴說時,怎樣讓 " 紙短情長 " 呢?
怎樣讓這些  " 落落長  " 的文字感覺不會太鬆散呢?


讓我們在文章內文加入  " 捲軸  " 就行了...


範例一. 好久不見,你好嗎?  
所搭配的情境動畫,是跟隨著文字敘述,詮釋心境,就將→(所有內容都加入捲軸中)


範例二.佛,為何都不說話...    有誰比我慘的請舉手~~    我發誓,這是真的。
文章內容和上方的動畫,影音,圖片秀是上下呼應的,就將→(捲軸就加在文字上方)


範例三.我說這樣多了,您還堅持要結婚?
多篇題材類似的內容,想 po 在一起,可以先加入表格語法,再加入捲軸。


 


怎樣在文章內容加入捲軸呢?


1.先打好文章內容。
2.想加圖片..動畫..影音..幻燈秀..表格..圖框也都先嵌入。
3.在您想要開始捲動的地方,貼上捲軸語法。
4.修改捲軸的高度


<div style="
SCROLLBAR-FACE-COLOR: #DCF1EA;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #DCF1EA;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #DCF1EA; HEIGHT: 400px">
<div>


語法說明


SCROLLBAR-FACE-COLOR 軸面顏色
SCROLLBAR-HIGHLIGHT-COLOR 軸面三角左邊顏色
SCROLLBAR-SHADOW-COLOR 軸面三角右邊顏色
SCROLLBAR-3DLIGHT-COLOR 左立體邊顏色
SCROLLBAR-ARROW-COLOR 箭頭的顏色
SCROLLBAR-TRACK-COLOR 軸軌顏色
SCROLLBAR-DARKSHADOW-COLOR 右立體邊顏色




建議『軸面顏色』和『軸軌顏色』最好取文章內容中的顏色。
怎樣擷取相關顏色的色碼呢?


1.開啟PicPick→ 色彩選擇器→ 在想擷取的顏色上點一下→ 色碼出現在調色盤中





如果您沒有PicPick Tools 請參考簡單好用的擷圖軟體


如果,您想要自己配色,也可以利用捲軸顏色產生器


 


還有,語法要貼在什麼位置呢?


1.您可以在要加入捲軸的起點,做個標記(如:00000000000之類,易於辨識的)



2.勾選觀看HTML 原始碼 ,就可以很快找到要加入語法的地方了。


3.刪掉標記,加入語法,修改捲軸高度,然後發表,就行了...



 



oreokimo 發表在 痞客邦 留言(0) 人氣()






部落格文章區要使用背景圖,
不可用相簿中圖片網址
要先將圖片上傳網路空間取得網址
再將圖片網址貼到語法中~~
然後將語法貼在文章編輯區
的HTML原始碼內


語法如下:



<div style=" width: 背景圖寬度px; height: 背景圖高度px; z-index: 1; letter-spacing: 3px; background-image: url('圖片上傳網路空間取得的網址'); top:10px">
<br><br><br><br><b>文章內容文字<br><br>
文章內容文字<br><br>
文章內容文字<br></font></b><br></p>
</div>




引用:http://tw.myblog.yahoo.com/jw!.rXvnqSaAwLoob9CH1Sg3Wg-/article?mid=8465


oreokimo 發表在 痞客邦 留言(0) 人氣()










超優的1000個游標【上集】
琳達將1000分上、中、下集發表
因為次要整理那麼多的語法,確實有點累人
喜歡的好友,請您正確引用
帶走原出處,及我的LOGO
琳達


<A href="http://tw.myblog.yahoo.com/linda590902/" target=blank><IMG alt="""""""""""""""琳達""""""""""""""" src="http://chuan0510.googlepages.com/chuan030.gif" border=0></A>


















































































































































































































































































































































































指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽
指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽指我預覽


★貼游標語法的路徑  選擇二個不同的游標網址,
複製游標網址貼在語法中的未連結和巳連結中(國字的地方)
再複製語法,直接貼至
『管理部落格』  『面板設定』  『自訂樣式』  CSS表最下方空白處
注意喲~~語法不能重覆會失效滴喲!


開始複製→/*游標語法★㊣linda達令㊣★*/
body{cursor:url(未連結時游標網址)}
a:hover {cursor:url(巳連結時游標網址)}←複製到此


範例如下
/*游標語法★㊣linda達令㊣★*/
body{cursor:url(http://www.geocities.jp/umod09/0329.ani)}
a:hover {cursor:url(http://www.geocities.jp/umod09/0324.ani)}

本文來自於:琳達整理

 


 


引用:http://tw.myblog.yahoo.com/jw!Wq0ZeImeGRnEXcfo_Dcv9DxWfA--/article?mid=56868

oreokimo 發表在 痞客邦 留言(0) 人氣()







Xuite 的影音,現在也和音樂一樣,可以直接複製網站提供的語法來貼....


看來,xuite 也開始重視雅虎使用者的需求了.....


我們不必那樣辛苦地從原始檔找音樂網址了.....




還不錯吧...設定大小和是否自動播放,直接複製語法來貼.....


就醬,真方便...


 


 





引用:http://tw.myblog.yahoo.com/jw!TFYv99WYERjLnu.qg_DoZDyK/article?mid=84207


oreokimo 發表在 痞客邦 留言(1) 人氣()


在自訂欄位中放置美美的小物 - 琳達教室
常有格友問琳達該如何將小物放在自訂欄位中,語法貼上了卻沒有看到小物出現
琳達就此題細細教學,好讓格友也能將自己喜愛的小物美化部落格
部落格小物是指時計、計數器、日曆、氣象、音樂盒、寵物...等(請參考 ★部落小物★   )
當然也可以是美美的圖檔,或是flash 的圖檔都可以的
琳達花了很多時間來整理的,若要使用請您正確引用,整篇帶走喔~
要如何正確引用請參考
★琳達教你如何引用BLOG文章★
重新修改文章內容時,建議語法需重貼  
★請別移棄我的LOGO喲~要知道教學者的辛苦喔.....


















一、如何貼時計 or 音樂盒呢??貼語法路徑如下
先複製語法   按管理部落格    按管理自訂欄位  在自訂欄位內容空白處貼上語法
   填上自訂欄位名稱(限七個字)    最後按
儲存
請看圖文解說


2. 按格子裡的→ (記得要先登入你的帳號,才看得到喔~)

3.  點選管理自訂欄位→

4. 分別打上標題及貼上語法在內容空白處 ↓




5. 此時將視窗移至最下方,看到你所儲存的欄位是否成功

6. 按【回我的部落格】看看囉~~



二、部落小物位置會超出側欄框之外,如何設定???
Flash 就有這個好處,可以自行設大小尺寸,
語法範例中的width 代表寬度,height 代表高度,只要更改紅底白字的數字就可以囉~





語法範例:<embed src="http://img33.imageshack.us/img33/1407/lindabear01.swf" width="160" height="230" wmode="transparent"></embed> 









左右欄位小物位置調整(此語法參考二度空間語法編輯)

小物靠左:(紅色標示部分是位置調整,請依所需自行調整)
<div style="position:relative; left:-10px;">
<embed allowscriptaccess="never" src="Flash小物網址" width="寬度" height="高度" wmode="transparent"></embed></div>

小物靠右:(紅色標示部分是位置調整,請依所需自行調整)
<div style="position:relative; right:-10px;">
<embed allowscriptaccess="never" src="Flash小物網址" width="寬度" height="高度" wmode="transparent"></embed></div>






三、看到好多格友的自訂欄位,可以同時放置數個不同的小物,該如何設定??






在小物語法與語法之間,只要加入<br>就可以囉~要放多少就加多少..
語法範例如下:
<p align="center"><embed src="http://img383.imageshack.us/img383/6343/linda001.swf" width="165" height="106" wmode="transparent"></embed><br><embed src="http://img383.imageshack.us/img383/382/linda003.swf" width="165" height="106" wmode="transparent"></embed><br><embed src="http://img383.imageshack.us/img383/2127/linda004.swf" width="165" height="106" wmode="transparent"></embed>
-----------------------------------------------------------------
觀看範例結果








四、如何在自訂欄位中放置不同的小物及連結??






在Yahoo奇摩部落格【自訂欄位】中使用圖檔做為連結之語法


<p align="center"><a href="連結網址" target="_blank"><img src="圖片網址" alt="""""""""""""連結註解與說明"""""""" """ width="圖片顯示寬度" height="圖片顯示高度"></a></p>








在Yahoo奇摩部落格【自訂欄位】中張貼動圖之語法


<p align="center"><img src="圖片網址" alt="""""""""""""""""""""" 圖片註解說明""" width="圖片顯示寬度"></p>









在Yahoo奇摩部落格【自訂欄位】中以文字連結之語法


<p><font face=新細明體><strong><font color=文字色碼 size=2><a href="連結網址" target=_blank>顯示的文字</strong></font> </b></font></p>






五、萬一不知道該使用何種語法該如何處理??









Yahoo奇摩部落格萬用語法如下↓


<p align="center"><embed src="貼上網址" width="寬度" height="高度"> </embed></p>
------------------------------------------------------------------------
無論貼影片、影音、音樂盒、動畫、時鐘…等
只要你有網址,都可貼入這個語法滴喔~
再調整它的 width="寬度" 與 height="長度"


隨便你要貼於自訂欄位或發表文章內都行







以上針對一些側欄位貼圖語法大整理
若你有更好的建議及需要何種語法
也請你告知琳達,琳達將儘速補上去喲~






 





oreokimo 發表在 痞客邦 留言(0) 人氣()

 








部落格的背景圖


 

部落格的背景圖

body {background-image: url(圖片網址); background-repeat: repeat;


background-position: 0% 0%; background-attachment: fixed;}  


語法解說 :





















background-image: url(圖片網址)輸入你要的背景圖網址
background-repeat : repeat圖片重疊並排
或改成background-repeat : no repeat圖片不重疊並排
background-position: 0% 0%圖片位置(依%數調整)
background-attachment: fixed捲軸動圖不動
或改成background-attachment: scroll捲軸動圖亦動
 








部落格基楚


















 部落格的背景圖 部落格頂端的背景圖 部落格標題的背景圖
部落格招呼欄背景圖 部落格自訂欄位內容背景圖 部落格文章內容背景圖
 自訂欄位標題背景圖 文章標題背景圖 文章標題前小圖
 文章內容前小圖 更新日期前小圖 部落格圖形變化語法




部落格美化小改款














 訂閱部落格圖 個人性別圖 欄位框圖
 滑鼠游標圖 去除連結底線 欄位去框
 設定字型字體 各部捲軸顏色 版面外框




常用自定欄位


















 時鐘 衛星雲圖 logo
 天氣預報 溫度時間 日期時間
 停留時間 日曆 影音
 音樂盒  




其他變化

























 標題背景加大招呼欄加大三欄式變化
 二欄式版面窄欄靠右加大寬度部落格語法解說(一)部落格語法解說(二)
yahoo奇摩搜尋 網址大公開 跳躍圖~自動翻頁
視 窗 特 效 更換~動畫背景語法板面小變化
圖形變化複製語法音樂盒法語
奇摩部落格語法MP3播放器
 




 

oreokimo 發表在 痞客邦 留言(0) 人氣()

優質網站部落推薦













































★~☆屁屁の友情連結☆~★







































親友區



BABY     HIKARU


丫頭     小李     阿麗     弟弟     唐喻     婷婷     濮董


王小康     牛小奶     黃麗萍


陳琪(兒子)     陳琪(網拍)     陳琪(相簿1)     陳琪(相簿2)     惡魔寶寶


臭寶貝狗窩     櫻桃袖珍屋



創作區



379     Annie     Alice     Alina     becky     ee     Flora     kitty琴


Linda     magic     rebecca     SANCTUARY     sunny     Tina     tina


YOYO


     ㄚ玲     小雨     小恩     小松      天使     文文     水葉     玄音     艾瑪


念念     阿杏     奕薇     紅線     時光     常樂     寒忻     喵喵     童年


喜樂     翔霏     瑀婈     圓圓     酷酷     樂樂     錦瑟     貔貅


小眼睛     小紅豆     小紅莓     小甜甜     水姑娘     米小可     甜心屋


紫蘿琳     裝可愛     愛憲窩     舞媽咪     鏡空間


三隻小豬     水晶頻果     幸福妮子     幸福果漾     幸福小棧

      玩美世界     玩美教主     風愁凝曲     

柑仔家族     品味人生      旋心幻律     蛋黃奶油     鴨子媽咪

魔女音符     寶貝蜜糖     瀟湘娘子

小小心世界     迷你喵姬樣     芯誼素材屋     愛情偷了心


菲爾愛戀部居



素材區



Amy甜甜屋     KittyLi     KittyLi-2     Nori     


王子     阿倫     蛋蛋     筑圖BOX     布魯斯


私人花園     菲菲部居     夢甜香草     隨芯所欲

惡魔雪の地下城堡



語法區



314     阿泰(素材)     歐店     壬子吟     加菲貓     冷魅兒

二度空間     平安旅者     阿盛網站     笑遊人間     晨曦乍現     雄之網頁

暗夜孤星     衛星導航

水精靈的家     漪唲籽潼咿咡緦



電腦網路資源區



影諜     羅賓     小精靈     綠的電腦世界     昭盟電腦工作室



軟體教學區



HeyMan     Tony     tenchi.wang(Xuite)     tenchi.wang(奇摩)     


太學主     張秀山


B2(平面)     東港老大嘟嘟     elastic(Gimp)     大流士(Access)



文章分享區



rich     老K     亮亮     柄宏     路加     飛雪     慕緹     聽雨


雨梡憂     柳飛雪     黑嘉麗     喜收錢     張小青     


一抹淺藍     快樂龍珠     鬼塚殘月     路希菲爾     蝶心溯影


知識管理員     部落格小子     部落格小妞     慈玄慈惠堂


外省人文咖啡小棧



格友區



小雯     小敏     心影     扣子     杺杺     美眉     塵埃(斷了線的風箏)


藍莫莉     蓮花列車     寶貝辣媽咪



休閒娛樂區



HelloKitty


老夫子


偽基百科     維基百科     中華百科     中國古曲網     無料遊戲王


中國歷代版圖     網上中華五千年


GoToYa網站導航     台灣照顧生命協會



藝文區



李敖     陳文茜


蔡康永(博客)     蔡康永(新浪)     蔡康永(痞客邦)     蔡康永(天空)


 

oreokimo 發表在 痞客邦 留言(0) 人氣()




oreokimo 發表在 痞客邦 留言(0) 人氣()

92個可愛小游標












92個可愛小游標 by 琳達分享




還在自製游標煩腦找不到可以上傳游標的網路空間嗎??
琳達要分享92個可愛小游標替你解決游標上的問題喔♥☆(◕‿◕)♡☆
收藏者請您正確引用帶回去,不要移除我的LOGO
琳達

本文游標來自:素材酷站




























































































































指我預覽游標 指我預覽游標 指我預覽游標 指我預覽游標
指我預覽游標 指我預覽游標 指我預覽游標 指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標
指我預覽游標指我預覽游標指我預覽游標指我預覽游標

★貼游標語法的路徑  任選擇二個不同的游標網址,
複製游標網址,分別貼在下方語法中的未連結和巳連結中(國字的地方)
再複製語法,直接貼至
『管理部落格』『面板設定』『自訂樣式』CSS裡的游標語法
注意喲~~語法不能重覆會失效滴喲!


☆笑(o^∀^o)笑☆.。游標語法解說。. ☆笑(o^∀^o)笑☆.。.
開始複製→/*游標語法★㊣linda達令㊣★*/
body{cursor:url(未連結時游標網址)}
a:hover {cursor:url(巳連結時游標網址)}←複製到此


範例如下
/*游標語法★㊣linda達令㊣★*/
body{cursor:url(http://materialland.ckza.com/material663ck/cursor/materialland_265.ani)}
a:hover {cursor:url(http://materialland.ckza.com/material663ck/cursor/materialland_246.ani)}

祝大家使用愉快喔~







oreokimo 發表在 痞客邦 留言(0) 人氣()


                                                                      




霝兒自製游標15 (自製版型用6枚)






 


 

















 

點下列圖示預覽 ↓

 



 

 

 


 

圖片來源: 網路

  

霝兒製作加工分享
 



 

 





 

 

 

 

 

 

oreokimo 發表在 痞客邦 留言(0) 人氣()

紫蘿琳『 30款可愛娃滑鼠游標Ⅰ』隨藝創作【17】



分類:隨藝創作

2008/01/01 19:26


 















紫蘿琳『30款可愛娃滑鼠游標Ⅰ』隨藝創作【17】

 


 




有喜歡滴,就自行打包帶回去嘿!

 

一樣滴,語法裡,連結跟未連結,都港款唷! 

 


滑鼠樣式與語法
 























編號樣式滑鼠游標語法
01



 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty118.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty118.ani );}


02

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty114.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty114.ani );} 


03

  /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty501.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty501.ani );} 




















04 

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty503.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty503.ani );}


05



 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty505.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty505.ani );}


06

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty507.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty507.ani );}




















07 

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty509.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty509.ani );}


08

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty515.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty515.ani );}


09



 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty518.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty518.ani );}





















10

 /*紫蘿琳可愛娃游標*


/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty903.ani );}


11



 



 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty906.ani );}


12 

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty907.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty907.ani );}




















13



 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty909.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty909.ani );}


14

 /*紫蘿琳可愛娃游標*/body{cursor:URL(http://hk.geocities.com/caroline310597/kitty912.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty912.ani );} 


15

 /*紫蘿琳可愛娃游標*/ body{cursor:URL(http://hk.geocities.com/caroline310597/kitty914.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty914.ani );}




















16

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty916.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty916.ani );}


17



 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty918.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty918.ani );}


18

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty920.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty920.ani );} 




















19

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty923.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty923.ani );}


20

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty925.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty925.ani );}


21



 /*紫蘿琳可愛娃游標*/


 body{cursor:URL(http://hk.geocities.com/caroline310597/kitty927.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty927.ani );}




















22

 /*紫蘿琳可愛娃游標*/


 body{cursor:URL(http://hk.geocities.com/caroline310597/kitty929.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty929.ani );}


23

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty932.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty932.ani );}


24

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty934.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty934.ani );}




















25



 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty938.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty938.ani );}


26

 /*紫蘿琳可愛娃游標*/


 body{cursor:URL(http://hk.geocities.com/caroline310597/kitty940.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty940.ani );} 


27

  /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty943.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty943.ani );}




















28

 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty946.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty946.ani );}


29



 /*紫蘿琳可愛娃游標*/


body{cursor:URL(http://hk.geocities.com/caroline310597/kitty948.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty948.ani );} 


30

 /*紫蘿琳可愛娃游標*/


 body{cursor:URL(http://hk.geocities.com/caroline310597/kitty952.ani );} a:hover{cursor:URL(http://hk.geocities.com/caroline310597/kitty952.ani );} 



   


以上就是滑鼠樣是跟語法,語法裡的樣式連結跟沒連結時的圖檔都一樣,


假如你想來點不一樣逗、想搭配哪估,就自行複製框內的網址,貼在下列語法裡↓


/*紫蘿琳可愛娃游標*/
body{cursor:URL(未連結滑鼠網址);}
a:hover{cursor:URL(連結滑鼠網址);}



滑鼠樣式只是個樣式→它是【GIF】檔滴,不能當滑鼠用。


所以囉!要複製框內語法裡滴【ani】檔蛤!



紫蘿琳 隨藝坊 http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/profile



oreokimo 發表在 痞客邦 留言(0) 人氣()




霝兒自製游標14 (自製版型用6枚)






 


 

















 

點下列圖示預覽 ↓

 



 

 

 


 

圖片來源: 網路

  

霝兒製作加工分享
 



 

 

oreokimo 發表在 痞客邦 留言(0) 人氣()

ㄚ虎已支援在圖片上寫字滴語法..



2011/11/21 10:15


 

















































求 佛....

















































竹韻漫漫 絲纏綿
樂音幽幽 藕相連
上天裊裊 煙盤繞
靜觀默默 笑不言
...........旅者








































[圖片寫文字 語法]:
<div id=item1 style="Z-INDEX: 2; LEFT: 距左尺寸px; WIDTH: 單行字寬尺寸px; POSITION: absolute; TOP: 距頂尺寸px; HEIGHT: 字總高度尺寸px"><p align=left><font style="FONT-SIZE: 字體大小尺寸(一般14~22)pt; WIDTH: 110%; COLOR: #字色碼編號; LINE-HEIGHT: 110%; FONT-FAMILY: 標楷體">文字<br />文字<br /></font></p></div>

[]:
(1.)目前應只開放一般字體..如標楷體.細明體...
(2.)
變化字體..如立體及邊框沒開放..
但 可用搭配滴方式組合..格友可自行研究..
(3.)
語法位置依習慣擺放..一般偶放在最下層..易於修改
(4.)
最好搭配 包頭包尾語法..減少尺寸跑掉
<DIV id=table1 style="LEFT: 0px; WIDTH: 640px; POSITION: relative; TOP: 0px">要發表的所有東東</DIV>
(5.)文字換行時後頭加<br />
(6.)
如文字粉長..可利用 單行字寬尺寸 讓它自動 換行..


調 盤 ( 可微調 )
色碼表查詢






引用:http://tw.myblog.yahoo.com/jw!R.XVhJeYFRF4s7Xf1lUF5k5cYbcv_9h4/article?mid=31866


oreokimo 發表在 痞客邦 留言(0) 人氣()