关于置顶“推荐”的样式更改教程分享

技术交流
8 1573
不执不觉
03月17日 23:53

首先请到/template/c_default/html/index_index.html添加代码


{if $vo.settop eq 1 }<i class="zero"></i><a href="{:url( 'index/index/'.$vo.template,array( 'id'=>$vo.id))}" title="{$vo.title}" class="col-xs-8" style="width: 290px;"><i class="ad">推荐</i><span style="font-size:nornal;" class="top-wz">{$vo.title|mb_substr=0,40,'utf-8'}</span></a>
<em class="old_time col-xs-2" {if date( 'Ymd') eq date( 'Ymd',$vo.time) }style="color:red" {/if}>{$vo.time|date='m-d',###}</em>
{/if}


然后到/template/c_default/css/index.css 添加css

.ad{width:37px;height:20px;display:inline-block;text-indent:0;margin-right:7px;background-size:100% auto;line-height:18px;font-style:normal;margin-top:-3px;vertical-align:middle;text-align:center;font-size:13px;border:1px solid #dcdcdc;color:#a7a7a7}


然后就大功告成了,清除缓存,查看

有什么问题请联系qq1822160098

大家以后多多支持国际资源网  guoji115.com




倒序看帖 只看楼主
回帖
  • 不执不觉
    03月17日 23:54

    {if $vo.settop eq 1 }<i class="zero"></i><a href="{:url( 'index/index/'.$vo.template,array( 'id'=>$vo.id))}" title="{$vo.title}" class="col-xs-8" style="width: 290px;"><i class="ad">推荐</i><span style="font-size:nornal;" class="top-wz">{$vo.title|mb_substr=0,40,'utf-8'}</span></a>
    <em class="old_time col-xs-2" {if date( 'Ymd') eq date( 'Ymd',$vo.time) }style="color:red" {/if}>{$vo.time|date='m-d',###}</em>
    {/if}


    0 举报 回复
  • 不执不觉
    03月17日 23:55

    css代码

    .ad{width:37px;height:20px;display:inline-block;text-indent:0;margin-right:7px;background-size:100% auto;line-height:18px;font-style:normal;margin-top:-3px;vertical-align:middle;text-align:center;font-size:13px;border:1px solid #dcdcdc;color:#a7a7a7}


    0 举报 回复
  • 邵先森博客
    03月18日 07:22

    不错

    0 举报 回复
  • 不执不觉
    03月31日 13:26

    添加到/template/c_default/html/index_index.html


    0 举报 回复
  • 古风
    03月31日 20:51

    最好有个演示图片

    不执不觉:

    添加到/template/c_default/html/index_index.html


    0 举报 回复