针对我的磨盘(wodemo.com)的使用折腾过程里遇到的一些问题,给出相应还算靠谱的解答。本文由博主笑忘书整理,结合他人回复以及个人见解,希望能给各位磨友提供便利。为了更清晰的呈现,本文以问答方式展开。

1.怎样去除(隐藏)"首页"二字?

这个再简单不过,不过还是有不少不懂CSS的人会问到,有必要讲下。都说授之以鱼不如授之以渔,现在教你如何隐藏某部分内容的方法(不只是"首页"):你需要查看你的磨盘首页的网页源代码,找到对应文字所在的位置,比如顶部的"首页",你可以找到这段代码"<span id="ln-h"><a href="/">首页</a>&nbsp;</span>",提取里面的id(如上面的ln-h)或者class的值,在CSS里添加一段:

#ln-h{
/*这里可以填一些常用的CSS属性和值
*如隐藏用"display:none;"
*修改背景色用"background:black;"
*/
}

更多有关CSS的知识和代码获取可以查看我之前发的我的磨CSS装扮代码汇集W3School的CSS教程,自己多琢磨下。言归正传,有些友友可能只想要现成的"鱼",下面是本问题的解决方法:

操作步骤:设置>>CSS设置,加入以下代码:

#ln-h{
display:none;
}

2.如何隐藏磨盘的全部内容?

看到有些人把磨盘默认内容全部隐藏,或变成空白一片,或折腾成其他页面(比如表白),其实实现起来很简单,只是利用了HTML的注释标签<!---->,通过这个可以在源代码中插入注释,而注释是不会显示在浏览页面上的,从而达到隐藏的效果。

操作步骤:设置>>头部html,加入

<!--

注意放在要显示的代码前面。之前还有用插入JS的方法"<script type="text/javascript">"隐藏的,感觉还是注释标签隐藏法更为妥当。

3.如何修改分类的样式?

磨的分类链接一般是以"<a href="/cat/38543">安卓</a>"格式出现,指定对某个分类修改可以用CSS选择器,如

/* 定义"安卓"分类 */
a[href="/cat/38543"]{
color:red;
}

如果要对每个分类都同时定义,可以用下面这个:

a[href^="/cat/"]{
display:block;
}

用了上面的代码会发现分类名都占了一大块,这个是display:block;的作用,需要更多效果请看第一条给出的链接。

再说说控制整个分类区域的方法:

操作步骤:1.添加分类"<div id="cat">",排序在最前面;2.添加分类"</div>",排序在最后面;3.然后,设置>>CSS,加入

#cat{
background:orange;
border:1px solid #003;
}

若要隐藏就在代码里加入display:none;

4.如何去掉文件列表上面的分割线?

需要这个的友友估计对页面都很挑剔,本人也不例外。实现原理和上面的"首页"隐藏一样,不过为了避免伤及无辜,还是给它加个div层吧。

操作步骤:1.分类>>添加分类"<div id="content">",排序在最后面;2.设置>>底部javascript,在最前面加入"document.write('</div>');",最后CSS里加入

#content hr{
display:none;
}

5.如何实现顶部网站标题栏?

不少友友问我,怎样实现像笑忘书网页代码收藏馆的顶部标题栏。其实这个效果在许多触屏页面都可以看到,只不过磨盘没有给出顶部的设置入口,忘书是用纯CSS实现的。

body:before{
content:"笑忘书资源馆";
margin:0px 0px 10px;
display:block;
height:50px;
line-height:50px;
font-size:20px;
font-weight:bold;
overflow:hidden;
text-align:center;
padding-left:0;
background:#d74318;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(236,78,25,1)),to(rgba(195,66,25,1)));background:-moz-linear-gradient(top, rgba(236,78,25,1), rgba(195,66,25,1));background:-ms-linear-gradient(top, rgba(236,78,25,1), rgba(195,66,25,1));
box-shadow:0 1px 3px rgba(0,0,0,0.4);
color:#fff;
}

喜欢的可以将代码放到CSS里,不保证浏览器兼容。首页和文件页面等支持自定义CSS的地方都有效。

未完待续,请看下一篇

全文完