SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [教學] [不隐藏资源]DZ论坛导航条添加HOT、NEW、热、新等图标 [打印本頁]

作者: aisisi8 時間: 2013-4-19 10:53 標題: [不隐藏资源]DZ论坛导航条添加HOT、NEW、热、新等图标

本帖最後由 aisisi8 於 2013-4-19 10:55 編輯

效果演示：
http://aisisi8.joinbbs.net
操作步骤：
后台-界面-模板管理，找到header.htm并编辑打开，
找到：

<div id="umenu">

複製代碼

在其上面，一定是上面，添加如下代码：

<img src="http://aisisi8.joinbbs.net/attachments/month_1304/1304191028dbc01c8f0de42c2b.gif" style="position:absolute;z-index:1001;margin-left:210px;margin-top:60px;">
<img src="http://aisisi8.joinbbs.net/attachments/month_1304/1304191028ac6fca448d129781.gif" style="position:absolute;z-index:1001;margin-left:565px;margin-top:60px;">

複製代碼

注意：margin-left:210px;margin-top:60px;是调节图片位置的，可以根据自己的模板及显示风格更改。
   代码中有两个margin-left:210px;margin-top:60px;，上面的是更改“HOT”或者“热”的位置，下面的是更改“NEW”或者“新”的位置。
   margin-left:210px是调节左右位置，数值越大，图片越靠右；margin-top:60px是调节图片上下的位置，数值越大，图片越靠下。
   用到的图片见：

圖片附件: ghot.gif (2013-4-19 10:54, 98 Bytes) / 下載次數 569
http://www.sclub.com.tw/discuz/attachment.php?aid=20161&k=5801e3a2806ebd07d7e65d69474e8707&t=1714417703&sid=55Bu5f

圖片附件: gnew.gif (2013-4-19 10:54, 101 Bytes) / 下載次數 586
http://www.sclub.com.tw/discuz/attachment.php?aid=20162&k=5070f3b3db36fb153b96f653aeb5a97d&t=1714417703&sid=55Bu5f

圖片附件: hot.gif (2013-4-19 10:54, 519 Bytes) / 下載次數 550
http://www.sclub.com.tw/discuz/attachment.php?aid=20163&k=b753ddc3845d1da9bb24b23ec2d055d3&t=1714417703&sid=55Bu5f

圖片附件: new.gif (2013-4-19 10:54, 897 Bytes) / 下載次數 566
http://www.sclub.com.tw/discuz/attachment.php?aid=20164&k=682942ba49c0f8958a58de6872f141ed&t=1714417703&sid=55Bu5f

作者: 哥哥 時間: 2013-4-19 11:17

抢占沙发谢谢分享

作者: ldzy 時間: 2013-4-19 11:37

绝对好资源。。。谢谢楼主~！

作者: 章鱼 時間: 2013-4-19 12:04

直接用CSS就可以做了，没必要那么麻烦
http://www.sclub.com.tw/discuz/viewthread.php?tid=21722

作者: ldzy 時間: 2013-4-24 17:22

回復 4# 章鱼

章鱼老大，把你的版本贴出来吧~！

作者: 章鱼 時間: 2013-4-24 19:20

回復 5# ldzy

就是4楼的那个链接里面啊

作者: ldzy 時間: 2013-4-24 20:08

回復 6# 章鱼
恩恩，看到了~！

作者: 秋枫 時間: 2013-4-24 20:15

謝謝分享

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://www.sclub.com.tw/discuz/)