{include file="require_header.html"}
<link rel="stylesheet" type="text/css" media="screen" href="tpl/image/css/recommend.css" />
{literal}
<script type="text/javascript" src="tpl/js/masonry.min.js"></script>

<style>
.syscateul {
	   margin: 0 -1px;
	 background: url("tpl/image/syscateline.png");
	 height:auto;
}

.syscate h3{ font-size:24px; margin-bottom:15px }
.syscate{margin:20px; background-color:#FFF;border-radius: 7px;padding:20px}
.syscate li {
    float: left;
    margin: 3px 0;
    padding: 0 12px;
    width: 81px;
}
.syscate li a,.syscate li a:hover,.syscate li a:visited{
    color: #193E5C;
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 81px;
}
.syscate li.selected a, .syscate li.selected a:link, .syscate li.selected a:visited, .syscate li.selected a:hover,.syscate li a:hover {
	text-decoration:none;
    background: none repeat scroll 0 0 #4DBAFD;
    border-radius: 3px;
    color: #FFFFFF;
}
#showuser
{
	margin: 0 1px 20px;
    overflow: hidden;
    width: 880px;
	margin-left: -20px;
	margin-top:20px;

}

.blogitem {
    border: 1px solid #E5E8E8;
    border-radius: 4px;
    display: inline;
    float: left;
	height:170px;
    margin: 0 0 20px 15px;
    padding: 9px;
    position: relative;
    width: 180px;
    word-wrap: break-word;
	overflow:hidden;
}
.face {border-radius: 8px; float:left; margin-right:10px}
.title {
    font-size: 16px;
	float:left;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.sign {
	margin:10px 0px;
    color: #666666;
    font-size: 12px;
    line-height: 16px;
	height:50px;
	overflow:hidden;
    overflow: hidden;
}
.blogitem-new {
    background: url("tpl/image/new.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 63px;
    left: -10px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: -10px;
    width: 63px;
}
</style>
<div class="contentTop"></div>
{/literal}
<div class="syscate">
<h3>发现兴趣,关注作者</h3>
	<ul class="syscateul clearfix">
    <li><a href="{spUrl c=main a=discovery cateall=true}">全部</a></li>
	{foreach from=$cate item=d}
     {if $currcid == $d.cid}
		<li class="selected"><a href="{spUrl c=main a=discovery cid=$d.cid catename=$d.catename}">{$d.catename}</a></li>
    {else}
    	<li><a href="{spUrl c=main a=discovery cid=$d.cid catename=$d.catename}">{$d.catename}</a></li>
    {/if}
    {/foreach}
    </ul>
    <h3 style="margin-top:15px">关注与您兴趣相投的作者{$smarty.get.catename}</h3>
    {if $smarty.session.uid !=''}
    <div>我的博客关键字：{if $user.blogtag}<a href="{spUrl c=main a=discovery  catename=$user.blogtag}">看看谁跟我关注的兴趣相同</a>{else}
    <a href="{spUrl c=user a=setting}">您还没设置博客关键字,请先设置后在来试试</a>{/if}
    ,我在:<a href="{spUrl c=main a=discovery  catename=$local.0 local=true}">{$local.0},看看谁和我在一块</a>
</div>
    {else}
    	<div>您还没有登录，登陆后可以发现更多内容哟 您可以<a href="javascript:void(0)" onClick="loginBox('{spUrl c=main a=login}')">登陆</a> 或
            <a href="javascript:void(0)" onClick="regBox('{spUrl c=main a=reg}')">注册</a></div>
    {/if}
    <div id="showuser" class="clearfix">
     {include file="require_discovery_user.html" data=$userinfo}
    </div>

    <div id="feedAjaxTool" page="2" max="8" area="showuser" query="{spUrl c=main a=discovery ajaxload=true}" class="feedajax">
    <a href="javascript:void(0)" onclick="continueShow('feedAjaxTool')">查看更多...</a>
    <script>feedToolBar('feedAjaxTool');</script>


</div>

</div>
{include file="require_footer.html"}