月度歸檔：1 月 2008

使用 WAMP5 架設能夠安裝 Babel 的環境

由 發表于 ┊2,868 PV

本文所述的一切基于系統 Windows XP 進行測試。至于 Babel 的源代碼，推薦使用我打包的，包含 Installer（a.k.a. project-rahab) 的版本，你可以在這里找到最新版本：http://code.google.com/p/project-rahab/。示例中的是 r8 版本。

hosts 文件的設置。我們需要欺騙系統，將指定的一個域名解析到 127.0.0.1。
Windows XP 中的位置：C:\WINDOWS\system32\drivers\etc\hosts
Ubuntu 中的位置：/etc/hosts
打開 hosts 文件后，找到如下行的位置：

127.0.0.1 localhost

我們更改為：

127.0.0.1 localhost orz.vx

其中， www.babel.vx 可以更改為你喜愛的域名，例如，orz.com，值得注意的是，設置以后，可能會與現有的 DNS 指向有沖突，例如，你指定域名為 www.google.com，那么，你將無法訪問 www.google.com，而是本地的 127.0.0.1。在這里推薦使用不存在的域名，例如，orz.vx。
繼續閱讀 →

一個網頁鏈接的滑動效果

由 發表于 ┊2,383 PV

基于js和css，作者在其首頁提供了DIY的工具。當鼠標經過鏈接的時候，有一個上下滑動的效果。
http://www.scrollovers.com

可以這樣使用這個效果：
1、在網頁中加入如下，可以把js下載下來，放到自己的空間里。

1
<script src="http://www.scrollovers.com/js/scrollovers.js" type="text/javascript"></script>

2、將鏈接形式修改成這樣

1
<a href="http://www.hicode.org/wp-admin/[YOUR PAGE HERE]" TYPE="scrollover" class="scrollover">[YOUR TEXT HERE]</a>

3、添加這樣的CSS，顏色自己修改。

1
2
3
4
<style>
a.scrollover { /* Default Colour/Styles here */ color: #557AFF; }
a.scrollover em:first-line { /* Rollover Colour/Styles here */ color: #FF5B3C; }
</style>

4、還可以修改js，達到你想要的效果。
scrollovers_ScrollSpeed 是控制速度的
scrollovers_ScrollDownOnMouseOver 是控制上滾還是下滾的
scrollovers_TypeName 如果想所有的鏈接都滾動，而不需要設置Type attrbiute的話，把這個變量的值改成空字符

收藏自：Hi,Code!

V2EX所用的CSS圓角代碼

由 發表于 ┊2,341 PV

不支持IE瀏覽器，代碼如下：

1
2
-moz-border-radius: 7px;
-webkit-border-radius: 7px;

單獨控制四個角

1
2
3
4
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;