Jorux Notebook

Just a web designer's blog

Jorux制作的z-blog样式列表(更新中)

本列表所列样式均为Jorux所制作，你可以免费使用，修改。如果你愿意，请反向链接至此页面。

征求Demo展示页面，如果你使用了某个样式，请留言要求将demo链接指向你的网站。

以后制作的z-blog样式均会按时间倒序排列于此，不再单独发表。

本列表无限期更新！

9.Blue-Green 2.0

Jorux's image

Designer：Jorux
Coder：JoRux
发布日期:    29/08/2006
Demo展示：www.movedio.com
下载链接： 下载地址

————————————————————- 

8.Simple

Jorux's image

Designer：Jorux
Coder：JoRux
Demo展示：暂无

安装方法：1.第一步：修改single.html/default.html/search.html/catalog.html,方法是在<div id="divMain">前加上
<div id="divcontainer">
<div id="divleft">
</div>
在<div id="divBottom">前加上</div>
2.第二步：先将下载的rar文件解压出来的一个样式文件和一个目录都移至STYLE目录中，再以管理员的身份进入[设置管理]中，将“界面样式名称”的值改为要使用的样式的名称为Dragon，再点击[文件重建] 使用所的页面都应用新的样式。
3.第三步，把左上角那个"www.jorux.com"的条幅图片

Posted in Web Design | 62 Comments »

css教程–十步学会用css建站(全)

Update: 本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！

本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。

目录：

第一步：规划网站，本教程将以图示为例构建网站；

第二步：创建html模板及文件目录等；

第三步：将网站分为五个div，网页基本布局的基础；

第四步：网页布局与div浮动等；

第五步：网页主要框架之外的附加结构的布局与表现；

第六步：页面内的基本文本的样式(css)设置；

第七步：网站头部图标与logo部分的设计；

第八步：页脚信息(版权等)的表现设置；

第九步：导航条的制作(较难)；

第十步：解决IE浏览器的显示BUG；

第一步：规划网站，本教程将以图示为例构建网站

1.规划网站，本教程将以下图为例构建网站。

Posted in Web Design | 310 Comments »

3GB的免费Gmail网络硬盘

Gmail的广告词：Don’t throw anything away.Over 2723.678MB of free storage。
2723MB这只是我写这篇文章时的数字，它在不断变化，而且在不断变大。
Gmail的容量：看看下图(点击看大图)：
aquaClick to enlarge the image
这是由Weasel在Gmail Storage Space Plotted中提到的估计的Gmail容量走势。以目前的速度其容量将在08年4月左右达到3G。
如此之大的空间可能大家都不想错过，但是仅仅是Email的话估计很少有人能超过100MB，更何况是3G。这既是一种浪费，也是一种对Google的纵容。为什么不把这些空间利用起来，让你在任何能上网的地方方便的提取呢？！
实现Gmail网络硬盘功能：介绍一个实现此功能的软件：GMail Drive
安装后就会在“我的电脑”生成一个名为“Gmail Drive”的硬盘图标，第一次点击后输入你的Gmail账号和密码,进入Gmial Drive目录，就可以创建文件夹，上传下载文件等操作。
下图是Gmail drive的截图(点击看大图)：
aquaClick to enlarge the image
操作过程和您的本地硬盘基本一样。而且这个网络硬盘客户端只有135Kb，你可以随身携带于你的U盘中，或是到我的网站下载，或是放在你的邮箱里，然后在 任何能上网的电脑上(有安装软件权限)安装使用，3G的U盘很有诱惑力！我在网通测试上传和

Posted in Download | 263 Comments »

Transforming Your Design to XHTML/CSS for Free

If you have a good design, want to transform it to XHTML/CSS or WordPress Theme, and publish it to internet, I can do you a favor for free!
Why it is free？
1. I love Xhtml/CSS!
2. I am a College student, so I have time to do!
3. The advantage of internet is free and donates (All of Mozilla, WordPress, Google Web application are free. if I could do something to you, why not?).
4. The design is more important.
Does it work?
Dave (the webmaster of xhtmlized.com) doesn’t believe that I can turn for free. So he sent a very beautiful PSD file (hard to be turned) to me, said it was a tricky one and a test.
The JPG file of original design comes here:
aquaClick to enlarge the image
I did my best, and it takes me 10+ hours.
My work comes here: http://www.jorux.com/work/Aqua/
Thank Dave a lot for the beautiful PSD and sending their conversion to me.
Dave’s work comes here: http://www.jorux.com/work/aqua-cult-tours/
The difference comes here (The former is Dave’s)
The width of display:
** Auto adjusted full screen
** 766px
The size of css file:
** 10.6KB
** 6.8KB
The size of image files
** 123KB
** 60KB
The expression of YanusC Font:
** Did the best because he uses images to display words (so not easy to update and bigger size of images);
** Look a little strangely if you don’t have the YanusC Font (but easy to update and smaller size of images)
Browsers displayed correctly:
** IE 5.0/6.0/7.0, FireFox 1.5, Opera 9.0 and Mozilla

Posted in Web Design | 9 Comments »

用Google代理浏览被屏蔽的网页

 googleyahooworldlingo

以上三个是现在比较流行的在线翻译服务提供商，也许你用过它的翻译功能，但我想说的是，除了那些诸如阿拉伯语，意大利语之类的让你彻底看不懂的网页外，它们的机器翻译效果极其有限。
但是它们却有着让你意想不到的用处:网页浏览代理。
现在有很多提供网页浏览代理的网站，但它们无一例外的加上了恼人的广告甚至是弹窗，而这些在线翻译网站的主机均在北美而且没有广告，我们利用它来浏览一些被屏蔽的网站。

使用方法：
1.在网页翻译的网址输入框输入你要访问的网址；
2.既然不需要它的翻译功能，我们只需把翻译的目标语言与你要访问的网页语言设为一致，比如你想访问一个英文站点，只需设置”From ***(任意语言) To English “,就可以代理浏览这个网页，而不使用它糟糕的翻译功能。

1.Google Language Tool

Designed by Jorux. Proudly powered by WordPress    Except where otherwise noted, this site is licensed under a Creative Commons License.