搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 Discuz 使用教程 Discuz X2.5 今日帖數數字美化 (清爽)
byadmin 發表於 2013-5-6 01:08:01 , 5500人已閱讀 , 0人回應
討論區首頁今日帖數的美化 , 先看效果圖

今日帖數美化.jpg

修改方法:

首先打開Discuz.htm文件 (修改前請先備份一下 ! )
然後尋找以下程式碼(注意總共有四處程式碼)

  1. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum{if $forum[folder]}_new{/if}.gif" alt="$forum[name]" /></a>
  2. <!--{/if}-->
複製代碼
把所找到的程式碼都換成下面的代碼,四處全都要置換

  1. <a href="$forumurl"{if $forum[redirect]} target="_blank"{/if}><img src="{IMGDIR}/forum.png" alt="$forum[name]" /></a>
  2. <!--{/if}-->
  3. <!--{if $forum[todayposts] && !$forum['redirect']}-->
  4. <div class="xw0 sumposts" title="{lang forum_todayposts}"><div><em>$forum[todayposts]</em></div></div>
  5. <!--{/if}-->
複製代碼
CSS部分 , 可直接添加到 common.css 檔案中最底部

  1. .fl_icn_g .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
  2. .sumposts div { background: url({IMGDIR}/count_blue.png) no-repeat scroll 0 0 transparent; height: 27px; }
  3. .sumposts em { display: block; font-weight: bold; height: 17px; line-height: 17px; margin-right: -14px; min-width: 14px; padding: 5px 7px; text-align: center; }
  4. .fl_icn .sumposts { background: url({IMGDIR}/count_blue.png) no-repeat scroll 100% -27px transparent; padding-right: 14px; position: absolute; margin-top: -60px; margin-left: 30px; }
  5. .ie7 .fl_icn_g .sumposts { margin-top: -10px; margin-left: -22px; }
複製代碼
最後,下載下面三種顏色的圖片,並上傳到目前使用的風格的圖片目錄中。
圖片共有三種顏色,藍紅綠。默認是藍的,如換紅或綠,須要把 CSS部分中 count_blue.png 置換成 count_red.png或count_green.png即可

count_blue.png    count_green.png count_red.png


Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.062405 second(s), 42 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2024-5-4 04:57

回頂部