^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望可以帮到你
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

xiu主题添加左边侧边栏

阿里云服务器9.9

只需要在 css 中添加下面代码:

.speedbar-wrap{position: relative;float: left;margin-left: -99%;width: 158px;overflow: hidden;}
.speedbar{position: fixed;width: 158px;}
.speedbar-menu{ border: 1px solid #eaeaea;font-weight: bold;margin: 0;list-style: none;padding: 0;border-radius: 4px;padding: 7px 0;}
.speedbar-menu a{display: block;padding: 7px 20px; }
.speedbar-menu li:first-child a{border-radius: 4px 4px 0 0}
.speedbar-menu li:last-child a{border-radius: 0 0 4px 4px;border-bottom: none;}

.speedbar-weixin{border-radius: 4px;border: 1px solid #eaeaea;margin-top: 10px;}
.speedbar-weixin h5{padding: 12px 0 0 20px;font-size: 12px;margin: 0;line-height: 16px;}
.speedbar-weixin img{max-width: 100%;}

然后在 sidebar 中添加下面代码:

小鸟动态壁纸邀请码1EEAERT

<aside class="speedbar-wrap">
	<div class="speedbar">
	<ul class="speedbar-menu">
		<li><a target="_blank" href="https://dedewp.com/pay">有偿服务</a></li>
		<li><a target="_blank" href="https://dedewp.com/online-music">音乐电台</a></li>
		<li><a target="_blank" href="https://dedewp.com/flinks">友情链接</a></li>
		<li><a href="https://dedewp.com/dede">dede</a></li>
		<li><a href="https://dedewp.com/tag/wordpress">wordpress</a></li>
		<li><a href="https://dedewp.com/tag/css">css</a></li>
		<li><a href="https://dedewp.com/tag/js">js</a></li>
	</ul>
	<div class="speedbar-weixin">
		<h5>微信关注“陌小雨”<br>每天分享有趣的事儿</h5>
		<img src="https://dy.dedewp.com/wp-content/uploads/mxyblog.jpg" alt="xiu主题添加左边侧边栏" title="xiu主题添加左边侧边栏" alt="">
	</div>
	</div>
</aside>

添加完毕后可能会出现手机上浏览等一些需进一步调节的 css 问题,自行调节,陌小雨不会就不鼓捣了,做个笔记吧,有空再折腾,再给大家来一张效果图:
xiu主题添加左边侧边栏

让小雨知道,这篇文章帮到了你

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来
小雨导购

如有疑问,请前往问答中心反馈!

反馈
  1. 灰常记忆
    :???: 还是没折腾够啊
  2. KYAFFO
    加上侧边,果真好看了许多
    • 陌小雨网站管理员
      @KYAFFO 能解决自适应的问题我就保留啦 :oops:
  3. 李阳博客
    xiu已经好久没更新了,D8貌似也不会更新了!现在只有DUX。。。。
    • 大刘子
      @李阳博客 我记得之前好像浩子还说要给D-s和D7升级呢。。。
  4. 懿古今
    这个主题挺多人用的,挺不错的
  5. 梦想网络
    body {
    	  background-image: url(http://www.aifenx8.com/wp-content/uploads/2015/02/new-year.png);
    	 background-repeat: no-repeat;
    	 background-position: center 70px;
    	 background-attachment: fixed;
    	 background-size:1865px 500px;
    
     }
    ,我又改进了一下,用这个吧,下面的留言删除了。
  6. 天网
    不管是除夕还是初一,健康身体才是唯一;把每晚当除夕,把每天当初一;把自己当十七,生活就像阳光一般灿烂。天网地网祝您春节快乐,工作顺利!幸福如意!
  7. fangker
    发现已经下了本站链接。。。。不过还是祝你新年快乐!
    • 陌小雨网站管理员
      @fangker 之前空间出了点问题,数据丢失了,待会加上
  8. 沉鱼落雁随笔
    秀主题比较不错,很多博客都在用
  9. 大刘子
    去掉比较好