在当前主题目录下的single.php中适当位置添加如下代码:
<html>
<link rel="stylesheet" href="css文件地址">
<div id="zm">
<img id=img src="二维码地址">
<p id="p"><br> 微信公众号『利熙创享』</p>
<p id="zm2">第一时间了解最新网络动态<br>关注博主不迷路~
</p>
</div><br><br>
</html>
css我用了外链式链入,如果你要修改自行修改更换css外链即可。
css样式(每一行都写了注释):
#zm{
margin:0 auto; /*块居中*/
height:150px;/*块高*/
width:370px;/*块宽*/
box-shadow:0 10px 50px 5px rgba(0,0,0,.08);/*设置阴影*/
margin-top:40px;/*顶部边距*/
border-radius:10px;/*块圆角值*/
}
#img{
float: left; /*居左显示*/
width: 110px; /*图片宽*/
margin-top: 20px; /*img距离盒子顶部边距*/
margin-left: 30px; /*img距离盒子左侧边距*/
}
#p {
margin-left: 160px;/*文字距离盒子左侧的距离*/
line-height:30px/*行距*/
}
#zm2{
margin-left: 160px;/*文字距离盒子左侧的距离*/
font-size:14px;/*字号*/
line-height:1.5;/*行距*/
color:#919191/*文字颜色*/;
}
声明:本站文章原创有部分资源来源于网络,如无特殊说明或标注。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系 admin@liitk.com 进行删除处理!。
评论(0)