<?php defined('PHPNEW_STATIC_TPL') === false && exit('PHPnew Blog');?>
{template header}
<style type="text/css">
    img{vertical-align: middle;}
    #main_left{float: left; margin-left: 10px; width: 724px; overflow: hidden; background-position: right; background: white url('./App/default_tpl/source/boxbg.jpg') repeat-y; background-position: right;}
    #main_left ul{ margin-bottom: 20px;}
    #main_left ul h4{border-bottom: 3px solid #00A1E9; font-size: 14px; width: 95%; line-height: 2em;}
    h4 .h4_span{border-bottom: none; display: block; float: left; width: 30px; text-align: center; color: white; font-size: 12px; font-weight: bolder;}
    .h4_p{margin-right: 30px; margin-left: 30px; line-height: 20px;font-size: 13px;}
    #main_left ul .h5{border-bottom: 3px solid #FF8040; font-weight: normal; height: 28px; _overflow: hidden;}
    #main_left ul .h6{font-weight: normal; height: 28px; _overflow: hidden;}
    h4 .h5_span{border-bottom: none; display: block; float: left; width: 30px; text-align: center; color: white; font-size: 12px; font-weight: bolder;}
    .h5_p{margin-right: 30px; margin-left: 30px; line-height: 20px}
    code{background-color: #DEE1E4; border: 2px solid teal; padding-left: 6px; display: block;}
    .gray{ filter:alpha(opacity=80); opacity:0.9; } 
    .normal{ filter:alpha(opacity=100); opacity:1;}
    .r1{margin-left: 12px;}
    .index_show{border: 2px solid silver; width: 99%; background-color: #FAFBF7; border-collapse: collapse;}
    .pqr{position: relative;}
    .pqrimg{width: 30px;}
    .titles{margin-left: 8px;}
     .show_index{position: absolute; top: 0px; display: none; left:0px; width: 200px; height: 200px; background-color: white; line-height: 200px; border: 2px solid #E5E5E5; z-index: 10;}
    .index_show td{border: 1px solid silver; padding: 3px; width: 33%;}
    .view{  float: right; height:28px;color: #00A1E9; line-height: 46px; _line-height:20px color: #00A1E9;}
    
    #main_right{float: right; width: 226px; _width: 216px; overflow: hidden;}
    #main_right h3{ border-bottom: 1px solid #FF8040; height: 30px; color: #FF8040; line-height: 30px; padding-left: 3px; font-weight: bolder;}
    #main_right ul{margin-bottom: 3px; line-height: 30px;}
    #main_right .Hook{line-height: 22px;}
    #main_right .rli{border-bottom: 1px dotted #CCD6DD;}
    .cat_header_ico{margin-left: 8px; vertical-align: middle;}
    .rreli{background-color:#F3F8FE; line-height: 20px;}
    .rreli div{padding: 8px; color: #336699; border-bottom: 1px dotted #C2C3BA;}
    .rreli p{text-align: right;}
    .rreli a{color: #0B3B8C;}
    .search{padding: 4px; border: 1px solid silver;}
</style>
<script type="text/javascript">
    $(function(){
        $(".h4_p img").mouseover(function(){ $(this).addClass("normal");}); 
        $(".h4_p img").mouseout(function(){ $(this).removeClass("normal");});
        $('.hotkey span').click(function (){
            $('.search').val($(this).text());
            $('.search').focus();
        })
        $('.h4_p img').each(function (){
            $(this).css('max-width','656px');
            if($(this).width() > 702)
                $(this).css('width','656px');
        })
    })
    
    function phpqrcode(obj){
        $('.show_index').remove();
        var imgurl = $(obj).attr('title');
        var htmldata = '<span class="show_index"><img src="'+imgurl+'&big=4" /></span>';
        $(obj).parents('.pqr').append(htmldata);
        $('.show_index').css({'display':'block'});
        $('.show_index').click(function (){
            $(this).remove();
        })
    }
</script>
<div id="main_left">
    <br />
    <!--{loop $loop_list $key $val}-->
    <ul>
        <!--{if $val[thread_top]}-->
            <?php $rand = 'top_'.rand(0,10);?>
            <h4 class="h5">
            <span class="view" style="color: #FF8040;">{$val[thread_view]}</span>
            <span class="h5_span pqr" title="手机访问"><img onclick="phpqrcode(this);" class="pqrimg" title="./index.php?ajax=phpqrcode&color=1&tid={$val[thread_id]}" src="./Static/Images/twodim/{$rand}.png" /></span> <span class="titles"><a href="{$val[thread_fidlink]}">[{$val[thread_fid][c_name]}]</a></span> <a class="index_link" href="{$val[thread_link]}" title="{$val[thread_title2]}"{if $val[css]} style="{$val[css]}"{/if}>{$val[thread_title]}</a>
                <!--{if $val[thread_state]}-->
                <img src="./Static/Images/stamp/{$val[thread_state]}.gif" />
                <!--{/if}-->
                    <!--{if $val[th_sync]}-->
						<img alt="远程图片同步主题" title="远程图片同步主题" src="./Static/Images/stamp/005_sync.gif" />
                    <!--{/if}-->
            </h4>
        <!--{else}-->
            <?php $rand = rand(0,10);?>
            <h4 class="h6">
            <span class="view">{$val[thread_view]}</span>
            <span class="h4_span pqr" title="手机访问">
            <img class="pqrimg" onclick="phpqrcode(this);" title="./index.php?ajax=phpqrcode&color=0&tid={$val[thread_id]}" src="./Static/Images/twodim/{$rand}.png" /></span> <span class="titles"><a href="{$val[thread_fidlink]}">[{$val[thread_fid][c_name]}]</a></span> <a class="index_link" href="{$val[thread_link]}" title="{$val[thread_title2]}"{if $val[css]} style="{$val[css]}"{/if}>{$val[thread_title]}</a>
                <!--{if $val[thread_state]}-->
                <img src="./Static/Images/stamp/{$val[thread_state]}.gif" />
                <!--{/if}-->
            </h4>
        <!--{/if}-->
        <li>
            <br />
            <div class="h4_p">
            <!--{if !$val[hook]}-->
                <!--{if $val[path]}-->
                    {$val[path]}
                <!--{/if}-->
                {$val[thread_message]}
            <!--{else}-->
                {$val[hook]}
            <!--{/if}-->
            </div>
        </li>
    </ul>
    <!--{/loop}-->
    <!--{if $pagecount > 0}-->
    <div style="text-align: right; margin-right: 35px;"><a href="{$backpage}" title="点击链接上一页">上一页</a> - <a href="./" title="首页">{$pagestr}</a> - <a href="{$nextpage}" title="点击链接下一页">下一页</a></div><br />
    <!--{/if}-->
    <!--{if empty($loop_list) === true}-->
        <div>暂时没有任何信息</div>
    <!--{/if}-->
</div>

<!-- 216 w -->
<div id="main_right">
    <ul>
        <li style="text-align: center; border: none; height: 160px; line-height: 160px;"><img title="二维码" src="./index.php?ajax=phpqrcode&big=5" /></li>
    </ul>
    
    <!--{if $Hook_Index_Right_1}-->
    <ul>
        <li class="Hook">{$Hook_Index_Right_1}</li>
    </ul>
    <!--{/if}-->
    <ul>
        <li>
        <div class="cat_div">
            <div style="float: left; width: 48%; overflow: hidden;">
                <div class="cat_diva" style="width: 80%; background-color: #0080FF;"><a href="./">首页</a></div>
                <div class="cat_divb" style="width: 20%;"><a href="./index.php?main=rss&index.html" target="_blank"><img style="_margin-top: 12px;" src="./App/default_tpl/source/1326165048_rss.png" /></a></div>
            </div>
            <div style="float: right; width: 48%; overflow: hidden;">
                <div class="cat_diva" style="width: 80%; background-color: #5181FD;"><a href="./index.php?main=filing.html">归档</a></div>
                <div class="cat_divb" style="width: 20%;"><a href="./index.php?main=filing.html" target="_blank"><img style="_margin-top: 12px;" src="./App/default_tpl/source/1326165048_rss.png" /></a></div>
            </div>
        </div>
        <div class="cat_div">
            <div class="cat_diva" style="width: 80%;"><input accept="accept" class="search" type="text" value="" /></div>
            <div class="cat_divb" style="width: 20%; cursor: pointer;" onclick="js_search();"><img style="_margin-top: 12px;" src="./App/default_tpl/source/search.gif" /></div>
        </div>
        <!--{loop $cat_array $key $val}-->
        <div class="cat_div">
            <div class="cat_diva"><a href="{$val[link]}">{$val[c_name]}</a></div>
            <div class="cat_divb"><a href="{$val[rss_link]}" target="_blank"><img style="_margin-top: 12px;" src="./App/default_tpl/source/1326165048_rss.png" /></a></div>
        </div>
        <!--{/loop}-->
        <div style=" clear: both;"> </div>
        </li>
    </ul>
    <!--{if $Hook_Index_Right_2}-->
    <ul>
        <li class="Hook">{$Hook_Index_Right_2}</li>
    </ul>
    <!--{/if}-->
    <ul>
        <h3>最新注册: </h3>
        <!--{loop $user_list $val}-->
        <li class="rli"><img class="cat_header_ico" src="./App/default_tpl/source/{$val[img]}.gif" /> $val[user_name] {if $val[user_regtime]}- <span style="color: silver;">{$val[user_regtime]}</span>{/if}</li>
        <!--{/loop}-->
    </ul>
    <!--{if $Hook_Index_Right_3}-->
    <ul>
        <li class="Hook">{$Hook_Index_Right_3}</li>
    </ul>
    <!--{/if}-->
    <ul>
        <h3>最新回复: </h3>
        <!--{loop $new_replay $val}-->
        <li class="rreli">
            <div>
            <a href="{$val[thread_link]}#th_{$val[thread_id]}">{$val[thread_message]}</a>
            <p >{$val[thread_date]}</p>
            </div>
        </li>
        <!--{/loop}-->
    </ul>
    <!--{if $Hook_Index_Right_4}-->
    <ul>
        <li class="Hook">{$Hook_Index_Right_4}</li>
    </ul>
    <!--{/if}-->
    <!--{if $history_array}-->
    <ul>
        <h3>浏览历史: </h3>
        <!--{loop $history_array $val}-->
        <li class="rli"><img class="cat_header_ico" src="./App/default_tpl/source/1326941555_clock-history.png" /> <a href="{$val[l]}" title="{$val[ts]}">{$val[t]}</a></li>
        <!--{/loop}-->
    </ul>
    <!--{/if}-->
    <!--{if $Hook_Index_Right_5}-->
    <ul>
        <li class="Hook">{$Hook_Index_Right_5}</li>
    </ul>
    <!--{/if}-->
</div>
{template footer}