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

繁體 | 簡體

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

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [教學] [Y。整理]隐藏论坛不美观或者不想的元素（第二期） [打印本頁]

作者: Yenifer 時間: 2014-3-21 22:10 標題: [Y。整理]隐藏论坛不美观或者不想的元素（第二期）

本帖最後由 Yenifer 於 2014-3-21 22:13 編輯

前言：由于默认的风格跟新风格不搭配，所以你在安装别人的风格的时候，会发现代码里有 “元素 {display: none !important;}”这个CSS样式（除JS外）

所以今天我来教大家怎么隐藏你不想要的元素，从而达到论坛的美观作用，这个在今后的也会比较常见的（起码在7.0的时候最常见用这个，7.2由于可以用直接修改模版）

首先我用的是火狐浏览器（国际版），火狐有较好的获取元素的功能，个人很喜欢这个功能，同时获取元素后，也会很整齐的显示元素的属性跟值。

如图所示，我拿LOGO做教程，鼠标对着LOGO右击会有查看元素的选项
9Y3ZND2%~Q3WP9H28WWP{U1.jpg

到你查看到元素的时候，在LOGO部分会显示虚线，把LOGO包围，如下图
5M377IK196AQC4OIOS6%`IN.jpg

img 是论坛的所有图片的意思，所以这个LOGO的img是LOGO这个图片的意思，
AV3KG18L)W{J4UICMUNJ15W.jpg

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/

圖片附件: 9Y3ZND2%~Q3WP9H28WWP{U1.jpg (2014-3-21 22:01, 328.64 KB) / 下載次數 493
http://joinbbs.net/discuz/attachment.php?aid=29970&k=e2cbcbd13cfe28a7857055aacc2d5a04&t=1713948585&sid=w8JpD4

圖片附件: 5M377IK196AQC4OIOS6%`IN.jpg (2014-3-21 22:02, 114.18 KB) / 下載次數 492
http://joinbbs.net/discuz/attachment.php?aid=29971&k=816d8fabfd44637887a608308d78906d&t=1713948585&sid=w8JpD4

圖片附件: AV3KG18L)W{J4UICMUNJ15W.jpg (2014-3-21 22:03, 216.27 KB) / 下載次數 479
http://joinbbs.net/discuz/attachment.php?aid=29972&k=175e1299229ff4b06831d4d120f30822&t=1713948585&sid=w8JpD4

作者: superman1024 時間: 2014-3-21 22:17

謝謝分享

作者: deep1117 時間: 2014-3-21 22:21

這道理我懂！

但是對我們這種新手來說... ...太困難了啊！

謝謝分享！辛苦了！

作者: 章鱼 時間: 2014-3-22 10:38

其实我觉得你这样说了那些新手还是什么都不懂- -

作者: bossll 時間: 2014-3-22 12:43

恩不錯辛勞熱心會員在次分享教學!
謝謝

作者: bossll 時間: 2014-3-22 12:47

回復 3# deep1117

妳好!
版主建議新會員若覺得該主題困難,可以多看多學,不懂可以題出發問,這樣妳知識增長,有所收穫!
謝謝

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://joinbbs.net/discuz/)