close
可以去看看喔,分享者的網誌。
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; }
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; }
全站熱搜
留言列表