目前日期文章:200710 (14)

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

公告版&自我介紹版語法



 


               ◎謝謝積木女巫大大的分享與提供◆


可作為公告版或自我介紹,多用途使用,愛怎麼變就怎麼變(:


 




































 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ 
PROFILE
 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ 
・・*・  暱稱  ・*・・ *積木女巫*
・・*・  職業  ・*・・ *變出神奇積木的老師*
・・*・  居住地  ・*・・ *海洋之都~~高雄*
・・*・  我的喜好  ・*・・ *吃童男童女*
・・*・  我的興趣  ・*・・ *教學*
・・*・  年齢  ・*・・ *不公開*
・・*・  性別  ・*・・ *我是女生*
・・*・  趣味  ・*・・ *生活小點滴*
・・*・  血液型  ・*・・ *散型(台語)*
・・*・  星座  ・*・・ *博愛座*

 


語法







<!--* 語法開始 *-->


<table cellspacing="1" cellpadding="3" style="background:#00cc66;font-size:13px;color:#339966"><tr>


<td colspan="2" style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">


 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ </span><br>


PROFILE


<br><span style="color:#fff">


 ・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・・・・*・ </span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


標題


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


職業


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


住址


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


我的喜好


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


我的興趣


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


年齢


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


性別


<span style="color:#fff"> ・*・・</span>


</td>


<td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


趣味


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


血型


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr><tr>


<td style="border-width:3px;border-style:solid;border-color:#fff #80dd99 #80dd99 #fff;background:#90eeaa;text-align:center">


<span style="color:#fff">・・*・ </span>


星座


<span style="color:#fff"> ・*・・</span>


</td><td style="background:#fff;vertical-align:top">


<span style="color:#777">文字寫在這裡</span>


</td></tr></table>


<!--* 語法結束 *-->




星羽 發表在 痞客邦 PIXNET 留言(13) 人氣()

 




 


本來楓葉在網路上看到三欄式加寬語法覺得好可惜~


都沒有二欄式的語法


沒想到居然被楓葉看到也有二欄式的耶~


好高興哦~看來很多小時鍾都可以放大了,而不是小小的~





 







 


感謝[ ~~精靈世界~~ ]大方的語法分享~


 


備註:順便轉貼小精靈2007/09/27 14:00給格友的回覆




寬度可調大調小,例如要寬200


對應語法內的數字是200及210
210是中央文章區與左(右)距離再加10像素(距離單位)


當然,寬180甚至寬300都行



 



【手動*定義佈局寬度】三欄式


 


三欄式~欄寬150 語法:(原語法)


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~欄寬200 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~左欄寬150‧右欄寬200 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-210px;}
.thrcol .yc3mainbd {margin-left:210px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-160px;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:200px;float:right;}
.thrcol .yc3sec {width:150px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}


 


三欄式~左欄寬200‧右欄寬150 語法:


/*三欄式*/
.thrcol .yc3main {width:100%;float:left; margin-left:-160px;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;margin-right:-210px;}
.thrcol .yc3pribd {margin-right:210px;}
.thrcol .yc3subbd {width:150px;float:right;}
.thrcol .yc3sec {width:200px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri,.thrcol .yc3main{z-index:10;}



 


【手動*定義佈局寬度】二欄式


 


兩欄位~窄欄寬150 語法:(原語法)


/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-160px;}
.twocolga .yc3mainbd {margin-left:160px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:150px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/


/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-160px;}
.twocoldr .yc3mainbd {margin-right:160px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:150px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/


 


兩欄位~窄欄寬200 語法:


/*兩欄式 - 窄欄靠右*/
.twocolga .yc3main {width:100%;float:left; margin-left:-210px;}
.twocolga .yc3mainbd {margin-left:210px;}
.twocolga .yc3pri {width:100%;}
.twocolga .yc3subbd {width:200px;float:right;}
.twocolga .yc3sec {display:none;} /*in case there's content*/


/*兩欄式 - 窄欄靠左*/
.twocoldr .yc3main {width:100%;float:right; margin-right:-210px;}
.twocoldr .yc3mainbd {margin-right:210px;}
.twocoldr .yc3pri {width:100%;}
.twocoldr .yc3subbd {width:200px;}
.twocoldr .yc3sec {display:none;} /*in case there's content*/


 


 



星羽 發表在 痞客邦 PIXNET 留言(5) 人氣()

((教學))更換可愛的按鈕 ★,,



 



 


黛比來發教學文章嚕 *


這幾天有很多人問我關于那個按鈕鍵的語法 *


所以就打算來教大家嚕 //*


其實只是一個非常簡單的步驟就可以惹 :)


 



 


     這個是按鈕鍵的預覽圖 ((♥))


 



 


