可以去看看喔,分享者的網誌。
http://www.wretch.cc/blog/a8982545&article_id=22101077

來加點小圖示吧 !

新增一個語法喔*

在你的帳號前

在你的相簿名稱前

在你的文章標題前

在你的連結前

在你的文章分類前

在你的 連結(相簿、留言…)前 ↓

【 新增 (!!!)  有進階版的*

  首頁、相簿、網誌、留言、好友、名片 . . .

  前面小圖都不一樣的語法         】

在你移動到連結會出現一個小圖示、

資料夾移到連結旁邊出現小圖示;

14種 語法一次送給你喔 !


很簡單*

複製語法,,

貼在樣式管理裡的修改css樣式列表的最下就可以囉 ^ ˇ ^

真的很簡單吧 !



怎麼知道圖片網址呢?

很簡單*

在你想要的圖片按右鍵

點選最下方的內容;;

你就可以看見圖片網址囉 ^ ˇ ^




相簿前加小圖示 ↓


b font a{display:block ;background:url(圖片網址) no-repeat left top ;padding-left:20px ; }


-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


文章標題加小圖示 ↓


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

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


連結前加小圖示 ↓


sidetitle {
BACKGROUND-POSITION: left top; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND-IMAGE: url(圖片網址); COLOR: #ff6666; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; HEIGHT: 25px; BACKGROUND-COLOR: transparent
}

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


文章分類前加小圖示 ↓


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

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-

連結(相簿、留言、...)前加小圖示 ↓


#linkMypage, #linkAlbum, #linkBlog, #linkGbook, #linkUser, #linkFriend { background: url(圖片網址) left no-repeat; padding-left:20px; }

( 最 下 面 有 進 階 版 的 喔 ‧ˇ‧ )


-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


移到連結會出現一個小圖示 ↓


a:hover{background:url(圖網址) no-repeat fixed left top;}

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


資料夾移到連結旁邊出現小圖示 ↓


#links a:hover{
color:色碼;background:url(圖案網址) fixed no-repeat left center;
padding-left:9px;}

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


帳號前面加小圖示 ↓


#boxMySpace .boxMySpace0 {Height:30px; background: url(圖片網址) 0% 110% no-repeat;}
.boxMySpace0 .sidetitle{MARGIN:0px 0px 0px 13px}

-*-*-*-*-*-*-我-*-*-*-*-*-*-是-*-*-*-*-*-***-分-*-*-*-*-*-*-隔-*-*-*-*-*-*-線-*-*-*-*-*-*-


連結(首頁、相簿、...)前的小圖不一樣 ↓

首頁:#linkMypage { background: url(圖片網址) left no-repeat; padding-left:20px; }

相簿:#linkAlbum { background: url(圖片網址) left no-repeat; padding-left:20px; }

網誌:#linkBlog { background: url(圖片網址) left no-repeat; padding-left:20px; }

留言:#linkGbook { background: url(圖片網址) left no-repeat; padding-left:20px; }

好友:#linkFriend { background: url(圖片網址) left no-repeat; padding-left:20px; }

名片:#linkUser { background: url(圖片網址) left no-repeat; padding-left:20px; }
arrow
arrow
    全站熱搜

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