博客一直有个问题,每每想看博客主人是谁的时候,却找不到了.
这次增加的边栏有助于访问者了解自己,防止上面的情况发生.
这个边栏的信息你可以在页面顶部的个人设置中更改.
启用方法:
在博客后台管理中,进入边栏设置 -> 找到系统边栏中的个人信息卡片并添加 -> 通过拖动栏目来调整显示顺序 -> 最后保存排序
以下内容对模板设计者可能有帮助:
该边栏HTML结构
<div class="sidesub" id="aboutme">
[h3]<span class="cn">关于我</span><span class="en">About me</span>[/h3]
<div id="aboutme_c" class="sidesub_c">
<dl>
<dt><a href="213"><img src="xxxx/images/face.jpg" alt="123" />NickName</a></dt>
<dd class="sex"><span>性别：</span>xx</dd>
<dd class="from"><span>来自：</span>xxxx</dd>
<dd class="mail"><span>邮箱：</span>邮箱地址xxx</dd>
<dd class="plan"><span>签名：</span> 内容内容内容xxx
</dd>
<dd class="opbtn"><a href="21">+加他为好友</a></dd>
<dd class="opbtn">以加为好友</dd>
</dl>
</div>
<div class="spaces"></div>
</div>
默认样式
/*sidebar_aboutme*/
#aboutme dl {margin:0;padding:0;}
#aboutme dd {margin:3px 0;}
#aboutme dd.mail {font-size:9px;}
#aboutme dd span {font-size:12px;background:#AAA;padding:1px;color:#FFF;margin-right:3px;}
#aboutme dt {text-align:center;font-size:14px;margin:0;padding:0 0 5px 0;border-bottom:#eee solid 1px;}
#aboutme dt a {}
#aboutme dt img {display:block;margin-bottom:5px;}
#aboutme .opbtn {border:#DDD solid 1px;padding:3px;margin:5px 10px;}
