存档

文章标签 ‘游戏247’

一个CSS小技巧解决了游戏预览问题

2008年9月11日

最近和爱玩游戏的师弟搞了个小游戏博客 [ 游戏247 ],因为工作也比较忙,还是简单的用了wordpress作为建站方案。虽然也写了一段时间Blog了,但是说实话,因为工作比较繁忙,对于wordpress一直也没好好的去研究过。发布游戏的时候遇到了一个问题,因为flash小游戏说大不大,但也不小,如果首页上全是一堆Flash让访问者去等待下载也是挺不好的一件事情。而且不少小游戏是有背景音乐的,要是百家争鸣的,不免有些聒噪。

 我想Wordpress应该肯定有比较好的插件来解决这个问题,抑或有什么小技巧来解决该问题,如果有谁知道的话,倒也不吝告我一声。我来说说我怎么解决该问题的。

首先我希望首页每篇blog都不显示flash,只显示一个游戏截图,就像图上这般:

游戏247

然后点击进入文章全文的时候,隐去这个截图,而是直接显示flash小游戏,这样正所谓伊人双面。

我想了个最简单的方法,增加了一个css样式

 #single_post_div .preview_pic {display:none;}

 #index_post_div .game_flash  {display:none;}

利用css选择器,正好在不同的场景下显示不同的内容。这样的技巧通常会用在HTML网页打印CSS样式中,例如:

我希望在打印网页时,只打印正文,而将头部啊,侧边导航栏等等都隐去,我通常会这样

/*hide various parts from the site

#header, #footer, #navigation, #rightSideBar, #leftSideBar
{display:none;}

*/

虽然是个很粗陋的技巧,但是也挺有效的。

绾青丝 - WebDesign , ,