/*自訂樣式按鈕鍵語法*/
input,select{
background: 按鈕的背景顏色;
color: 文字的顏色;
border: 1px solid 外框的顏色;
FONT-SIZE: 11px;
font-family:verdana;}


 



 


黛比提供的色碼表 :  (( http://xxx.stenly.com/color_list.htm ))


 



 


簡單的按鈕更換語法就這樣完成嚕 //*


希望大家看得懂唷 //*


有不明白的地方也歡迎發問 //*


星羽 發表在 痞客邦 PIXNET 留言(17) 人氣()

軟體分享:Microangelo製作游標軟體分享



 


img230/6250/618iq7.gif


自己也可以製作水水游標


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


步驟一.首先下載Microangelo(2242KB下載ZIP壓縮檔)←



步驟二.安裝後先關閉右下角的(圈起來)的圖示



步驟三.再開始安裝中文化程式。(有附在壓縮檔中)



步驟四.到開始程式集中找出安裝好的Microangelo,你會看到下圖:

Animator →製作動畫游標軟體
Explorer →尋找和瀏覽各種圖示的工具 
Librarian →觀看、管理及編輯各種圖示資料庫
On Display →編輯設定圖示的顯示方式
Studio →圖示製作工具



步驟五.點選Animator →製作動畫游標軟體,開始製作游標
← 這是今天的範例,先來認識軟體工具如下圖↓

1.左右鍵繪圖色彩   2.右方圖示等是繪圖用具   3.設定滑鼠感應點  
4.增加刪除動畫影格   5.動畫預覽區




x的下方有兩個小電腦圖示綠色的是透明色







  1. 在第一個影格開始畫圖,畫好後再增加第二影格開始修改圖片,讓他跟第一影格的圖片不同而產生動畫,再增加第三影格....以此類推
  2. 製作好或在製作中都可以按(2)的動畫預覽"每一個影格的變化不要過大,不然動畫會顯得不自然"
  3. 做好之後開始設定每個影格的滑鼠感應點,按(3)的鈕 ,將滑鼠移到圖片箭頭的頂點按一下。
  4. 然後就可以存檔了。




→打開存檔的資料夾看到游標檔案圖示,附檔名為.ani
再來就可以到「電腦控制台」→ 「滑鼠」更換電腦游標。

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

以上資源由OECSPACE網站所提供

甜心將他帶回分享 相信一定很多人有需要喔

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



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


上面是甜心滴樂果 部落格右邊有甜心滴樂果連結 支持甜心作品滴朋友們 希望妳們多多幫甜心宣傳喔 謝謝!!


img155/5750/010111pl7.gif



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


  如要引用這篇文章請確切帶回喔


星羽 發表在 痞客邦 PIXNET 留言(3) 人氣()

★閃耀的 Baton-Girl (kirameku Baton-Girl)
這個 是 日本的DVD1的映像特典 的 歌.
不是 "彗星公主第二部" 的 歌.


日本的 彗星公主 DVD1, 有信息 下列 URL.
http://www.toho-a-park.com/video/new/comet/dvd1.html

題名的 "Baton-Girl" 是 英文的 "指揮棒 少女" 的 意義.

[歌詞譯文]
<女聲合唱> 亮閃閃 滴溜溜, 與風 進 Baton-Girl

喏 ("我的預料正確" 的 孩子的 說法), 聽得見喲
喏 ("我的預料正確" 的 孩子的 說法), 馬上是那里
跑來 坡道

是那樣, 無論 什麼時候
是那樣, 笑著
彗星姐姐, 今天 做什麼 玩 嗎?

一點 失敗, 不過 (偶爾失敗, 然而), 無問題 (不要緊)
星們 注視著

閃耀的 Baton-Girl, 由於大的 聲音
撒 光 Baton-Girl, 如果招呼了 無論 什麼時候 (無論 怎樣的時候)
閃耀的 Baton-Girl, 給幫助 (幫助大家)
星之妖精 Baton-Girl, 非常喜愛你


★對你微笑 (kimi ni smile)
這個 是 日本的 片頭曲.
在臺灣, 用日語 被演奏, 中文的字幕 被加了.
這譯文, 網主 翻譯了, 日文成中文.
不同 在臺灣 被播放了的 可能性, 是有.

[歌詞譯文]
寬廣的天空 一個人 尋找了
流星 還不找到
然而 旁邊 微笑的你在
只相信無邊無際的希望

對你微笑 閃耀
風的耳語 映出
對你微笑 想傳達
雲也能抓住 如果有你


★★星國妖精 Comi (pyor-nara yochon COMI)
這個 是 韓國的 片頭曲.
只是 韓國 被使用了.
"COMI" 是 韓國的 彗星的 姓名.

作詞和作曲 韓國人. 我聽的信息, 歌手是 韓國的 彗星的 配音員.
曲子 和 歌詞 和 歌聲, 這些可愛.
被歡迎了, 很多 日本的彗星公主迷.

這譯文, 翻譯 韓國文成日文 之後 翻譯了 中文.
含有 譯錯的 可能性 高.

[歌詞譯文]
在那個 寬廣的天空和宇宙 飛  尋找王子
完全不知道的 世間  去旅行
星光 愛  青的星 在地球
愉快的事滿  你的旁邊

流的星光  還不看得見
裝載了風  微笑和愛 魔術那樣的少女

試著飛行 天空的星  從而行 試著飛行
美麗的 只我的夢們  全部成立
COMI COMI

星羽 發表在 痞客邦 PIXNET 留言(0) 人氣()

SANCTUARY–框線NO.51 Halloween



分類:部落框版

2007/10/19 14:33



框線製作:


★轉載請使用【我要引用】功能★


■請全文轉載


◇別處引用請回 SANCTUARY 告知◇


◆壓縮檔內有附語法與須注意事項◆



《操作上仍有疑問請回應詢問》


壓縮檔解開密碼:http://tw.myblog.yahoo.com/water-blog


★點擊喜歡的娃娃下載框線語法壓縮檔★


◆◇◆◇◆◇◆◇◆◇◆


   



◆◇◆◇◆◇◆◇◆◇◆


▽請自行上傳使用▽


Halloween背景桌布【1024x768/jpg】



◆◇◆◇◆◇◆◇◆◇◆



 


 



星羽 發表在 痞客邦 PIXNET 留言(0) 人氣()

動畫框線圖製作教學~




左彎下框邊圖跟左下彎角圖及左右側直邊圖製作~


及套用語法應用~



  


現在就繼續來裁剪左彎下框邊圖跟左下彎角圖及左右側直邊圖囉~


剩下這四個圖,就簡單多了,因為左彎下框邊圖跟左下彎角圖的裁剪方法,跟上篇步驟三,四五,的作法都是一樣的


若是上篇的框圖裁剪成功,那麼這裡的框圖剪裁就不是問題了。所以這裡我就簡單的說明,開始動手囉~


 





 


步驟六 剪出下方圖,再剪裁出右下彎角圖並儲存


 


※ 按開啟舊檔,將原圖框叫進來,圖框會出現在工作台面板上。要先把下方框圖選取裁剪出來。


※ 圖片若太小了,可以按編輯面版工具列下面有放大鏡十跟一,圖片太小不好裁,按放大鏡,圖片就會放大了。


 


剪裁下方框圖作法:


1. 要對圖片(物件)做任何動作時,一定要在選取物件的情形下才能工作。


    黑色虛框有出現就是表示這個物件已經被選取的意思。


  按挑選工具後,到工作台的圖片上點一下,黑色虛框就會出現,表示已經選好要工作的物件了。






 


2. 按選取工具-矩形按鍵,把下方圖選出來.


 點擊編輯面板的選取工具-矩形按鍵,把下方框圖選出來。


※為何要選第20畫格呢?因 為草莓籃的愛心飄到最高點是在第20畫格


而我們剪裁下方框圖時,就是要選最高點的位置選取,


這樣圖片裁出來,才不會像是被截掉一樣,顯示不完整。




選出下方框圖後,再按編輯→剪裁底框,裁出下方框圖。




之後再按選取工具選出右下彎角圖範圍,將之剪裁






點入最佳化面板→按儲存→進入另存新檔視窗→填上名稱→按儲存。



 


如此,右下彎角圖就完成了。


 





 


步驟七 剪裁左彎下邊框圖並儲存


 


這個作法就跟上篇的(步驟五 製作左彎上邊框圖)一樣


所以這裡就精簡的說明作法喔~


 


先回到編輯工作台面


右下彎角圖儲存好了之後,請點擊最佳化左邊的編輯按鍵,回到編輯工作台面板。


先按圖示工具列的復原按鍵一下,就能把剩下的右下彎角圖復原到剛才的下方框圖。




按編輯進入→點剪裁底框後→就剩下左彎下框邊圖了




刪除重覆畫格,調整秒數




儲存左彎下框邊圖→點入最佳化面板→按儲存→進入另存新檔視窗→填上名稱→按儲存。



 





步驟八 開新檔案,設定底框寬為1100,製作左彎下邊框圖並儲存


 


因為這個作法跟上篇的(步驟五 製作左彎上邊框圖)一樣


所以這裡也精簡的說明作法喔~


 


1.先看看左彎下邊框圖的尺寸大小是多少。因為它有個草莓籃,所以高度會不一樣。


編輯→底框大小→就可以看到左彎下邊框圖的寬高了。




2.按開新檔案,設定底框大小為1100*67






3.要按新增圖像→ 叫出左彎下框邊圖喔



 


4.填滿左彎下框邊圖的加寬圖後,就可以儲存了。


點最佳化鍵進入→按右下角的儲存→另存新檔→填寫名稱→按儲存


 


完成了.....左彎下框邊圖,也終於完成了。


現在就剩左右側直邊圖了。


請再繼續加油吧~


 





 


步驟九 剪裁左側直邊圖


 


1.開啟舊檔→叫出原圖框素材




2.選取左側直邊圖範圍


按選取工具→把滑鼠移到工作圖上選取直邊圖的某部份→準備剪裁


在這裡要注意的是,因為左右直邊圖加入語法後,會自動連結長度到上下框的彎角


所以不用選取所有的長度,只要截取一段來接圖就可以了。


選取時,要注意圖與圖接合時能夠剛好不會連在一起。




3.剪裁左側直邊圖


按編輯進入清單→選點剪裁底框






6.儲存左側直邊圖


按工作台上邊的最佳按鍵→按儲存



 


呵呵~終於做到了第五張框圖了,現在就剩下最後一張了。加油~





 


步驟十 剪裁右側直邊圖


 


1.回到編輯工作面板


在最佳化時,按編輯回到工作台→點一下復原鍵




2.按復原鍵→回到剛才的完整素材圖框




3.選取右側直邊圖範圍


按選取工具後→把滑鼠移到右直邊圖上選某部份圍起來→進入編輯清單→點剪裁底框




4.剪裁右側直邊圖後儲存


按最佳化進入→儲存右側直邊圖



 


 





 


步驟十一 把做好的框圖套進加框語法應用


 


把自己做好的框線圖上傳到網路空間(教學),取得個個網址後,一一把它套進語法位置。


部落格加框線圖語法↓ (※ 框線圖案都貼好後,把整個語法複製直接貼在css底下就可以了。)


 


 1. 框線圖位置語法解說:


 






/*Shared rounded corner for all modules框線圖案*/


.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(
左彎上邊框圖網址


) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(
右上彎角圖網址) right top no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(
左彎下框邊
圖網址) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(
右下彎角圖網址) right bottom no-repeat;height:5px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:5px;background:url(
側直邊框圖網址) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:5px;background:url(
側直邊框圖網址) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



 


2.框線圖位址放置排列:







/*shared rounded corner for all modules加框語法*/



.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(2.gif) right top no-repeat;height:1.gif
px;font-size:0;position:relative;right:-5px;}


.ycntmod .rcbtm {zoom:1;background:url(3.gif) left bottom no-repeat;margin-right:5px;}


.ycntmod .rcbtm div {background:url(4.gif) right bottom no-repeat;height:3.gifpx;font-size:0;position:relative;right:-5px;}


.ycntmod .rcl {padding-left:5.gifpx;background:url(5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6.gif
px;background:url(6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



 


3. 成功剪裁出來的六個框線圖~


































框線圖名稱



尺寸



圖示



1 左彎上邊框圖



1100*21




http://www.fileden.com/files/2006/11/24/414105/1111/e01.gif



2 右上彎角圖



22*21




http://www.fileden.com/files/2006/11/24/414105/1111/e02.gif



3 左彎下邊框圖



1100*67




http://www.fileden.com/files/2006/11/24/414105/1111/e03.gif



4 右下彎角圖



70*67




http://www.fileden.com/files/2006/11/24/414105/1111/e04.gif



5 左側直邊圖



16*47




http://www.fileden.com/files/2006/11/24/414105/1111/e05.gif



6 右側直邊圖



15*49




http://www.fileden.com/files/2006/11/24/414105/1111/e06.gif



 


4. 語法範例:↓













框線圖示



語法示範




 



/*Shared rounded corner for all modules 草莓動畫框圖*/


.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e01.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e02.gif ) right top no-repeat;height:21px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e03.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e04.gif) right bottom no-repeat;height:67px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:16px;background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:15px;background:url(http://www.fileden.com/files/2006/11/24/414105/1111/e06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}



 





 


呵...完了喔...動畫框圖講解到此結束了..


希望能對大家有所幫助


 


敬祝 聖誕快樂 佳節如意 天天開心


玄音合十


 


本文為網頁嵌入發表,若想收藏,只要複製下列語法,貼到文章發表語法區就可以囉!


註: 此篇文章取自~~http://tw.myblog.yahoo.com/happy-ok


星羽 發表在 痞客邦 PIXNET 留言(0) 人氣()




 

招呼語圖框『我要留言 』字樣刪除語法



 


/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}


測試中...


測試結果


如果招呼語有連結網址....結果是 招呼語 一片空白


如果招呼語沒連結網址....結果是 我要留言 字樣刪除


補充


/*隱藏留言板欄位*/
#ymodmsgbd{display:none;}


 


/*隱藏部落格留言版*/
#ymsgboard{display:none;}


 


/*隱藏我要留言*/
#yleavemsg{display:none;}


 


/*招呼語圖框 我要留言 字樣刪除*/
#yblast .text a{display:none;}


 


/*隱藏管理留言板*/
#ymngmsg{display:none;}


 



對你非常有幫助喔!!



星羽 發表在 痞客邦 PIXNET 留言(22) 人氣()

很難得星羽自己畫了張小貓ˇ


於是就做成了語卡ˇ


這是用來貼在文章裡的"使用須知"


希望大家會喜歡唷ˇ


 



<img src="http://img169.imageshack.us/img169/7849/aul3vul3m3d83uf5.gif">


 



<img src="http://img80.imageshack.us/img80/2157/aul3vul3m3d832ip5.gif">


 



<img src="http://img84.imageshack.us/img84/5418/aul3vul3m3d834ok4.gif">


 




<img src="http://img84.imageshack.us/img84/7249/aul3vul3m3d833qp1.gif">


 



<img src="http://img144.imageshack.us/img144/5729/aul3vul3m3d835lm4.gif"> 


 


 


 


 



引用帶走LOGO



 


 

星羽 發表在 痞客邦 PIXNET 留言(49) 人氣()

 


還滿多人問標題圖的語法


因為星羽沒時間一 個一個回答


所以發表此文ˇ


 


 


 



 /* 部落格標題圖 */
    #yblogtitle h1 {
    display:block;
    float:left;
    background:url(圖片的網址) 0 0 no-repeat;
    width:180px;
    height:75px;
    font-size:0;
    line-height:0;
    text-indent:-5000px;
    overflow:hidden;
    cursor:pointer;
    cursor:hand;}


 

 



 


引用帶走logo



 


喜歡此文請引用


回應是種禮貌唷ˇ


 



 

星羽 發表在 痞客邦 PIXNET 留言(6) 人氣()




 

用CSS把框線捲軸換色



 


首先登入奇摩帳號→到自己的部落格→管理部落格→面板設定→自訂樣式→在下面輸入↓


 


html{
SCROLLBAR-FACE-COLOR: #FFFFFF;                        ←捲軸的主色(旁邊看到的白色)
SCROLLBAR-HIGHLIGHT-COLOR:0000FF;             ←捲軸左上邊框色彩(我的是藍色)
SCROLLBAR-SHADOW-COLOR: 00FF00;                 ←捲軸右下邊框色彩(我的是綠色)
SCROLLBAR-3DLIGHT-COLOR:#00CCFF;                ←右上邊線的亮度色彩(我的是淺藍)
SCROLLBAR-DARKSHADOW-COLOR: #FFFF00;    ←左下邊線的陰影色彩(我的是黃色)
SCROLLBAR-ARROW-COLOR: #000000;                 ←上下兩個三角形箭頭(我的是黑色)
SCROLLBAR-TRACK-COLOR:#FFFF00 ; }                 ←這是設定捲軸的背景色(旁邊的黃色)
body {border: 5px double #FF66FF;}                         ←框住部落格的(現在看到的粉紅色)


粉紅色跟紅色只是說明改變的位置,黃色的地方為色碼要改成你要的顏色


色碼可以到這裡找↓


http://www.powmo.com/ac.html


在自訂樣式那裡輸入綠色和黃色的字就好﹋粉紅和紅色不用輸入唷﹋


(如果不會可以回應問我﹋如果會了也給點鼓勵吧^^)


星羽 發表在 痞客邦 PIXNET 留言(12) 人氣()








 

♥ 訂 閱 圖 語 法




2007/08/03 17:35


↑     引 用 請 帶 走     ↑


 


* [ 順 手 牽 羊 咩 咩 , 是 不 對 的 行 為 ] *



[ 訂 閱 部 落 格 * 更 換 圖 語 法 ]


 


/*部落格訂閱圖更換語法*/

div#btnsbsrb a{display:block;width:圖片長px;height:圖片寬px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:圖片長px;height:圖片寬px;overflow:hidden;background:url(圖片網址) no-repeat;margin:0;}



 


把 以 上 貼 到 C S S 裡 面 皆 可 ,

 




步 驟 :


 


1 管理部落格


2 版面設定


3 自訂樣式


4 確定完成 



星羽 發表在 痞客邦 PIXNET 留言(4) 人氣()








 

蝶 小 羽 製 圖 教 學 ♥ 鋸 齒 邊 框



 



↑     引 用 請 帶 走     ↑


 


* [ 使 用 規 則  ] *


 


♥ 引 用 請 不要 擅 自 塗 改 小 羽 的 教 學 ^^


♥ 這 篇 的 製 圖 軟 體 是 : PhotoImpact


♥ 可 以 先 跟 著 小 羽 的 教 學 做 唷 ^^


 



 



 



 


最 後 一 個 步 驟 :


 


筆 刷   大 小 1    透 明 度 0   柔 邊 0  


特 效   創 意 特 效   邊 緣 上 色


 


 


完 成 圖 範 例 :



星羽 發表在 痞客邦 PIXNET 留言(0) 人氣()



 

5組【調整部落格字體大小+改變顏色】CSS



 




 


如果網頁開太慢*按滑鼠右鍵*點內容*


會開很快喔 !



分享園地     一天學一點 


希望大家能輕鬆上網~快樂學習~相互勉勵


5組【調整部落格字體大小+改變顏色】CSS 語法


font-size:100%;  →  是字體放大縮小字的比例,


依個人需求調整,比例越高字越大。


紅色部份可改字體顏色








 


/*Background color for blog title置頂欄框 調整顏色+字體大小*/
#yblogtitle .mbd, #blogtitle .mft { font-size:110%; background-color:#FFFFFF}



/*Main content header編輯管理標題  留言板標題  調整顏色+字體大小*/
.yc3pribd .mhd{ font-size:120%; background:#000000; color:#FFFFFF;}



/*Nav module header部落格相簿標題 調整顏色+字體大小*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ font-size:110%; background:#000000; color:#000000;}



/*Background color for main content body自我介紹欄  留言板 文章內容  調整顏色+字體大小*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p { font-size:110%; background: #FFFFFF}



/*Nav module body左右欄框內容 調整顏色+字體大小*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ font-size:105%; background:#000000; color:#FFFFFF;}


   



 

 

【調整部落格字體大小+改變顏色】CSS語法設定教學

請從


管理部落格 → 面板設定 → 自訂樣式 → 在到CSS欄



將下面語法覆製 → 貼在CSS內容欄最下面


CSS語法內沒有這語法 就直接貼上有的話請(覆蓋原先的設定)


(重覆貼取語法會干擾程式,可能會造成效果無法顯示,


或是其他無法預期的事情,除非把語法清除重新設定)


【進階樣式和自訂樣式的設定也會相互干擾】



 


引用文章【語法】發表教學



要如何引用文章呢?


※ 記得要先登入你奇摩部落格的帳號喔!!



1.複製要發表的【整篇文章內容】

不會的請參考)→     基本貼圖

2.點文章的右下角的【我要引用】


3.點了【我要引用】之後就直接連結到您要發表文章的地方


4.貼上剛才複製的全部文章內容

5.【整理好文章內容】

6.【寫好文章標題】


7.按【立即發表】→ 完成



星羽 發表在 痞客邦 PIXNET 留言(9) 人氣()