侧边栏在线征稿小工具

共1205字,阅读约5分钟
图片[1]-侧边栏在线征稿小工具-墨初博客

自定义HTML添加到需要的地方即可

<style type="text/css">
    #draft img{margin:0px 0 15px }#draft a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}#draft .info {display: inline-block;margin-top: 15px;color: rgb(54, 54, 54);}
</style>
<div id="draft">
    <img title="墨初博客" src="http://mochu.co/wp-content/uploads/2022/02/23f584897c23.png" alt="图片" style="border-radius:5px;" />
    <a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=junn127@qq.com" target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)" rel="noopener">发送邮件</a>
    <a class="cms_link" href="http://wpa.qq.com/msgrd?v=3&uin=2837692319&site=qq&menu=yes" target="_blank" style="background-image: linear-gradient(to right, #FF9999,#996699)" rel="noopener">点击投稿</a>
    <a class="grid_link" href="https://mochu.co/about/" target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)" rel="noopener">关于我们</a>
    <div class="info">
        投稿邮箱: junn127@qq.com <br> 交流 QQ: 2837692319
    </div>
</div>

代码转载自

https://www.ijinse.cn/408.html

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
墨初的头像-墨初博客

昵称

取消
昵称表情代码图片