游標自製與套用－跟著510208(企鵝哥)學電腦

　今天我來說說，如何把部落格游標改成像我這樣的自訂游標，請先準備好以下用品呦！

網頁瀏覽器
部落格

1. 首先，打開瀏覽器連到以下網址：

http://www.cursors-4u.com

　接著，選擇一個你喜歡的游標。記得：不要右鍵另存！

　請切記，滾輪到最下面，應該看的到"Option #2 - CSS Style Sheet Only Code"這項。他下方會有個程式碼，像是以下這串：

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth927.cur), auto !important;} /* End https://www.cursors-4u.com */

　把他複製下來，不要作任何更動。你如果複製上面這串，你會複製出一個人戴著口罩；你當然也可以選別的。

2.進入你的部落格，這裡用痞客邦的後台作說明：

3.點"樣式管理"，並進入"部落格CSS原始碼"。

4.將複製下來的原始碼，貼到部落格原始碼隨便一行。

　記住！以下是我的部落格原始碼其中一部份，我要用來演示用的。

　上方是正確的貼法，下方是錯誤的貼法，紅色文字是貼上的代碼。綠色文字則是原本代碼。我盡量縮短一點了。

#banner {
background: url(https://static.liontech.com.tw/ConsoleAPData/PublicationStatic/lion_tw_b2c_event/zh-tw/taiwan/worldwide/_ModelFile/PrimaryVisual/39251/50e50b5e2bad4b29a50ebb2f4acc1e2f.jpg) top center no-repeat !important;
}

/*以下請勿變動*/

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth931.cur), auto !important;} /* End https://www.cursors-4u.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,

/*以下請勿變動*/
html,/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth931.cur), auto !important;} /* End https://www.cursors-4u.com */ body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,

　如上，你不能影響到原本的CSS原始碼，因此我建議可以在第一行enter一行。

　也就是如下：

在這裡空一行：

/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/others/oth-9/oth931.cur), auto !important;} /* End https://www.cursors-4u.com */

/*以下請勿變動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,

　就是這樣，記得先按"預覽"看看你喜不喜歡這樣；接著再"儲存套用"即可^^

同場加送：自製游標

　好奇如何製作游標嗎？不能用常見的*.png、*.svg，*.ico也不行，必須要是*.ani或*.cur才能使用喔！

　　　準備用品：AniFX軟體(點擊以下載)、控制台、游標原檔案(要做成游標的png或svg等)

　開始吧！

1.下載好軟體後，打開資料夾中"AniFX.exe"檔案

2.將游標原檔案拖進AniFX，並照著他的指示做

3.像使用小畫家一樣，對原檔案進行編輯

4.最後，儲存檔案，檔案選擇*.ani

5.這樣就編輯完成了，接著進入控制台中的"變更滑鼠游標樣式"，選"瀏覽"，接著選取做完的游標檔案。*.ani是一個會動態顯示的游標檔案，如果不需要動態，*.cur即可

文章到此結束！喜歡記得按關注嚕！