一个CSS小技巧解决了游戏预览问题
最近和爱玩游戏的师弟搞了个小游戏博客 [ 游戏247 ],因为工作也比较忙,还是简单的用了wordpress作为建站方案。虽然也写了一段时间Blog了,但是说实话,因为工作比较繁忙,对于wordpress一直也没好好的去研究过。发布游戏的时候遇到了一个问题,因为flash小游戏说大不大,但也不小,如果首页上全是一堆Flash让访问者去等待下载也是挺不好的一件事情。而且不少小游戏是有背景音乐的,要是百家争鸣的,不免有些聒噪。
我想Wordpress应该肯定有比较好的插件来解决这个问题,抑或有什么小技巧来解决该问题,如果有谁知道的话,倒也不吝告我一声。我来说说我怎么解决该问题的。
首先我希望首页每篇blog都不显示flash,只显示一个游戏截图,就像图上这般:

然后点击进入文章全文的时候,隐去这个截图,而是直接显示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;}
*/
虽然是个很粗陋的技巧,但是也挺有效的。
866 Views

最新评论