flutteringstar的無名教學

今天要敎大家的是如何在文章標題加入小圖示

             如圖:

語法說明:

網誌-文章分類小標示

.articletext .title { background: url(圖片網址) left no-repeat; padding-left:20px; }
 

請把紅色部分的圖片網址改成自己的喔!

---------------------------------------------------------------------------------

但請注意看你的css本身裡面是不是就有.articletext .title 或是.title這個項目

如果有，那就只要貼入background: url(圖片網址) left no-repeat; padding-left:20px;

不要忘記分號"；"  這是很重要的區隔，若是忘記了語法也會顯現不出來，

padding-left:20px這個數字代表的是跟標題文字的距離

如果你的圖片大於20px請自行調整距離大小

-----------------------------------------------------------------------------------

如何貼入css:請把你的css拉到最下方或最上方空白處貼入你修改好的css

如圖:

　複製語法請按此連結→文章標題加圖示←

    最後不要忘記要按儲存喔^^

今天要敎大家的是如何在文章分類加入小圖示

             如圖:

語法說明:

網誌-文章分類小標示

#boxCategory a img{display:none ;}
#boxCategory a {
background:url('圖片網址') no-repeat left top ;

首先呢....我們需要有自己喜歡的滑鼠游標樣式，基於自己DIY也不好看

而我也不想多寫這個煩雜的教學，那就交給專業的吧..

我想日本人一定做的比較好看，所以還是下載比較快→日本的游標素材

或是我網誌也有分享一些很可愛的游標http://www.wretch.cc/blog/bebe1419&category_id=9135790

挑到喜歡的樣式後，下載到自己的電腦裡

接下來就是上傳到網路上，如果你不知道哪裡有免費空間可以上傳

請參考以下教學

首先呢，必須要有google的帳號，

沒有的話請至這裡申請https://www.google.com/accounts/SmsMailSignup1

(都是中文介面應該不用在附上圖文教學了吧= =)

接下來請點此登入http://pages.google.com/

然後如以下圖示登入

最後反白的那個網址就是你這個檔案的網址囉~請注意游標副檔名一定只能是ani或是cur

什麼是副檔名?就是像你圖片有分成jpg或是gif，所以當你上傳喜歡的圖案時候，

網址後面一定是像這樣http://bebe141914191419.googlepages.com/02.ani

這才是有效的游標網址喔!

值得一題的是，google免費空間所提供上傳的沒有資料夾分類

所以你上傳過的檔案檔名不能一樣

開啟你的"修改CSS樣式表"，先看看你套用的樣式裡有沒有游標網址，

如果有的話直接把你的游標網址覆蓋上去，如果沒有請自行把語法貼在你的css裡面

這是未移到超連結時：
body{ cursor:url("游標網址"); }

這是移到超連結時：
a:hover { cursor:url("游標網址"); }

html {
SCROLLBAR-FACE-COLOR: #FFCCCC;-/*捲軸滑動版的顏色*/-
SCROLLBAR-HIGHLIGHT-COLOR: #FFF6F2; -/*捲軸滑動版左上邊框的顏色*/-
SCROLLBAR-SHADOW-COLOR: #EBD5C0; -/*捲軸滑動版右下邊框的顏色*/-
SCROLLBAR-3DLIGHT-COLOR: #EBD5C0; -/*捲軸左上邊框的顏色*/-

blog_main｜即body
#container1｜從#banner一直包到#extraDiv4
#container2｜從#banner一直包到#footer之前的#extraDiv2
#banner｜上面那一塊
#pageheader｜ 上面那一塊

[文字超連結設定]

我們從上面這個例子來說明文字的超連結如何設定:

1.「文字超連結」

即是點擊後即可連結到別的網頁的文字，例如相簿上面[xxx的個人資料]。
這段文字點擊之後即可連結到xxx的個人資料頁面，這就是一般常說的超連結效果。

而超連結設定主要分成這幾個執行動作時的設定(active、link、visited、hover)，而最常設計的地方即是a:hover部分。

如上例加了文字放大及連結跳動，滑鼠移到此連結會產生變化的效果，增加網頁的生動性。以下便針對此部分多做設計上的介紹。

※上面表格已經介紹了各種文字屬性及用法，各位可以把自己想要的語法加入大括號中自己做設定，並不一定只限用本範例的文字屬性。

2. 「a:hover常用改法 」

(1) 當滑鼠按到超連結的時候產生「背景按鈕圖」
a:hover { background-image: url('背景網址'); }

有時候，很興致沖沖的做網誌教學，看到人氣越來越高，自己相對也會很開心，相反的，

每到禮拜一，人氣就會瞬間下滑很多，導致我不想做教學，我開始思考，到底我做的這麼辛苦，

是為了什麼，為了人氣?別傻了~人氣就算高又如何，將來畢業或許也是面臨找不到工作的窘境，

人是個會思考的人物，所以才會有不停的煩惱，我一點也不想回答電腦白痴的問題，

因為就算回答了，對我一點好處也沒有，我沒有義務要回答任何人的問題，這是我的網誌，

你高興就來，不高興要在地上耍賴也不關我的事，但請不要吵到我的心情，很多時候，

我也有情緒，我也想發洩，想大叫，但漸漸的我發洩的對象變成了電腦，

我開心→玩電腦

我不爽→玩電腦

那麼我何必開心又何必不爽

誰說我不會生氣?我看到一堆人不努力爬文只會說:好難，你幫我用!

他x的，我老娘生我不是專門來服侍白癡的

我想關掉這個部落格

我想關掉這個部落格

我想關掉這個部落格!!!

我半夜四點一想到這個部落格我就恨死它了啦

討厭的人為什麼不去死一死算了啦