试一试新设计的博客随笔签名

 

 

博客随笔签名做成后的效果图：

 

废话不多说，直接开始！进你的博客首页

管理→设置→页面定制CSS代码（将下面代码贴进去），保存

#AllanboltSignature{ 
border-top: #e0e0e0 1px dashed;
border-right: #e0e0e0 1px dashed;
border-bottom: #e0e0e0 1px dashed;
border-left: #e0e0e0 1px dashed;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 60px;
font-family: 微软雅黑;
font-size:11px;
background: url(http://images.cnblogs.com/cnblogs_com/allanbolt/226222/o_users_two_warning_48.png) #e5f1f4 no-repeat 1% 50%;

}
#AllanboltSignature div
{
line-height: 25px;
}

 退回你的博客首页→新随笔→博客签名→标题（随便写）→内容（复制下面代码，把博客地址和用户名改成你自己的就行了）

<div id="AllanboltSignature">    
        <div>作者：<a href="http://www.cnblogs.com/lj-cn/" target="_blank">Devil丶丶</a></div>
        <div>出处：<a href="http://www.cnblogs.com/lj-cn/" target="_blank">http://www.cnblogs.com/lj-cn/</a></div>
        <div>本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，否则保留追究法律责任的权利.如有问题，请与作者联系：<a href="https://outlook.live.com/owa//" target="_blank">jiesmileuu@outlook.com</a></div>  
    </div>

OK，保存后写一篇新随笔感受一下，不满意可以自行改代码。（效果展示图↓）

你可能会发现与我的略有不同，就是作者、出处后面的超链接有下划线，个人不喜欢这种风格，如果你跟我想法一致，请打开设置→页面定制CSS代码，贴入以下代码，可以去掉下划线

.postBody a:link, .postBody a:visited, .postBody a:active {
    text-decoration: none;
}

ok，大功告成！想有更个性的博客签名，可在此基础上自行查阅修改。

 

原文链接：http://www.cnblogs.com/lixu880/p/6370909.html

版权所有，转载请以链接形式注明作者及原始出处。