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

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

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

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

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

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

01. #ln-h{ 02. display:none; 03. }

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

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

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

01. <!--

注意放在要显示的代码前面。之前还有用 插入JS的方法"<script type="text/javascrip t">"隐藏的,感觉还是注释标签隐藏法更 为妥当。
3.如何修改分类的样式?

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

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

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

01. a[href^="/cat/"]{ 02. display:block; 03. }

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

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

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

01. #cat{ 02. background:orange; 03. border:1px solid #003; 04. }

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

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

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

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

01. #content hr{ 02. display:none; 03. }

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

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

01. body:before{ 02. content:"笑忘书资源馆"; 03. margin:0px 0px 10px; 04. display:block; 05. height:50px; 06. line-height:50px; 07. font-size:20px; 08. font-weight:bold; 09. overflow:hidden; 10. text-align:center; 11. padding-left:0; 12. background:#d74318; 13. background:-webkit-gradient(linear, left top,left bottom,from(rgba(236, 78,25,1)),to(rgba(195,66,25,1)));bac kground:-moz-linear-gradient(top, r gba(236,78,25,1), rgba(195,66,25,1 ));background:-ms-linear-gradient(t op, rgba(236,78,25,1), rgba(195,66, 25,1)); 14. box-shadow:0 1px 3px rgba(0,0,0,0. 4); 15. color:#fff; 16. }

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


接着第一篇我的磨盘使用折腾技巧(手机用户点此查看),继续讲下其他磨盘技巧,如有错漏,请留言指正。

1.怎样查看别人磨的CSS?

这个在磨盘很早就流传开来,毕竟没什么技术门槛,某些站友还折腾出了一个磨盘CSS小偷,操作傻瓜式,只需要输入磨盘域名。

在磨友们热衷于装扮展示自己的磨盘时,也有不少人选择照搬盗用,笑忘书网盘的好几代CSS都曾被默默地搬去不谢,说不定某天你还可以有幸看到我以前用过的装扮。

对于照搬CSS,有人说,你的CSS不错,被别人看上了;有人说,找他理论去,誓死都要捍卫劳动成果(有点夸张了);还有人说,用JS加密,让小白们抓头去(表示曾经用过)……忘书也是从看别人写的CSS学起的,适当的借鉴未尝不可,如果想拿用别人CSS,建议先征求对方同意,也请保留CSS里的版权信息。

操作步骤:

方法一. 复制对方的磨盘首页地址(如"http://35230.wodemo.com/")粘贴到地址栏,在后面加上"skin/site.css",如"http://35230.wodemo.com/skin/site.css",点击访问,将提示下载或者直接显示文件内容(这个要看浏览器),下载的文件用文本查看器查看。

方法二. 保存网页,查看后缀为css的文件(其中一个是磨盘默认的CSS)。

方法三. 使用源码查看器,输入"http://对方磨盘域名/skin/site.css"。

推荐各位自己根据教程设计修改:http://35230.wodemo.com/entry/172658

2.怎样隐藏底部的"最新管理退出"?

先用CSS隐藏文字,然而还有几条竖线"|"比较棘手。后来在外国的磨友wapid的磨盘看到磨的默认文字变成了英文(当时磨还没有实现中英切换),了解到可以用javascript替换字符,也算找到还过得去的隐藏方法。因为是JS,所以不支持JS的浏览器就直接无视了。同样,为了避免错杀良民,给加个div层限制,如果之前操作"去掉文件列表上面的分割线"添加过了可以忽略本步骤第1,2步。

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

var str = document.getElementById('content').innerHTML;
var x = str.replace(/\|/g,'');
document.getElementById('content').innerHTML = x;

document.write('<style type="text/css">a[href="http://wodemo.com/latest"],a[href="http://s.wodemo.com/admin"],a[href*="return_to"],a[href="http://wodemo.com/"]{display:none;}</style>');
因为考虑到底部javascript不适用于文件页,所以把CSS也放到了javascript里调用。暂时没有更好的方法。

3.如何设置网站的缩略图标?

今年新增的小功能,给自己的网站增加一个小图标,它可以显示在浏览器标签、地址栏左边、收藏夹和书签等地方,相当于网站的头像。

操作步骤:首先,你需要一个jpg/png/gif格式的小图标,通过自己用绘图工具制作,或者找网站在线制作(譬如在线制作印章),或者用搜索引擎搜索等途径获取,建议图片小点图像明显可辨。然后,将其转换成ico格式,可以利用ico在线制作网站完成(比如http://www.suchabang.com/ico/),上传图片选择尺寸,提交即可下载。再把ico图标传到磨盘或其他空间,复制图片地址。最后,进磨盘设置,找到Web path to the shortcut icon一栏,把图片地址粘贴进去并保存save。完成了刷新下网站看看出现没有,不行就清理下浏览器缓存。

4.如何增加快捷留言?

每个磨大概都会有个留言页面,方便彼此互访交流,如今还可以通过@功能在自己的评论里召唤磨友。

操作步骤:

1. 先用撰文功能建立一个页面,内容自定义,作为留言页面,查看页面地址,例如我的留言板链接 http://35230.wodemo.com/entry/169823,提取后面那几个数字,姑且称其为"留言板ID"

2. 把下面代码添至头部html,并把"留言板ID"修改为你查看到的几个数字

<form action="http://s.wodemo.com/" method="post"><input type="hidden" name="act" value="file_talk" /><input type="hidden" name="fid" value="留言板ID" /><input type="text" name="content" value="路过此地~" /><input type="submit" value="快捷留言" /></form>
如需添加至底部javascript框,请在本代码前面加上" document.write(' ",后面加上" '); "。更多快捷留言样式请到我的磨盘笑忘书网页代码收藏馆查找,如六合一留言词典搜索代码等。
Comment:
Name:

返回顶部
Back to home
最新 订阅 管理