你在这里


Css

用JavaScript和CSS实现页面部分内容折叠显示

James Qi 2016年10月11日 - 11:20 发布

  在页面内容很多、显示太长的情况下,除了分页显示以外,也可以采取折叠的方式,在网上搜了一些资料,一般都是采取JavaScript加CSS的方式来实现的,不过有些示范过于简单,有些效果过于复杂,要适合我们自己还得自己改改,经过调试基本上实现了我们需要的效果,记录如下。

  在页面head或者body部分先加入下面的JavaScript代码:

自由标签:

用CSS修改Drupal的界面

James Qi 2012年4月21日 - 00:19 发布

  用Drupal搭建网站的时候,有时需要通过修改CSS来改变网站上的格式,以前我多是使用元素内嵌CSS属性或者在页面中直接写CSS代码的办法来实现,这样效果直接了当,但不是很规范和灵活,现在采用正规的办法,添加外部CSS文件来解决,记录如下:
  修改主题(theme)中的.info文件,例如durpal_root/themes/garland/garland.info加入stylesheets[all][] = custom.css 这一句,然后把需要添加或者修改的CSS语句放到custom.css文件中去,修改完成后去刷新Drupal的各种缓存以便修改得到体现。
  我在修改nokia_mobile这个theme的CSS时遇到问题,添加的custom.css还会被后面的其它CSS代码覆盖,后来只有找到相应的.css文件,直接修改里面的内容。
  除了修改sitename的字体大小以外,我还特别把CSS修改用到了Views产生的表格上,在网页源代码中找到需要改的class,然后就可以有针对性修改CSS了。

自由标签:

去掉MediaWiki讨论页中的“[编辑]”显示

James Qi 2011年3月27日 - 23:45 发布

  MediaWiki讨论页中如果有多个段落,往往会在段落标题的右侧显示“[编辑]”的提示,而网站管理员一般并不希望用户编辑其他人的留言内容,所以如果能隐去这个提示更好。

  刚试了一下,在Vector皮肤下可以通过修改MediaWiki:Vector.css实现,只要加入一行就可以:

.editsection { display:none; }

  前几天试了一下LiquidThreads,但这个扩展一直只是Beta版本,用起来总不太方便,还是暂时先沿用以前的留言方式。

  补充另外一个办法:

  在LocalSettings.php中加入一行:

$wgDefaultUserOptions ['editsection'] = false;

  这样可以实现对各种皮肤、各种用户(匿名、登录用户、管理员)默认都不显示那个右侧“[编辑]”提示,但登录用户、管理员如果觉得有必要的话还可以修改自己的这个设置,这无疑是个更好的办法。

自由标签:

订阅 RSS - Css