网贝|BT's Home » css http://webabie.com Fri, 30 Dec 2011 13:23:25 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 [求助]一个关于.swf对象的网页布局问题 http://webabie.com/problem-swf-align-center/ http://webabie.com/problem-swf-align-center/#comments Tue, 19 May 2009 11:54:34 +0000 blacktulip http://webabie.com/?p=1459 这个问题是：如何把一个swf视频在浏览器中上下左右都居中

情况是，一个960*540的swf视频，放在一个网页里面，要求在网页的中央位置，水平居中还好办，垂直居中怎么也搞不定。要求在不同分辨率，不同浏览器下效果相同或者差不多。请达人指条路吧，css，表格，什么 都行。

另外，顺便求教如何把这个视频用一个像素宽度勾个框，谢谢。

转载请注明转自《[求助]一个关于.swf对象的网页布局问题》

也许相关的文章

© blacktulip for 网贝|BT's Home, 2009. | [求助]一个关于.swf对象的网页布局问题 | 16 comments | Add to del.icio.us
Post tags: , ,

Feed enhanced by Better Feed from Ozh

]]> http://webabie.com/problem-swf-align-center/feed/ 16 在WordPress页面中直接切换css文件 http://webabie.com/switch-style-sheet-real-time/ http://webabie.com/switch-style-sheet-real-time/#comments Tue, 15 Jul 2008 19:49:46 +0000 blacktulip http://webabie.com/switch-style-sheet-real-time/ 首先请看以下这三个用WordPress搭建的站点：

注意它们的右上角位置都有几个色块，点击这几个色块，可以立即更改整个站点的配色，实际上是即时切换了style sheet(css)文件，以实现这种效果。其实切换css文件可不仅仅可以改配色，把整个主题翻个底朝天都不难。那么这种华丽的效果在代码上是如何实现的呢？BlogOhBlog的Jai专门写了一篇文章教导大家。当然了，blacktulip很乐意将其用方块字重新描述一遍与大家分享。

第一步，让我们来看看WordPress是怎样调用css文件的，在header.php里头，可以找到类似：

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

这样的一行，其中rel="stylesheet"说明这是在调用css。

好，现在假设你有两个别的css文件，一个叫orange.css，另一个叫blue.css，你希望站点能实时切换这几个css文件，那要怎么办呢？

首先必须在header里面加入定义，把那两个css文件放在你正在使用的模板目录下(也就是原始的style.css所在的路径)，然后在header.php方才那行的下面加上这样两行：

<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/orange.css" media="screen" title="orange" />

<link rel="alternate stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/blue.css" media="screen" title="blue" />

当然，也可以放在别的地方，以上两行的路径做相应修改即可。

其次，点击下载styleswitcher.js文件，将其也放在正在使用的模板目录下。

接着，继续编辑header.php，在</header>标签前面加上调用这个js文件的代码：

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/styleswitcher.js"></script>

最后，就是在你的WordPress页面中加入几个按钮来切换css。这就没有什么统一的代码了，你想怎么弄都行，发挥想象力吧。下面是一例，随便在模板哪个地方加上：

<a style="color:#ffffff;" title="Orange" onclick="setActiveStyleSheet('orange'); return false;" href="#">Orange</a> <a style="color:#ffffff;" title="Blue" onclick="setActiveStyleSheet('blue'); return false;" href="#">Blue</a>

那么，教程结束了，很简单吧。自己动手试试看？

转载请注明转自《在WordPress页面中直接切换css文件》

也许相关的文章

© blacktulip for 网贝|BT's Home, 2008. | 在WordPress页面中直接切换css文件 | 7 comments | Add to del.icio.us
Post tags: , ,

Feed enhanced by Better Feed from Ozh

]]> http://webabie.com/switch-style-sheet-real-time/feed/ 7 今天我裸奔 http://webabie.com/css-naked-day/ http://webabie.com/css-naked-day/#comments Tue, 08 Apr 2008 23:00:29 +0000 blacktulip http://blacktulip.cn/css-naked-day/ http://naked.dustindiaz.com/

今天是css裸奔日，哈哈，我就裸这么一天吧。

转载请注明转自《今天我裸奔》

也许相关的文章

© blacktulip for 网贝|BT's Home, 2008. | 今天我裸奔 | One comment | Add to del.icio.us
Post tags: ,

Feed enhanced by Better Feed from Ozh

]]> http://webabie.com/css-naked-day/feed/ 1