如何修改ecshop商品列表頁分頁樣式

ecshop商品列表分頁有2種樣式，經過後臺能夠選擇。

能夠經過如下方式修改列表分頁樣式

1、分頁html代碼

分頁代碼在library/pages.lb裏

<div class="page_out">
<div id="pager">
  {$lang.pager_1}{$pager.record_count}{$lang.pager_2}{$lang.pager_3}{$pager.page_count}{$lang.pager_4} <span> <a href="{$pager.page_first}">{$lang.page_first}</a> <a href="{$pager.page_prev}">{$lang.page_prev}</a> <a href="{$pager.page_next}">{$lang.page_next}</a> <a href="{$pager.page_last}">{$lang.page_last}</a> </span>
    <!--{foreach from=$pager.search key=key item=item}-->
      {if $key eq 'keywords'}
          <input type="hidden" name="{$key}" value="{$item|escape:decode_url}" />
        {else}
          <input type="hidden" name="{$key}" value="{$item}" />
      {/if}
    <!--{/foreach}-->
    < name="page" id="page" onchange="Page(this)">
    {html_options options=$pager.array ed=$pager.page}
    </>
</div>
</div>

2、分頁樣式

/*翻頁*/
   .page_out{border:1px solid #B8D8EB; border-bottom:none; background:url(images/tree_bg.gif) repeat-xtop; height:29px; line-height:29px; padding-left:10px; color:#03589E;}
   .pagebar{ float:right}
   .pagebar img{position:relative; top:2px;}
   .pagebar a{display:block; float:left; margin:0 2px; color:#0066cc; text-decoration:none;}
   .pagebar a:hover{color:#ff5a6a; text-decoration:none;}
   .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff5a6a; font-weight:bold;}
   #pager a{color:#0066cc; text-decoration:none;}

/*好的分頁樣式修改須要結合html代碼和css作修改*/