轻系列:轻博客主题 轻系列:轻导航主题 轻系列:三栏博客主题 轻系列:小清新博客主题 轻系列:说说控主题 轻系列:JackSO搜索引擎主题 ZBLOG匿名小秘密主题 ZBLOG免费导航大全主题 ZBLOG免费单栏博客主题 ZBLOG一键提交获取网站信息插件

温馨提示:本站为轻博客主题演示站,目前已关闭列表头像和列表缩略图,如果您是浏览轻博客样式的可以联系博主QQ,开启列表头像或者列表缩略图,再进行查看!

简介: 后台 - 侧边栏 - 添加自定义组件 - 名称(侧边广告),内容复制上面代码保存组件。<!-- 作者信息 -->     &n

Emlog博客 侧边模块 关于站长信息展示

后台 - 侧边栏 - 添加自定义组件 - 名称(侧边广告),内容复制上面代码保存组件。

<!-- 作者信息 --> 
        </div> <div class="article-right">
               <div class="athuor-info layui-clear">
            <a href="/author/1" target="_blank">
            <img src="http://www.oubly.cn/content/uploadfile/201909/thum-e9981568080504.jpg" onerror="this.src='<?php echo TEMPLATE_URL; ?>Static/images/default_head.png';">
                <div class="nick">
                    <h3><?php blog_author($author); ?></h3>
                    <span>欧巴领域网-专注于免费资源分享网!2019娱乐辅助网遥遥领先!欢迎各位大佬加入欧克站长交流群257040692</span>
                </div>
        </a>
        <div class="data">
            <div class="layui-clear">
                <span>发布日期</span>
                <span>总访问量</span>
                <span>站长年龄</span>
            </div>
            <div class="number layui-clear">
                <span><time class="pubdate"><?php echo gmdate('Y/n/j', $date); ?></time></span>
                <span><?php echo $views; ?></span>
                <span data-dz="41" class="allhz">23岁</span>
            </div>
        </div>
        <div class="btn">
            <a href="http://wpa.QQ.com/msgrd?v=3&uin=1402565953&site=qq&menu=yes" target="_blank"><i class="iconfont icon-QQ"></i>广告投放</a>
            <a href="/author/1" target="_blank">站长主页</a>
        </div>
    </div>
</div>
<!-- 作者信息 -->  
<style>
/*作者信息简介*/
.article-right{box-shadow: 0 1px 3px #cecece;background: #FFF;margin-bottom: 10px;padding: 10px 8%;}
.athuor-info{margin-top:10px;}
.athuor-info>a>img{float:left;width:80px;height:80px;margin-right:15px;border-radius:6px}
.athuor-info>a>img:hover{opacity:.8}
.athuor-info .nick{float:left;width:calc(100% - 80px - 15px)}
.athuor-info .nick h3{display:block;font-size: 25px;color:#333;}
.athuor-info .nick span{font-size:15px;line-height:24px;margin-top:11px;color:#8a8a8a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.athuor-info .data{float:left;width:100%;margin-top:20px;border-top:1px solid #efefef;padding:15px 0}
.athuor-info .data div span{float:left;width:33.33333%;height:35px;line-height:35px;text-align:center;font-size:15px;color:#9e9e9e}
.athuor-info .data .number span{padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;color:#333;font-size: 17px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
.athuor-info .btn{float:left;width:100%}
.athuor-info .btn a{float:left;width:47%;height:40px;line-height:40px;border:1px solid #ebebeb;color:#8a8a8a;text-align:center;border-radius:3px;overflow:hidden;font-size:15px}
.athuor-info .btn a:hover{border:1px solid #e7e7e7;color:#666}
.athuor-info .btn a:nth-child(1){margin-right:6%;background:#5298ff;color:#fff;border:1px solid #5298ff}
.athuor-info .btn a:nth-child(1):hover{background:#05bd65}
.athuor-info .btn a i{display:inline-block;margin-right:6px;font-size:15px}
.layui-clear{clear:both;*zoom:1}
.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
</style>

文章来自于《Emlog博客程序文章页添加作者信息介绍代码教程》,喜欢的小伙伴可以看看,有问题不懂的,留言反馈或者联系我吧!

本文标签: emlog侧边   关于站长   站长信息  

温馨提示:本文是作者 爱站云 的原创文章,转载请注明出处和附带本文链接!

网友点评

本文暂无评论 - 欢迎您

您好,请先 QQ登录 后进行评论,如您已登录账户,请点击 刷新页面 再进行评论!

爱站云

爱站云

AiZhanCloud.Com

爱站云专注ZBLOG建站领域,分享个人所得技术,用心做好个人博客,喜欢的小伙伴就关注我吧!
«    2021年7月    »
1234
567891011
12131415161718
19202122232425
262728293031
最新留言
文章归档
站点信息
  • 文章总数:621
  • 页面总数:8
  • 分类总数:18
  • 标签总数:972
  • 评论总数:245
  • 浏览总数:588951
标签列表

Powered By Z-BlogPHP Theme By 爱站云

sitemap鲁ICP备18014478号-8后花园

免责声明:本博客所展示内容均为互联网技术教程分享,如有侵权等违规信息请联系QQ客服进行删除处理,谢谢配合!

切换白天模式 切换夜间模式 白天返回顶部 夜间返回顶部