繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
成為SCLUB使用者論壇會員
登錄
論壇首頁
搜索
應用程序
幫助
導航
私人消息 (0)
公共消息 (0)
論壇任務 (0)
系統消息 (0)
好友消息 (0)
帖子消息 (0)
應用通知 (0)
應用邀請 (0)
SCLUB免費論壇申請-使用者論壇
»
Discuz--設置討論
» [Y。整理]隐藏论坛不美观或者不想的元素(第二期)
返回列表
發帖
發短消息
加為好友
Yenifer
當前離線
UID
48275
帖子
1132
精華
0
閱讀權限
100
在線時間
776 小時
註冊時間
2013-9-10
版主
積分
2753
威望
2753
金錢
1219
最後登錄
2024-6-13
1
#
跳轉到
»
倒序看帖
打印
字體大小:
t
T
Yenifer
發表於 2014-3-21 22:10
|
顯示全部帖子
[教學]
[Y。整理]隐藏论坛不美观或者不想的元素(第二期)
本帖最後由 Yenifer 於 2014-3-21 22:13 編輯
前言:由于默认的风格跟新风格不搭配,所以你在安装别人的风格的时候,会发现代码里有 “元素 {display: none !important;}”这个CSS样式(除JS外)
所以今天我来教大家怎么隐藏你不想要的元素,从而达到论坛的美观作用,这个在今后的也会比较常见的(起码在7.0的时候最常见用这个,7.2由于可以用直接修改模版)
首先我用的是火狐浏览器(国际版),火狐有较好的获取元素的功能,个人很喜欢这个功能,同时获取元素后,也会很整齐的显示元素的属性跟值。
如图所示,我拿LOGO做教程,鼠标对着LOGO右击会有查看元素的选项
下載
(328.64 KB)
2014-3-21 22:01
到你查看到元素的时候,在LOGO部分会显示虚线,把LOGO包围,如下图
下載
(114.18 KB)
2014-3-21 22:02
img 是论坛的所有图片的意思,所以这个LOGO的img是LOGO这个图片的意思,
下載
(216.27 KB)
2014-3-21 22:03
LOGO的正确元素是,#header h2,也可以是 #header h2 img
那么,隐藏LOGO正确的代码就是 “#header h2{display: none !important;}”
其他也是一样,只要你找对元素,就可以隐藏元素,特殊元素(例如发帖,在首页、主题列表页、帖子内容页,都会有发帖这个元素,而且元素都是一样)
那么就是在发帖的元素前面加上 #index .postbtn {display: none !important;} 代码的意思是只隐藏首页发帖按钮,
元素与元素之间需要有空格,就像他们的关系就是 爷爷 父亲 儿子 ,如果混淆在一起,,,,,,
CSS的正确写法就是这样,建议多看看W3C,网上有,可以先掌握CSS知识。
本教程有菜鸟基地-Yenifer编辑,教程归菜鸟基地所有,转载请注明出处
菜鸟基地地址:
http://cainiaojidi.imotor.com/
2
評分人數
精品教學文贊
威望 + 4
bossll
thx
威望 + 20
superman1024
收藏
分享
SclubFans—Sclub最大的风格交流基地
返回列表
[收藏此主題]
[關注此主題的新回復]
[通過 QQ、MSN 分享給朋友]