Archive for June, 2005

Pages (4): « 1 2 3 4 »

控制web页面打印方法

Jun 22, 2005 Author: | Filed under: Uncategorized

适用于 IE。

</p> <p><head></p> <link rel="Alternate" media="print" href="blank.htm"> <p></head></p> <p> 显示更多

</p> <link rel="stylesheet" type="text/css" <p> href="URL to stylesheet" title="Normal Style"></p> <link rel="alternate stylesheet" title="Printer-Friendly Style" <p> type="text/css" href="URL to stylesheet"></p> <p><script language="JavaScript"></p> <p></p> <p></script></p> <p><a href="javascript:printerFriendlyView();">Printer-Friendly View</a></p> <p><a href="javascript:normalView();">Normal View</a></p> <p> 显示更多

</p> <link rel="stylesheet" href="browser.css" type="text/css" media="screen"> <link rel="stylesheet" href="printer.css" type="text/css" media="print"> <p> 显示更多

[Edit on 2005-6-22 9:24:25 By guoshuang]

0 Comments

linux 下使用 opera FAQ

Jun 21, 2005 Author: | Filed under: Uncategorized

有点旧（针对opera 6）但还是可以看看。

Don’t lose your menu bar

Since “I lost my menu bar, how do I get it back?” is a FAQ in the Opera for Linux forum, here two answers: Either close all windows and right click on the empty workspace and select Show menu bar or simply press Ctrl+F11.

Opera hangs if site uses Flash

If Opera freezes when you access a Flash page, try starting Opera like this:

For Gnome, try this from command line (terminal): esddsp opera

Or, for KDE: artsdsp opera

Change the threshold of the “Open page” warning

Opera can warn you, before it opens a lot of bookmarks at once. It will then display a message box and ask you something like “You are about to open 903 pages. Proceed?”. The default threshold for this warning is four. So if you open more than four pages, Opera will ask you before it proceeds. You can change this threshold or disable it by editing ~/.opera/opera6.ini. Make sure to close Opera before editing the file. Then use

[HotListWindow]

OpenWarningLevel=n

Set n to either the new threshold, e. g., 10, or to -1 to disable it. Note: The [HotListWindow] entry will probably already exist. So look for it first.

Listen to MP3 streams

Use the following settings if you want to be able to listen to MP3 (.pls) streams on the Internet:

MIME type: audio/x-scpls

File extensions: pls

(*) Open with other application

[/usr/X11R6/bin/xmms]

Restoring the default settings in Opera for Linux

To restore your default settings, delete the file(s) “opera*.ini” in your “~/.opera” directory. This can sometimes solve problems you are suddenly experiencing. [...]

http://www.schrode.net/opera/tips/tips.html

http://www.schrode.net/opera/support/knowledge-base.html

0 Comments

CSS DOM 兼容性

Jun 21, 2005 Author: | Filed under: Uncategorized

http://www.quirksmode.org/dom/w3c_css.html

很不错的文章,列表 currentStyle getComputedStyle cssRules rules 等等关于 CSS 的 DOM 方法兼容性。

BTW:funny code

</p> <p>HTMLElement.prototype.__defineGetter__(”runtimeStyle”, function() {</p> <p>return document.defaultView.getComputedStyle(this, null);</p> <p>}); 显示更多

[Edit on 2005-6-21 9:44:28 By guoshuang]

0 Comments

建议：优化页头图片

Jun 20, 2005 Author: | Filed under: Uncategorized

david兄，拜托你少研究一个css技巧，花点时间把你的logo图片们优化一下，同时想想办法解决加载页面需要从flickr transfer 巨多数据的问题。你的这个blog，绝对可以竞争国内十大最难访问的站点了。

[Edit on 2005-6-23 8:13:32 By guoshuang]

0 Comments

IE input:hover input:focus 解决方案

Jun 20, 2005 Author: | Filed under: Uncategorized

IE6不支持 input:hover input:focus，只支持 input:active。解决方案思路如下：

样式表定义部分

</p> <p>input:focus, input.focus { background:lime; color:black; }</p> <p> 显示更多

JS代码

</p> <p></p> <p> 显示更多

或者

</p> <p>window.onload = function(){ </p> <p> for(var i = 0; i < document.forms.length; i++){ </p> <p> var form = document.forms[i]; </p> <p> for(var t = 0; t < form.elements.length; t++){ </p> <p> form.elements[t].onfocus = function(){ this.className += " focus"; } </p> <p> form.elements[t].onblur = function(){ this.className = this.className.replace(/focus/, ""); } </p> <p> form.elements[t].onmouseover = function(){ this.className += " hover"; } </p> <p> form.elements[t].onmouseout = function(){ this.className = this.className.replace(/hover/, ""); } </p> <p> } </p> <p> } </p> <p>}</p> <p> 显示更多

[Edit on 2005-6-20 11:19:10 By guoshuang]

0 Comments

why?

Jun 19, 2005 Author: | Filed under: Uncategorized

</p> <style> <p>#content1 h2 { background-color: #728371; }</p> </style> <p id="content1"> <h2>heading 2</h2> </p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

</p> <style> <p>#content1 h2 { background-color: #728371; }</p> </style> <div id="content1"> <h2>heading 2</h2> </div> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[Edit on 2005-6-19 21:56:52 By guoshuang]

ffish added:

我感觉只有符合包含逻辑的标签，才能显示正确的结果。上面最后两行不符合包含逻辑所以被浏览器引擎忽略。运行一下这段代码:

</p> <style> <p>#content1 h2 { background-color: #728371; }</p> </style> <div id="content1"> <h2>heading 2</h2> </div> <p><span id="content1"><br /> <h2>heading 2</h2> <p></span></p> <ul id="content1"> <h2>heading 2</h2> </ul> <p><a id="content1"><br /> <h2>heading 2</h2> <p></a></p> <table> <tr> <td id="content1"> <h2>heading 2</h2> </td> </tr> </table> <h1 id="content1"> <h2>heading 2</h2> </h1> <p id="content1"> <h2>heading 2</h2> </p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

testing…

</p> <p onclick="alert(1)">paragraph click test.</p> <p onclick="alert(1)"> <h2>paragraph click test.</h2> </p> <p onclick="alert(1)">real paragraph<br /> <h2>paragraph click test.</h2> </p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

可能是因为 block 也细分为好几种形式的缘故吧,但 alert 的只是 “block”

</p> <style> <p>#content1 h2 { background-color: #728371; }</p> </style> <div id="content1" onclick="alert(document.defaultView.getComputedStyle(this, null).getPropertyValue('display'))"> <h2>heading 2</h2> </div> <p id="content1" onclick="alert(document.defaultView.getComputedStyle(this, null).getPropertyValue('display'))">111<br /> <h2>heading 2</h2> </p> <p> 运行代码 [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[Edit on 2005-6-21 9:21:22 By guoshuang]

0 Comments

Pages (4): « 1 2 3 4 »

Flickr PhotoStream

郭爽的网页设计资料

Archive for June, 2005

控制web页面打印方法

linux 下使用 opera FAQ

CSS DOM 兼容性

建议：优化页头图片

IE input:hover input:focus 解决方案

why?

Flickr PhotoStream

Recent Posts

Recent Comments

Pages

Categories

Tags

Archives

Blogroll

Meta

Advertising

Most Popular

Recent Comments

Latest Entries