[已回答] 如何直接改這樣的圖示?

azukki

我的網站 : http://mengworkshop.imotor.com/index.php

下載 (18.05 KB)

2015-8-17 20:53

我發現很多人的論壇就可以將前面的對話泡改成更好看的圖示，如這樣 :

下載 (1.92 KB)

2015-8-17 20:54

來代替前面主題的對話泡

請問這個可以做修改嗎?

Yenifer

其实你可以搜索，板块气泡的

要善于搜索，这种教程，论坛有很多的，用论坛的搜索吧

关键字    板块气泡

谢谢

Yenifer

另外，我也很喜欢玩英雄联盟，就是最近没时间。

Yenifer

第一款与第二款，都放到头部，头部到后台搜索哪里搜索，不会搜教程。

第一款：把图片改成你自己的图片，第一个图片地址是板块没帖子的图标（就是灰色的气泡），第二个就是板块有帖子显示的图片（就是黄色的气泡），不要闲麻烦，就都设置一个图片也行。

1. <style>.list th {background: url(http://mutual.imotor.com/attachments/month_1508/15080622427bee6ae822a51a80.gif) no-repeat scroll 10px 50%;}.list th.new {background: url(http://mutual.imotor.com/attachments/month_1508/1508062242abe1125a29ff74d9.gif) no-repeat scroll 10px 50%;}</style>

複製代碼

第二款：隐藏板块有贴没贴图片，然后自己设置图片， 加入代码之后，  后台→板块→板块管理→选择你要添加的板块后面有个编辑→有个选项是 版块图标 ，填写你的板块图片地址就可以了。

1. <style>
   
2. .list th.new,.list th {background: none scroll 0% 0% !important;padding-left: 10px !important;}
   
3. </style>

複製代碼

如果修改之后，发现文字跟图片重叠了，就到风格→模版管理→详情→找到 css_common 搜索下面的代码

1. .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px !important; }

複製代碼

修改成

1. .list th { background: url({IMGDIR}/forum.gif) 5px 10px no-repeat; padding-left: 45px; }

複製代碼

Ps/修改后的代码中45px，可以自己修改。具体你自己测试，修改后要后台更新缓存，不会的话看下面

更新缓存：
后台→工具→更新缓存→确定。

azukki

猛~感謝提供，是否可以觀看一下我的網站可弄得對不對?

Yenifer

回復 5# azukki


    对的，建议图片大点。板块图标嘛，那么小干嘛。个人意见，

繽紛色彩

看到頭像
好似是自己給自己評分

qianyin

不用修改模板，直接放置在风格的方法
http://sclub.com.tw/discuz/viewt ... =%E9%98%BF%E9%99%8C
其中的新旧发帖图标便是

tommy850924

4樓、8樓正解.........

azukki

回復 8# qianyin

qianyin大大
其實這一篇文章我先前看過，只不過不知道要將代碼放在何處才是，請教一下......