公告版位
目前分類:部落格裝飾 (11)
- Aug 01 Mon 2011 17:00
自己做音樂撥放器
- Feb 02 Thu 2012 11:15
部落格小飾品大全
照片加文字
http://www.photo-notes.net/Default.aspx
語法產生器
http://home.educities.edu.tw/nkhs9323005/B17.htm
kourier
http://www.kourier.co/
圖片動畫軟體
http://www.glitterfy.com/
CHANNEL [V]
http://www.startv.com.tw/chv/
素材
http://kirakiraparts.web.fc2.com/wp_01.html
多張相片撥放
http://www.picturetrail.com/
圖片變動
http://gickr.com/from_flickr
照片轉成動畫
http://gickr.com/from_flickr
每天更換版面動畫背景(一)
http://www.furu2.jp/
每天更換版面動畫背景(二)
http://blogparts.spark-atv.com/
公告欄裝飾
http://kanny1111.pixnet.net/blog/post/21933400
痞克幫CSS版面說明
http://pic.pimg.tw/pixnetvisual/1187010393.gif
部落格格條變漂亮
http://blingee.com/
音樂換頁不中斷
http://www.hypster.com/framer.aspx?next=http%3A//www.hypster.com/
youtube音樂重複撥放
http://apps.kerthis.com/repeat-youtube/"
Mixpod音樂撥放器
http://www.mixpod.com/
漂亮音樂撥放器http://tw.myblog.yahoo.com/hmater@kimo.com/articlemid=7220&prev=7230&next=7164&l=f&fid=23"></a>
akbobada
http://www.akbobada.com/
韓國琴譜
http://upiece.co.kr/"
- Nov 21 Mon 2011 11:58
圖片加入文字喔~!
- Sep 19 Mon 2011 12:46
CSS-欄位及文章背景透明化
1.首先先確定自己要改的地方有哪些,至於位置與語法的對照我上一篇已有說明了,所以我不再贅言了。
2.因為有很多地方可改,在此我就以文章區塊及最愛連結為例;文章區塊和關於我的語法是類似的,而其他的欄位語法也大同小異,所以只要會改一個其他的只是舉一反三而已。
3.文章區塊:(.main開頭的語法)
此部份分成九塊區域
.mainTopLeft(左上) | .mainTopMid(中上) | .mainTopRight(右上) |
.mainMidLeft(左中) | .mainMid(中,文章的地方) | .mainMidRight(右中) |
.mainBottomLeft(左下) | .mainBottomMid(中下) | .mainBottomRight(右下) |
其中左上、中上、右上、左中、右中、左下、中下、右下都是外圍框線的部份,如果要它們透明的話就是無框線的作法,而中間部份就是文章內容的位置,也是一般較常改為透明的地方。
最愛連結:(.ItemLink開頭的語法)
.ItemLink-Lf
(左)
|
.ItemLink-bullet
(符號)
|
.ItemLink-Mid
(中)
|
.ItemLink-Rt
(右)
|
.ItemLink-Bg(背景)
|
上方標頭部份也可以是透明的,或另外改成自己想要的框線,下一篇心得研究會詳細說明。而一般常改成透明的地方是背景部份。
4.語法只有一個就是 background:none;
但前提是要先把background-image和background-color兩列語法前後用/*及*/包住或刪掉。
現在一步步來改吧!
(1)打開CSS找到要改的地方。
文章區塊中央文章內容的部份是 .mainMid{}
原始內容應該是像這樣:
.mainMid{
background-image: url(/_theme/skin/windows/30/blog001_9.gif);
background-repeat:repeat;
/*background-color:#F6F6F6;*/
}
最愛連結背景部份是 .ItemLink-Bg{}
原始內容應該是像這樣:
.ItemLink-Bg {
/*background-image:url(/_theme/skin/windows/15/itemBg.gif);*/
word-break:break-all;
background-color:#FFFFFF;
border-top:0px solid #FC9EA3;
border-bottom:1px solid #FC9EA3;
border-right:1px solid #FC9EA3;
border-left:1px solid #FC9EA3;
padding:0px;
margin-bottom:3px;
}
(2)先將background-image和background-color兩列用/*及*/包住或刪掉。像這樣:
文章區塊中央文章內容的部份
.mainMid{
/*background-image: url(/_theme/skin/windows/30/blog001_9.gif);*/
background-repeat:repeat;
/*background-color:#F6F6F6;*/
}
由於background-color原始內容已經用/*及*/包住了,所以只要包住background-image的語法就好。
最愛連結背景部份
.ItemLink-Bg {
/*background-image:url(/_theme/skin/windows/15/itemBg.gif);*/
word-break:break-all;
/*background-color:#FFFFFF;*/
border-top:0px solid #FC9EA3;
border-bottom:1px solid #FC9EA3;
border-right:1px solid #FC9EA3;
border-left:1px solid #FC9EA3;
padding:0px;
margin-bottom:3px;
}
由於background-image原始內容已經用/*及*/包住了,所以只要包住background-color的語法就好。
(3)將background:none;插入{}中,像這樣:
文章區塊中央文章內容的部份
.mainMid{
/*background-image: url(/_theme/skin/windows/30/blog001_9.gif);*/
background-repeat:repeat;
/*background-color:#F6F6F6;*/
background:none;
}
最愛連結背景部份
.ItemLink-Bg {
/*background-image:url(/_theme/skin/windows/15/itemBg.gif);*/
word-break:break-all;
/*background-color:#FFFFFF;*/
background:none;
border-top:0px solid #FC9EA3;
border-bottom:1px solid #FC9EA3;
border-right:1px solid #FC9EA3;
border-left:1px solid #FC9EA3;
padding:0px;
margin-bottom:3px;
}
(4)確定有選『使用自訂樣式CSS』後,可以先『預覽』,或者直接按『確認送出』後,回到首頁,若沒有變成透明的話,按F5更新。
- Sep 13 Tue 2011 10:52
小熊維尼公告欄+計時器(樣式)
<落葉的小熊維尼>
計日器語法: <embed src=http://blog.roodo.com/aaa011/6b657f0e.swf width=160 height=260 type=application/x-shockwave-flash flashvars="v_wd=這裡輸入你的文字&v_t=2010/9/26" wmode="transparent">
公告欄語法: <embed src=http://blog.roodo.com/aaa011/3f4e707e.swf width=160 height=260 type=application/x-shockwave-flash wmode="transparent" flashvars="rebaca=公告欄第一段文字#公告欄第二段文字#公告欄第三段文字" >
<拉著氣球的小熊維尼>
計日器語法: <embed src=http://blog.roodo.com/aaa011/57a18acd.swf width=160 height=260 type=application/x-shockwave-flash flashvars="v_wd=這裡輸入你的文字&v_t=2010/9/26" wmode="transparent">
公告欄語法: <embed src=http://blog.roodo.com/aaa011/17fe376e.swf width=160 height=260 type=application/x-shockwave-flash wmode="transparent" flashvars="rebaca=公告欄第一段文字#公告欄第二段文字#公告欄第三段文字" >
<背影的小熊維尼>
計日器語法: <embed src=http://blog.roodo.com/aaa011/dfb0fa3f.swf width=160 height=260 type=application/x-shockwave-flash flashvars="v_wd=這裡輸入你的文字&v_t=2010/9/26" wmode="transparent">
公告欄語法: <embed src=http://blog.roodo.com/aaa011/780d0780.swf width=160 height=260 type=application/x-shockwave-flash wmode="transparent" flashvars="rebaca=公告欄第一段文字#公告欄第二段文字#公告欄第三段文字" >
- Sep 07 Wed 2011 11:49
卡路里測量器
用你的年齡換算你的標準體重
<embed src="http://bbs.diet-pinky.com/flash/cal_pink.swf" wmode="transparent" width="160" height="160"></embed>
你希望達到的體重每天設取熱量(卡路里)
<embed src="http://bbs.diet-pinky.com/flash/cal_2_pink.swf" wmode="transparent" width="160" height="160"></embed>
- Sep 07 Wed 2011 11:23
日曆 -12款不同造型日曆
小熊維尼
<embed wmode="transparent" src="http://blog.roodo.com/ykes30429/073e5f44.swf" width="190" height="280" type="" wmode=""></embed>
兔兔女孩
<embed wmode="transparent" src="http://blog.roodo.com/ykes30429/d01e3f66.swf" width="184" height="320" type="" wmode=""></embed>
更多款式請到下面網頁(謝謝)
- Aug 18 Thu 2011 14:08
滑鼠游標語法(多種選擇分享)
body{cursor:url("游標網址")}
a:hover {cursor:url("游標網址")}
body代表一般靜止時的游標(未碰到超連結時的游標)
a:hover就是當滑鼠放在超連結時的游標
以下這一組語法是星光羽目前所用的小熊維尼和多拉A夢游標語法, 藍色的部份就是游標網址, 大家可在列出的游標圖示中選擇自己想要用的游標, 再把這游標網址貼進語法的網址位置
方式一 : 以前已經設有滑鼠游標 的語法的, 只需把新滑鼠游標網址直接在CSS的滑鼠游標語法中,
覆蓋新滑鼠游標網址, 並即可做變更
方式二 : 以前從未設置滑鼠游標, 選定好想要的滑鼠游標依下列語法做好滑鼠游標CSS ,
請進入 管理部落格 → 選 面板設定
→選 自訂樣式 會出現css語法
→將 滑鼠語法 貼再最下面一行 即可
/*滑鼠*/
body{cursor:url(http://ashine0118.myweb.hinet.net/winnie.ani)}
a:hover {cursor:url(http://ashine0118.myweb.hinet.net/doraemon.ani)}
貓咪 http://ashine0118.myweb.hinet.net/neko.ani
貓咪2 http://ashine0118.myweb.hinet.net/neko2.ani
黑貓 http://ashine0118.myweb.hinet.net/kuroineko.ani
狗狗(雪那瑞) http://ashine0118.myweb.hinet.net/dog.ani
狗狗(約克夏) http://ashine0118.myweb.hinet.net/dog2.ani
狗狗(哈士奇) http://ashine0118.myweb.hinet.net/dog3.ani
小雞 http://ashine0118.myweb.hinet.net/chicken.ani
兔子 http://ashine0118.myweb.hinet.net/lapin.ani
雪人 http://ashine0118.myweb.hinet.net/snowman.ani
愛心 http://ashine0118.myweb.hinet.net/love.ani
下雨天 http://ashine0118.myweb.hinet.net/rain.ani
寫字 http://ashine0118.myweb.hinet.net/write.ani
哭臉 http://ashine0118.myweb.hinet.net/cry.ani
笑臉 http://ashine0118.myweb.hinet.net/smile.ani
足跡*黑*(適用於白色背景) http://ashine0118.myweb.hinet.net/footsteps.ani
小黑人 http://ashine0118.myweb.hinet.net/kuroihito.ani
幸運草 http://ashine0118.myweb.hinet.net/fourleavedclover.ani
黑貓奔跑 http://ashine0118.myweb.hinet.net/catrun2.ani
閃 http://ashine0118.myweb.hinet.net/shine.ani
喵 http://ashine0118.myweb.hinet.net/mew.ani
Hi http://ashine0118.myweb.hinet.net/hi.ani
花(適用於深色背景,但不適合黑色) http://ashine0118.myweb.hinet.net/flower.ani
花(適用於深色背景) http://ashine0118.myweb.hinet.net/flower2.ani
蛋孵化 http://ashine0118.myweb.hinet.net/umare.ani
TORO貓 http://ashine0118.myweb.hinet.net/toroneko.ani
yahoo上線笑臉 http://ashine0118.myweb.hinet.net/yahoo.ani
小雞2 http://ashine0118.myweb.hinet.net/cutelychicken.ani
小熊 http://ashine0118.myweb.hinet.net/bear.ani
閃閃藍 http://ashine0118.myweb.hinet.net/blueshine.ani
閃閃藍2 http://ashine0118.myweb.hinet.net/blueshine2.ani
閃亮愛心 http://ashine0118.myweb.hinet.net/love2.ani
粉紅棒 http://ashine0118.myweb.hinet.net/bar.ani
紫色棒 http://ashine0118.myweb.hinet.net/bar2.ani
法杖1 http://ashine0118.myweb.hinet.net/bar3.ani
法杖2 http://ashine0118.myweb.hinet.net/bar4.ani
藍色球 http://ashine0118.myweb.hinet.net/blueball.ani
蝴蝶 http://ashine0118.myweb.hinet.net/butterfly.ani
Hello Kitty http://ashine0118.myweb.hinet.net/hellokitty.ani
女生 http://ashine0118.myweb.hinet.net/face.ani
龐克風(粉紅) http://ashine0118.myweb.hinet.net/punk.ani
龐克風(紫色) http://ashine0118.myweb.hinet.net/punk2.ani
小惡魔 http://ashine0118.myweb.hinet.net/akuma.ani
小天使(粉) http://ashine0118.myweb.hinet.net/angel.ani
小天使(藍) http://ashine0118.myweb.hinet.net/angel2.ani
小女巫 http://ashine0118.myweb.hinet.net/witch.ani
法杖3(藍色) http://ashine0118.myweb.hinet.net/bar5.ani
法杖3(粉色) http://ashine0118.myweb.hinet.net/bar6.ani
法杖3(紫色) http://ashine0118.myweb.hinet.net/bar7.ani
法杖3(灰色) http://ashine0118.myweb.hinet.net/bar8.ani
鈴鐺(紫) http://ashine0118.myweb.hinet.net/smallbell.ani
鈴鐺(藍) http://ashine0118.myweb.hinet.net/smallbell2.ani
鈴鐺(粉) http://ashine0118.myweb.hinet.net/smallbell3.ani
翅膀(粉) http://ashine0118.myweb.hinet.net/wing.ani
翅膀(藍) http://ashine0118.myweb.hinet.net/wing2.ani
翅膀(灰) http://ashine0118.myweb.hinet.net/wing3.ani
翅膀(紫) http://ashine0118.myweb.hinet.net/wing4.ani
翅膀(黑) http://ashine0118.myweb.hinet.net/wing5.ani
貓娘(粉) http://ashine0118.myweb.hinet.net/nekomusume.ani
貓娘(藍) http://ashine0118.myweb.hinet.net/nekomusume4.ani
貓娘2(粉) http://ashine0118.myweb.hinet.net/nekomusume2.ani
貓娘2(藍) http://ashine0118.myweb.hinet.net/nekomusume3.ani
法杖4(藍) http://ashine0118.myweb.hinet.net/barII.ani
法杖4(粉) http://ashine0118.myweb.hinet.net/barII2.ani
法杖4(紫) http://ashine0118.myweb.hinet.net/barII3.ani
法杖5(紫) http://ashine0118.myweb.hinet.net/barIII.ani
法杖5(藍) http://ashine0118.myweb.hinet.net/barIII2.ani
法杖5(粉) http://ashine0118.myweb.hinet.net/barIII3.ani
弓箭(黑) http://ashine0118.myweb.hinet.net/bowandarrow1.ani
弓箭(藍) http://ashine0118.myweb.hinet.net/bowandarrow2.ani
弓箭(粉) http://ashine0118.myweb.hinet.net/bowandarrow3.ani
弓箭(紫) http://ashine0118.myweb.hinet.net/bowandarrow4.ani
狗狗(花) http://ashine0118.myweb.hinet.net/dog4.ani
狗狗(白) http://ashine0118.myweb.hinet.net/dog5.ani
茶杯(白) http://ashine0118.myweb.hinet.net/kaapu.ani
茶杯(粉) http://ashine0118.myweb.hinet.net/kaapu2.ani
茶杯(藍) http://ashine0118.myweb.hinet.net/kaapu3.ani
法杖6(藍) http://ashine0118.myweb.hinet.net/barIIII.ani
法杖6(粉) http://ashine0118.myweb.hinet.net/barIIII2.ani
法杖6(紫) http://ashine0118.myweb.hinet.net/barIIII3.ani
法杖6(黑) http://ashine0118.myweb.hinet.net/barIIII4.ani
Snoopy http://ashine0118.myweb.hinet.net/snoopy.ani
游標 http://ashine0118.myweb.hinet.net/run.ani
書 http://ashine0118.myweb.hinet.net/book.ani
愛心+翅膀+閃閃(藍) http://ashine0118.myweb.hinet.net/loveshine.ani
愛心+翅膀+閃閃(粉) http://ashine0118.myweb.hinet.net/loveshine1.ani
兔子(粉) http://ashine0118.myweb.hinet.net/lapin2.ani
針筒(黑) http://ashine0118.myweb.hinet.net/injection.ani
針筒(藍) http://ashine0118.myweb.hinet.net/injection1.ani
針筒(粉) http://ashine0118.myweb.hinet.net/injection2.ani
針筒(紫) http://ashine0118.myweb.hinet.net/injection3.ani
針筒(灰) http://ashine0118.myweb.hinet.net/injection4.ani
愛心(紫) http://ashine0118.myweb.hinet.net/loveshine2.ani
愛心(藍) http://ashine0118.myweb.hinet.net/loveshine3.ani
愛心(粉) http://ashine0118.myweb.hinet.net/loveshine4.ani
愛心(黑) http://ashine0118.myweb.hinet.net/loveshine5.ani
ENTER(白) http://ashine0118.myweb.hinet.net/enter2.ani
皇冠 http://ashine0118.myweb.hinet.net/hair.ani
大寶 http://ashine0118.myweb.hinet.net/tabo.ani
音符 http://ashine0118.myweb.hinet.net/music.ani
小熊維尼 http://ashine0118.myweb.hinet.net/winnie.ani
ドラえもん(哆啦A夢) http://ashine0118.myweb.hinet.net/doraemon.ani
足跡*白*(適用於黑色背景) http://ashine0118.myweb.hinet.net/footsteps3.ani
愛心+翅膀+閃閃(橘) http://ashine0118.myweb.hinet.net/loveshine6.ani
愛心+翅膀+閃閃(綠) http://ashine0118.myweb.hinet.net/loveshine7.ani
大寶2 http://ashine0118.myweb.hinet.net/tabo1.ani
酷企鵝 http://ashine0118.myweb.hinet.net/cool.ani
Mickey http://ashine0118.myweb.hinet.net/mickey.ani
Mickey(手指) http://ashine0118.myweb.hinet.net/mickey1.ani
籃球 http://ashine0118.myweb.hinet.net/basketball.ani
棒球 http://ashine0118.myweb.hinet.net/baseball.ani
小熊(粉) http://ashine0118.myweb.hinet.net/bear2.ani
小熊(藍) http://ashine0118.myweb.hinet.net/bear4.ani
跳舞小熊(粉) http://ashine0118.myweb.hinet.net/bear3.ani
翅膀小熊(粉) http://ashine0118.myweb.hinet.net/bear5.ani
大耳狗 http://ashine0118.myweb.hinet.net/cinnamoroll.ani
布丁狗 http://ashine0118.myweb.hinet.net/puri.ani
游標+閃閃(粉) http://ashine0118.myweb.hinet.net/mus.ani
游標+閃閃II(粉) http://ashine0118.myweb.hinet.net/mus1.ani
游標+閃閃III(粉) http://ashine0118.myweb.hinet.net/mus2.ani
兔子(乳牛樣) http://ashine0118.myweb.hinet.net/lapin4.ani
兔子(乳牛樣) http://ashine0118.myweb.hinet.net/lapin5.ani
LoVe字(黑) http://ashine0118.myweb.hinet.net/love3.ani
LoVe字(紫) http://ashine0118.myweb.hinet.net/love4.ani
LoVe字(粉) http://ashine0118.myweb.hinet.net/love5.ani
LoVe字(藍) http://ashine0118.myweb.hinet.net/love6.ani
mickey手指II http://ashine0118.myweb.hinet.net/te1.ani
- Aug 04 Thu 2011 12:28
連結網站排列語法教學
把二個網址的間隔中再加個<br>
- Aug 03 Wed 2011 10:19
基本連結語法
基本連結應用語法:
1.一般連結
<a href="網址">網名</a>
2.一般連結(另開新視窗)
<a href="網址" target="_blank">網名</a>
3.按網名名稱開啟網站超連結(顯示註解文字)
<a href="網站位址" title="文字敘述">網名</a>
4.按網名名稱開啟超連結(顯示註解文字)(另開新視窗)
<a href="網站位址" title="文字敘述" target="_blank">網名</a>
5.按圖片名稱開啟圖片超連結(顯示註解文字)(另開新視窗)
<a href="圖片位址" title="文字敘述" target="_blank">圖片名稱</a>
6.按圖開啟網站超連結(顯示註解文字)
<a href="網站位址"><img src="圖片位址" alt="文字敘述"></a>
7.按圖開啟網站超連結(顯示註解文字)(另開新視窗)
<a href="網站位址" target="_blank"><img src="圖片位址" alt="文字敘述"></a>
8.按圖開啟圖片超連結(顯示註解文字)(另開新視窗)
<a href="圖片位址" target="_blank"><img src="圖片位址" alt="文字敘述"></a>
9.插入E-maiil
<a href="mailto:信箱位址 ">文字敘述</a>
10.插入E-maiil (另開新視窗)
<a href="mailto:信箱位址 " target="_blank">文字敘述</a>
11.按圖開啟超連結滑鼠移到圖上(顯示註解文字)(可當logo連結用)(另開新視窗)
<a href="部落格網址" target="_blank"><img src="logo圖片網址" alt="部落格名稱"></a>
- Aug 02 Tue 2011 15:11
自己動手作撥放相簿