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

今日帖數美化.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



bydearlive04 發表於 2013-8-25 04:51:35
沒有找到discuz.html的這檔案耶
admin 發表於 2013-8-27 15:29
是 discuz.htm 最後面沒有 "l" 喔
bye7211838 發表於 2014-4-2 14:14:16
版大!  幫你附註一下圈圈的座標位置...
有些人的網站 圖片稍長的話就會出現圈圈偏移的狀況....
這時修改 common.css 的某兩個數據即可
.fl_icn_g .sumposts  {
 backg...................(同上資訊)
   margin-top: 15px; margin-left: 20px;       }
margin-top:是上下的位置
margin-left:是左右的位置

(某些不會css的新手(專門複製貼上結果沒辦法用=/=
(這個就是找半天終於想起來CSS怎麼用的新手=////=
admin 發表於 2014-4-3 15:56
感謝熱心分享 :)
Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


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

信箱:sr.design2011@gmail.com

, Processed in 0.091129 second(s), 43 queries , Gzip On.

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

Core - DZ2.5 GMT+8, 2024-3-29 03:28

回頂部