琴自製kitty結婚造型框線圖
我的部落格目前就是使用這款造型,喜歡的人要整篇帶走,請一定要引用,並帶走我的LOGO~感謝大家
從管理部落格進入→點入面版設定→再選擇自訂樣式 自訂樣式點進去就是CSS的內容 只要把語法貼在CSS內容底下就可以了
框線圖的語法,是要貼在CSS裡面
預覽圖
結婚造型語法如下:
/*shared rounded corner for all modules KT01-003結婚造型式*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-01.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-02.gif) right top no-repeat;height:175px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-03.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-04.gif) right bottom no-repeat;height:93px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:16px;background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-05.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:16px;background:url(http://i313.photobucket.com/albums/ll395/KT080707/KT01/KT01-003-06.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
留言列表