给博客小工具写个博客介绍

诗梦
431
文章
723
评论
2019年11月19日13:44:44给博客小工具写个博客介绍已关闭评论 16.2K 次浏览 1092字阅读3分38秒

心灵毒鸡汤:

给博客小工具写个博客介绍很简单的东西,有人需要写来玩玩,哈哈哈,自己改改按钮名称链接啥的,对个别主题样式可能会冲突,begin主题已经有了,就不要用这个了。给博客小工具写个博客介绍

使用:先到小工具里把文本小工具加到需要显示的地方,然后复制下面的代码到文本小工具里。

注:切换到文本在粘贴进去,不然在可视化里加没用的。

  1. <style>.momcb{text-align:center;}.momimg img{width:100px;height:100px;border-radius:60%;padding:8px;}.momimg{background-color:#62d285;}a{text-decoration:none;}.momli li{display:inline-block;}.momli a{border-width:2px;border-style:groove;border-color:#adabe5;border-radius:4px;padding:2px 10px;color:#999;}</style>
  2. <div class="momcb">
  3.     <div class="momimg">
  4.       <img src="https://ae01.alicdn.com/kf/H6dab62e0541a46969864585570bca3a6Q.png">
  5.     </div>
  6.     <div class="momsy">诗梦</div>
  7.     <div class="momcg">也许,只有真正动心了。才会为他所做的一件小事 在旁人看来无所谓,而在她看来却是心碎。</div>
  8.     <div class="momli">
  9.         <ul>
  10.             <li><a href="https://www.mom1.cn" title="首页">首页</a></li>
  11.             <li><a href="https://wpa.qq.com/msgrd?v=3&amp;uin=23113497&amp;site=qq&amp;menu=yes" title="Q Q">Q Q</a></li>
  12.             <li><a href="https://weibo.com/" title="微博">微博</a></li>
  13.             <li><a href="https://www.mom1.cn/ql.html" title="微语">微语</a></li>
  14.         </ul>
  15.     </div>
  16. </div>
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 文本由 发表于 2019年11月19日13:44:44
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
WordPress博客侧栏添加广告样式代码 教程

WordPress博客侧栏添加广告样式代码

WordPress博客侧栏博客小工具添加广告样式代码,很久就想搞了,用来引流我的淘客站,代码别人的,只是改了合我审美观的颜色。 教程:后台小工具里在你需要显示的地方添加html小工具,切换为文本模式,...
WordPress修改begin主题博客首页为单栏样式 教程

WordPress修改begin主题博客首页为单栏样式

修改begin主题博客布局为单栏,CSS隐藏侧边栏小工具,很适合单独写作的博主,不用在折腾小工具,主要是主题看久了换个样式。 使用:支持新版主题,以发文章时间为准,把代码加在后台外观主题选项里的定制下...