仿小米楼层

1、进入后台/界面/帖子内容页，在帖子顺序名称写入:

[CSS] 纯文本查看 复制代码

<font color=red><b>楼主</b></font>
<cite id=sf>沙发</cite>
<cite id=bandeng>板凳</cite>
<cite id=diban>地板</cite>
<cite id=louti>楼梯</cite>
<cite id=dixiashi>地下室</cite>
<cite id=xsd>下水道</cite>
<cite id=ah>暗河</cite>
<cite id=st>沙滩</cite>
<cite id=dh>大海</cite>

2、打开css_common模板，在最下面添加：

[CSS] 纯文本查看 复制代码

/*----------仿小米楼层---------------*/
cite#sf{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #ee5567 !important;border-radius: 6px;width: 40px;text-align: center;}
cite#bandeng{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #ff6f3d !important;border-radius: 6px;width: 40px;text-align: center;}
cite#diban{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #ffce55 !important;border-radius: 6px;width: 40px;text-align: center;}
cite#louti{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #5d9cec !important;border-radius: 6px;width: 40px;text-align: center;}
cite#dixiashi{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #FF00FF !important;border-radius: 6px;width: 40px;text-align: center;}
cite#xsd{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #009900 !important;border-radius: 6px;width: 40px;text-align: center;}
cite#ah{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #666666 !important;border-radius: 6px;width: 40px;text-align: center;}
cite#st{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #FFCC99 !important;border-radius: 6px;width: 40px;text-align: center;}
cite#dh{float: right;font-weight: 100;color: #fff;line-height: 18px;padding: 0 6px;margin-top: 2px;border: 1px solid #FFF;background: none scroll 0% 0% #0000FF !important;border-radius: 6px;width: 40px;text-align: center;}
/*----------仿小米楼层end---------------*/