公告版位
本站內容請勿轉載~新聞如果有錯誤請大家告訴們小編部門~謝謝 ★Let's Fly' B1A4★Facebook https://www.facebook.com/bana.emily

目前分類:部落格裝飾 (11)

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

1485614287.jpg  

http://www.wretch.cc/blog/Umod/2988479

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

照片加文字
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://myspacexmas.com/

照片轉成動畫
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/"

 

 

 

 

 

 

 

 

 

 

 

 

 

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

http://pic.sdodo.com/tool/addword/

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

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更新

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

<落葉的小熊維尼>

計日器語法: <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=公告欄第一段文字#公告欄第二段文字#公告欄第三段文字" >

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

用你的年齡換算你的標準體重

<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>

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

小熊維尼

<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>

更多款式請到下面網頁(謝謝)

http://space.uwants.com/html/41/491941-329128.html

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

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

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

複製下列語法 <a target="_blank" href="網址">網站描述</a> 貼上自訂欄位,想讓二個超連結間隔加寬

把二個網址的間隔中再加個<br>

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

基本連結應用語法:

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>

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

14799e83bcbf84.jpg  

http://diary.blog.yam.com/cjj7cjj/article/4928030

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

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