zoukankan      html  css  js  c++  java
  • 制作自己博客园文章签名

      看到园子里很多的前辈在发表自己的文章和想法的时候,文章后面都有一个版权信息的声明,感觉上很是讲究,很想也做一个和前辈们一样的东西,今天也仿着他们的签名做了一个,没有什么突出的地方,效果图如下:

      这样博客看起来很是新颖,有两种做法:

    • 通过博客的签名来设置,你所有的文章后边都会跟上你的签名;
    • 通过自己写好的HTML代码在维护你的签名;

      第一种步骤如下:

      1.在后台管理界面写随笔的地方,点击左侧的维护签名,起个名字,在“内容”的文本框输入如下信息;    

    代码
    <div id="AllanboltSignature">
    <div>作者:<a href="http://www.cnblogs.com/allanbolt/" target="_blank">不老神仙</a></div>
    <div>出处:<a href="http://www.cnblogs.com/allanbolt/" target="_blank">http://www.cnblogs.com/allanbolt/</a></div>
    <div>本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.</div>
    </div>

      2.点击保存后,设置你喜欢的样式,打开后台管理页面点击“设置”,在“通过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;
    }

      3.这样重新打开你的编辑器,发布你的随笔,就会有选择签名的信息;

     

      第二种步骤如下:

      1.在自己的博客相册上传一张由于签名显示的图片,记下它的网络连接地址;

      2.设置好显示的样式,也就是HTML代码,园子里面的签名代码可以在网页查看源代码中获取到;

       园子中的签名HTML代码如下:  

      代码
       <div id="AllanboltSignature">
    <p id="PSignature" style="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;
    background: url(http://images.cnblogs.com/cnblogs_com/allanbolt/226222/o_users_two_warning_48.png) #e5f1f4 no-repeat 1% 50%;
    font-family: 微软雅黑; font-size:11px;"
    >
    <br />
    作者:
    <a href="http://www.cnblogs.com/allanbolt/" target="_blank">不老神仙</a>
    <br />
    出处:
    <a href="http://www.cnblogs.com/allanbolt/" target="_blank">http://www.cnblogs.com/allanbolt/</a>
    <br />
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    </p>
     </div>

       3.设置自己喜欢的背景颜色、样式、字体的大小一类东西;   

       4.在你写完文章后,点击编辑器的HTML代码,在后面加上你的签名,即可;

       5.这种做法虽然麻烦一些,但是可以在你想加上签名的随笔上添加,而不是博客全部的东西;

  • 相关阅读:
    java 使用jsch 远程链接linux执行命令
    Scott Mitchell 的ASP.NET 2.0数据教程之十三:在DetailsView控件中使用TemplateField
    Scott Mitchell 的ASP.NET 2.0数据教程之二十二:为删除数据添加客户端确认
    左边有个treeviwe控件,点击tree控件的一个节点右面进入相应的网页
    Scott Mitchell 的ASP.NET 2.0数据教程之二十三:基于用户对修改数据进行限制
    Scott Mitchell 的ASP.NET 2.0数据教程之十九:给新增、编辑界面增加验证控件 (翻译)
    Scott Mitchell 的ASP.NET 2.0数据教程之十二:在GridView控件中使用TemplateField
    Scott Mitchell 的ASP.NET 2.0数据教程之二十定制数据修改界面
    Scott Mitchell 的ASP.NET 2.0数据教程之十四:使用FormView 的模板
    Scott Mitchell 的ASP.NET 2.0数据教程之二十一:: 实现开放式并发
  • 原文地址:https://www.cnblogs.com/allanbolt/p/1635665.html
Copyright © 2011-2022 走看看