奇摩部落格改游標及面板背景方法總整理－單車佬的樂活天地

奇摩部落格改游標及面板背景方法總整理

(一)奇摩改游標步驟:

游標語法如下

body{cursor:url(游標式樣一網址);}

a:hover{cursor:url(游標式樣二網址);}

語法中游標式樣一是一打開部落格的游標式樣

游標式樣二是碰到有超連結時會變的另一款式樣

例如下方兩款熊熊游標式樣預覽圖

(如要改其他游標式樣請將游標網址換上下方語法紅色字地方)

游標上傳取得網址請參考(註:游標可免費上傳的網站常常會停用)

請盡量上傳到穩定一點的樂多或是hinet網頁空間

http://www.wretch.cc/blog/fanlucy01/11662980

http://tw.myblog.yahoo.com/fanlucy-fanlucy/article?mid=3428&prev=3495&next=3231&l=f&fid=21

熊熊游標語法:(可直接套用如要改其他式樣游標只需將游標網址和上紅色字網址處)

body{cursor:url(http://sunny870919.110mb.com/upload/2527e26dc3e2f44804261e1136c56486.ani );}
a:hover{cursor:url(http://sunny870919.110mb.com/upload/1ba8fafa0c58a24846e6bbe120b518b1.ani );}

將語法貼在css語法框方法↓選

1. 管理部落格→ 選面板設定

2. 選自訂樣式如下圖

3.打開 CSS 語法框後把語法貼在最底處空白地方(多按幾下空白鑑讓空隙加大)如下圖

4. 貼好後按確定~~回到我的部落格看結果!!

如下圖

(二)奇摩部落格改變背景方式有如下幾種

(一)使用進階式樣~~上傳自己電腦中圖片當背景~~但只有支援jpg圖檔上傳其他格式圖檔無法上傳

步驟:

1. 按管理部落格~~ 2 . 按更換面板 3. 按進階式樣
選擇背景圖案~~選擇從我的電腦中或是部落格相簿中挑選(只支援jpg圖檔)~~按瀏覽~~選擇重覆方式~~按下方確定

如下圖:

(二) 使用自訂式樣改變背景圖

你需先將自己電腦中圖片上傳網路空間取得網址(網路空間大多都支援jpg 或是gif 靜動態圖片)

千萬不可以使用相簿中圖片網址

如何上傳網路空間取得網址請參考下面網址解說

http://tw.myblog.yahoo.com/fanlucy-fanlucy/article?mid=2413&prev=2520&next=2397

將上傳取得的圖片網址填在背景改變語法中圖片網址處如下語法中紅色字地方

背景圖改變語法有三種(請任選一種)

1.部落格全版背景底圖背景圖改變語法:

body {background: url(背景圖網址)}

註:

此一語法代表背景圖整版面鋪滿

2. 大幅背景圖固定語法:

(大幅圖片背景1024X768尺寸適合)

body { background-image: url(背景圖網址);
background-repeat:no-repeat ;
background-attachment: fixed;}

3 . 小幅背景圖語法

(小幅背景圖固定語法請挑選四邊能連結看不出單張的可整版重覆圖片)

body {
background-image: url(小張背景圖網址);
background-repeat:repeat ;
background-attachment: fixed;}

請任選一種語法將上傳取的圖片網址套入語法中

語法放置部落格自訂式樣步驟

(一)語法放入奇摩部落格方式

1. 管理部落格→ 選面板設定
2. 選自訂樣式如下圖

在打開的語法框中先找到下面語法將紅色字地方刪除

/*Background image for whole page*/
body {background-image: url(http://tw.blog.yahoo.com/photo/photo.php?id=8jStxkWTSEI564irwf1KUoOtzA--&photo=20071007054907365.jpg); background-repeat: repeat}

/*Background*/
body{background:#FFFFFF url(http://tw.yimg.com/i/tw/blog/skin3/bg3.jpg) }

再將改變背景圖語法及游標語法貼上~~~也可以將語法框拉動捲軸到最底多按幾下Enter將語法貼在底部空白處

4. 貼好後按確定~~回到我的部落格看結果!! 如下圖

其他自訂式樣改變語法請參考下方網址