蒐集：隨藝創作 2007/09/01 17:29
紫蘿琳製【相機軟片】動畫框《黑色系列》
框線示範圖↓
語法
/*Shared rounded corner for all modules 琳製相機軟片動畫框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://caroline2007.t35.com/caroline586/boys_101cap.gif) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(http://caroline2007.t35.com/caroline586/boys_102cap.gif) right top no-repeat;height:27px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(http://caroline2007.t35.com/caroline586/boys_103cap.gif) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(http://caroline2007.t35.com/caroline586/boys_104cap.gif) right bottom no-repeat;height:49px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:9px;background:url(http://caroline2007.t35.com/caroline586/boys_105cap.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://caroline2007.t35.com/caroline586/boys_106cap.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:20px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(圖檔左上01) left top no-repeat;margin-right:10px;}
.ycntmod .rctop div {background:url(圖檔右上02) right top no-repeat;height:左右上第一.二框尺寸px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcbtm {zoom:1;background:url(圖檔左下03) left bottom no-repeat;margin-right:10px;}
.ycntmod .rcbtm div {background:url(圖檔右下04) right bottom no-repeat;height:左右下三.四框尺寸px;font-size:0;position:relative;right:-10px;}
.ycntmod .rcl {padding-left:左五框尺寸px;background:url(圖檔左中05) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:右六框尺寸px;background:url(圖檔右中06) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
使用在 (自訂樣式 )
進入 ( 管理部落格 ) 按 ( 面板設定 )
在按 ( 自訂樣式 )
貼上複製的 ( 語法 )
紅色部分→圖檔尺寸→圖檔網址
最後步驟，按下儲存就完成囉!
琳的 logo 連結 
*++++++++++++++++++++++++++++++*
++++++++++++++++++++
此張是上傳圖 要引用此張不需復製↓
|
