自製7組kitty框線圖及17個kitty游標(2007/05/1補鼠游標原圖)
自製7組kitty框線圖及17個kitty游標
因圖框從網路及各部落格裡尋找下載儲存於電腦裡,現無法詳知圖框來源,在此感謝各位大大提供可愛的圖框
框線圖的語法，是要貼在ＣＳＳ裡面
從管理部落格進入→點入面版設定→再選擇自訂樣式
自訂樣式點進去就是ＣＳＳ的內容
只要把語法貼在ＣＳＳ內容底下就可以了
語法沒改變,只改po樣式,用滑鼠按語法可直接連結看框線圖
kitty框線圖
/*shared rounded corner for all modules琴自製KittyG框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyG01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyG02.gif) right top no-repeat;height:69px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyG03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyG04.gif) right bottom no-repeat;height:61px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:13px;background:url(http://pop1014.googlepages.com/kittyG05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:6px;background:url(http://pop1014.googlepages.com/kittyG06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyH框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyH01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyH02.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyH03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyH04.gif) right bottom no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:9px;background:url(http://pop1014.googlepages.com/kittyH05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://pop1014.googlepages.com/kittyH06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyI框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyI01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyI02.gif) right top no-repeat;height:50px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyI03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyI04.gif) right bottom no-repeat;height:78px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://pop1014.googlepages.com/kittyI05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:8px;background:url(http://pop1014.googlepages.com/kittyI06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyJ框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyJ01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyJ02.gif) right top no-repeat;height:76px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyJ03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyJ04.gif) right bottom no-repeat;height:51px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:11px;background:url(http://pop1014.googlepages.com/kittyJ05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:11px;background:url(http://pop1014.googlepages.com/kittyJ06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyL框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyL01.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyL02.gif) right top no-repeat;height:75px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyL03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyL04.gif) right bottom no-repeat;height:75px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:9px;background:url(http://pop1014.googlepages.com/kittyL05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://pop1014.googlepages.com/kittyL06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyM框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyM01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyM02.gif) right top no-repeat;height:75px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyM03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyM04.gif) right bottom no-repeat;height:88px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:7px;background:url(http://pop1014.googlepages.com/kittyM05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://pop1014.googlepages.com/kittyM06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
/*shared rounded corner for all modules琴自製KittyO框線圖加框語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://pop1014.googlepages.com/kittyO01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://pop1014.googlepages.com/kittyO02.gif
) right top no-repeat;height:95px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://pop1014.googlepages.com/kittyO03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://pop1014.googlepages.com/kittyO04.gif) right bottom no-repeat;height:21px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:7px;background:url(http://pop1014.googlepages.com/kittyO05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:7px;background:url(http://pop1014.googlepages.com/kittyO06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
kitty游標
原圖是原尺寸，滑鼠游標是尺寸32x32
原圖
滑鼠游標http://pop1014.googlepages.com/K001.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K002.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K003.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K004.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K005.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K006.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K007.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K008.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K009.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K010.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K011.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K012.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K013.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K014.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K015.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K016.ani
原圖
滑鼠游標http://pop1014.googlepages.com/K017.ani
請點選管理部落格→選面板設定→選自訂樣式會出現css語法→將滑鼠語法貼再最下面一行即可
語法
body{cursor:url(圖檔網址.ani)} ------沒連結時的滑鼠指標圖
a:hover {cursor:url(圖檔網址.ani)}---連結時的滑鼠指標圖
例如：
body{cursor:url(http://pop1014.googlepages.com/K001.ani)}
a:hover {cursor:url(http://pop1014.googlepages.com/K002.ani)}
