; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 課程; 鼠標指著小工具標題時的變化
2012/09/14 17:41 ♥ 3 SARANG(s)

Vaniss 的課程


標題已經寫得清清楚楚
就是鼠標指著/經過標題的時候有變化 
不明白者我打到你頭爆! XDD
哎呀開玩笑吶, 夲博主溫柔得很呢 :P [誰會信==]


好啦, 不廢話 進入課程 ------>


黑色箭頭- before
紅色箭頭- after

设计 → 修改HTML → 按Ctrl+F 尋找 /* Headings

把以下的code paste在 /* Headings 的下面 

h2:hover{
color: #fff;text-shadow: 0 0 0.2em  #84C1FF , 0 0 0.2em #84C1FF;text-decoration: bold;-webkit-transition-duration: .5s;}

代碼分析;
淺藍色; 字體的顏色
中淺藍色; 字體的影子
藍色; 粗體, 如果不要可以把bold 改去none
深藍; 漸變代碼 數字越大, 漸變的時間越長


好了之後瀏覽看看有沒有出現亂碼,
沒有的話就按save 保存 :)

;; 漸變的效果在瀏覽是看不到的哦

你也可以把那些codes paste 在 h3.post-title { (帖子標題) 的下面
不過記得要 h2:hover 換去 h3.post-title {:hover 丫 :D

弄到了記得告知博主 :)
謝謝 :D

标签: ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.