從管理部落格進入→點入面版設定→再選擇自訂樣式
自訂樣式點進去就是CSS的內容。
只要把語法貼在CSS內容底下就可以了。
框線圖及語法分享示範 2006.12.30 新增 | |
圖示↓ |
語法↓ |
![]()
藍玫瑰滑鼠游標圖示
|
藍玫瑰框圖引用自:鍵鍵的媽咪分享。 /*Shared rounded corner for all modules flower藍玫瑰框圖a*/ /*藍玫瑰游標圖*/ |
![]()
雪兒星星滑鼠游標圖示 |
感謝雪兒的素材圖分享 /*Shared rounded corner for all modules雪兒星星框圖11*/ /*雪兒星星標圖*/
|
![]()
狗狗滑鼠游標圖示 |
/*Shared rounded corner for all modules 新年快樂*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/d01-2.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/d02-1.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/d03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/d04-1.gif) right bottom no-repeat;height:18px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:17px;background:url(http://hk.geocities.com/zxcvbnm000qwe/d05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:15px;background:url(http://hk.geocities.com/zxcvbnm000qwe/d06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*狗狗游標圖*/ |
![]()
※若不想有文字出現, 第一個上方圖可以更換成↓ http://hk.geocities.com/zxcvbnm000qwe/b01-1.gif
※若不想有文字出現, 第一個上方圖可以更換成↓ http://hk.geocities.com/zxcvbnm000qwe/bb1-1.gif
小喵喵滑鼠游標圖示 |
/*Shared rounded corner for all modules 小喵喵(透空)*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/b01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/b02.gif) right top no-repeat;height:43px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/b03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/b04.gif) right bottom no-repeat;height:14px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:20px;background:url(http://hk.geocities.com/zxcvbnm000qwe/b05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:20px;background:url(http://hk.geocities.com/zxcvbnm000qwe/b06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*Shared rounded corner for all modules 小喵喵*/ /*小喵喵游標圖*/ |
![]()
熊熊滑鼠游標圖示 |
/*Shared rounded corner for all modules 熊熊*/ /*熊熊游標圖*/ |
![]()
熊熊2滑鼠游標圖示 |
/*Shared rounded corner for all modules熊熊2*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/c01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/c02.gif) right top no-repeat;height:45px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/c03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/c04.gif) right bottom no-repeat;height:21px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:13px;background:url(http://hk.geocities.com/zxcvbnm000qwe/c05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:19px;background:url(http://hk.geocities.com/zxcvbnm000qwe/c06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*熊熊2游標圖*/ |
![]()
蕃茄娃滑鼠游標圖示 |
/*Shared rounded corner for all modules蕃茄娃*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/e01-1.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/e02.gif) right top no-repeat;height:53px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/e03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/e04.gif) right bottom no-repeat;height:26px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:10px;background:url(http://hk.geocities.com/zxcvbnm000qwe/e05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://hk.geocities.com/zxcvbnm000qwe/e06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*蕃茄娃游標圖*/ |
![]()
紫緞蕾絲滑鼠游標圖示
還有整套的紫緞蕾絲面版大方送喔~ 第一次做面版分享 ~希望您會喜歡~ |
/*Shared rounded corner for all modules 紫緞蕾絲*/ .ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;} .ycntmod .rctop {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/f01.gif) left top no-repeat;margin-right:10px;} .ycntmod .rctop div {background:url(http://hk.geocities.com/zxcvbnm000qwe/f02.gif) right top no-repeat;height:34px;font-size:0;position:relative;right:-10px;} .ycntmod .rcbtm {zoom:1;background:url(http://hk.geocities.com/zxcvbnm000qwe/f03.gif) left bottom no-repeat;margin-right:10px;} .ycntmod .rcbtm div {background:url(http://hk.geocities.com/zxcvbnm000qwe/f04.gif) right bottom no-repeat;height:26px;font-size:0;position:relative;right:-10px;} .ycntmod .rcl {padding-left:19px;background:url(http://hk.geocities.com/zxcvbnm000qwe/f05.gif) repeat-y;} .ycntmod .rcr {zoom:1;padding-right:18px;background:url(http://hk.geocities.com/zxcvbnm000qwe/f06.gif) right repeat-y;} .ycntmod .text {position:relative;word-break:break-all;} .yc3pribd .ycntmod{overflow:visible;} .yc3pribd .ycntmod .yblogcnt{overflow:hidden;} /*紫緞蕾絲游標圖*/ |