SULei的博客

博客一直有个问题,每每想看博客主人是谁的时候,却找不到了.

这次增加的边栏有助于访问者了解自己,防止上面的情况发生.
这个边栏的信息你可以在页面顶部的个人设置中更改.

启用方法:
在博客后台管理中,进入边栏设置 -> 找到系统边栏中的个人信息卡片并添加 -> 通过拖动栏目来调整显示顺序 -> 最后保存排序

以下内容对模板设计者可能有帮助:

该边栏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;}