【部落格素材教學法】ੴ. .喵喵自製公告欄棕色邊框 ܤ
ੴ. .喵喵自製公告欄棕色邊框 ܤ
喵喵又來發邊框嚕
希望大家會喜歡內
PS:請整篇文章複製引用,不要再只複製語法部分,更不要移除LOGO當個壞小白
不會的人請看引用及懶人包引用需知教學
邊框預覽
邊框語法:
/*shared rounded corner for all modules喵喵自製公告欄棕色邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {zoom:1;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uSK4g2LMcy-lBkpb8pFi9vnSYluYFsTYKW_HbNDcnTv-J-1ORX8kGjwgEmAFbeJzKGMoWThQdUmg/co1.gif) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1vX20RpvvpkQxcfxySQqI7M8VOGTpUJWIWKUEiYJQg93QicS-feihOZJ1BJcHHbRMOZkULeVBrA9w/co2.gif) right top no-repeat;height:24px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {zoom:1;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1v9_-hmlGEmEELXqMewy55KajTd8huYpjxM2IpPldvqU8H2wrrLqlRiqtWSMd5_pdBjqrc_8E_SIg/co3.gif) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1uS-VNcdl7oAMixCEgcfYk0iIceE4ElXEN8ORERbWt9803qFfAV-pHtwiIsmAmjlK5xf-pnLYokeg/co4.gif) right bottom no-repeat;height:10px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:8px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1sDFgU25CI3A0h-M95fjp0UWVbgMk-Dmxz8EHQDf_1O9eiOJZOf6IbGcf_F4Eqrcw8IzI-uOTG6kQ/co5.gif) repeat-y;}
.ycntmod .rcr {zoom:1;padding-right:9px;background:url(http://xvvp9w.blu.livefilestore.com/y1p0W7VJqJwJ1u6bClo9-I8BLgJfOhnBNBGnkV63kw0zfktbSTse4BSFYMAmcP6539VDjtJkzz0wk88KeWSC0R8tA/co6.gif) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}