BLOG进行简单整理,部分比较个人的东西将在进一步整理后进行删除。在技术类文章中所涉及到的软件或者教程,后面会放开下载。
技巧:同一网页实现多种CSS 样式表切换
作者:Aaron 日期:2010-08-09
样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。 首先要具备不同内容的CSS文件(最好每个文件代表一种
样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。
首先要具备不同内容的CSS文件(最好每个文件代表一种样式,或是代表需要作出变动的部分)。这里以三个为例:
第一个是背景为红色的CSS文件(red.css)CSS中的内容为:
body {background-color:red;}
样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!所以我收集了一部分中外网站已经实现的技术资料整理出来供网友参考。
首先要具备不同内容的CSS文件(最好每个文件代表一种样式,或是代表需要作出变动的部分)。这里以三个为例:
第一个是背景为红色的CSS文件(red.css)CSS中的内容为:
body {background-color:red;}
Tags: CSS
ip138.com提供的小工具
作者:Aaron 日期:2010-07-29
巧用谷歌网站翻译插件google网站翻译代码
作者:Aaron 日期:2010-07-28
google总是在不断创新,介绍一下google的翻译小工具,自己在侧边栏的最下方加了这个翻译工具,很好很强大,而且很快。
当你把下列的 html 代码粘贴入你的网页代码后,谷歌翻译小工具的菜单选择控制就会如图一加入在你的网页相对位置中。菜单会提示使用者“选择语言”,而这段“选择语言”的文字也会以使用者的流览器介面语言显示出。例如,如果使用者所用的是英文的浏览器,那这段提示文字就是“Select Language”;如果使用者所用的是俄文的浏览器,那这段提示文字就是“Выберите язык” 。这样,外文使用者通过谷歌翻译小工具可以用自己熟悉的语言浏览了。当使用者按下菜单后,谷歌翻译小工具会显示二十种语言在菜单中。
当使用者选择中文后,谷歌翻译小工具马上对你的网页进行机器自动翻译,翻成外语使用者所用的语言。也许你看不懂菜单中的这些文字,这是因为谷歌翻译小工具是以该语文来显示该语言的名称,以便该语言的使用者了解。例如在菜单中我们是以俄文的俄文“Русский”來显示,如果我们显示成“俄文”(以中文显示),那俄文使用者会看不懂了
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-CN&w=160&h=60&title=&border=&output=js"></script>
当你把下列的 html 代码粘贴入你的网页代码后,谷歌翻译小工具的菜单选择控制就会如图一加入在你的网页相对位置中。菜单会提示使用者“选择语言”,而这段“选择语言”的文字也会以使用者的流览器介面语言显示出。例如,如果使用者所用的是英文的浏览器,那这段提示文字就是“Select Language”;如果使用者所用的是俄文的浏览器,那这段提示文字就是“Выберите язык” 。这样,外文使用者通过谷歌翻译小工具可以用自己熟悉的语言浏览了。当使用者按下菜单后,谷歌翻译小工具会显示二十种语言在菜单中。
当使用者选择中文后,谷歌翻译小工具马上对你的网页进行机器自动翻译,翻成外语使用者所用的语言。也许你看不懂菜单中的这些文字,这是因为谷歌翻译小工具是以该语文来显示该语言的名称,以便该语言的使用者了解。例如在菜单中我们是以俄文的俄文“Русский”來显示,如果我们显示成“俄文”(以中文显示),那俄文使用者会看不懂了
<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=zh-CN&w=160&h=60&title=&border=&output=js"></script>
Tags: google
免费拥有自己域名后缀的邮箱
作者:Aaron 日期:2010-07-11
免费拥有自己域名后缀的邮箱这些不是新鲜话题了。这里收集Google Apps、MSN Live、Sogou 三大公司提供服务供各位参考。
Google Apps
注册地址 http://www.google.com/a/
申请成功后就可以拥有像info@yourdomain.com自己网站为后缀的邮箱,并且邮箱的功能和gmail是一致的,还可以开放注册。根据网上冲浪高手的经验,在申请填表的时候注意一下几个方面:
域名:这个我没有统计过,似乎.cn的申请通过率比较低。但可以肯定的是,.org和.com的都没有问题。
IP地址:Google Apps现在还没有对中国开放。所以这是最重要的一条:使用欧洲或者美国代理。
同时地域填United State
Google Apps
注册地址 http://www.google.com/a/
申请成功后就可以拥有像info@yourdomain.com自己网站为后缀的邮箱,并且邮箱的功能和gmail是一致的,还可以开放注册。根据网上冲浪高手的经验,在申请填表的时候注意一下几个方面:
域名:这个我没有统计过,似乎.cn的申请通过率比较低。但可以肯定的是,.org和.com的都没有问题。
IP地址:Google Apps现在还没有对中国开放。所以这是最重要的一条:使用欧洲或者美国代理。
同时地域填United State
Tags: 企业邮箱
自动弹出一个对话框
作者:Aaron 日期:2010-05-26
实现一个层的向上滚动
作者:Aaron 日期:2010-05-26
Marquee实现向上滚动文字[鼠标指向停止]:
在上海聚美网站升级的过程中,因为客户需要在首页放置一块滚动的公告,最理想的方式当然是在新闻中分出一个类别来做公告的发布平台,这样便于管理人员的维护和更新。但是在做的过程当中,遇到的问题是,如果我在CSS中设置的话,本身我对CSS的一些参数还不太熟悉,正在恶补,另外也担心会影响到其他位置的新闻列表,所以我想,可以在网页中放置公告的位置(在网页中我引用的是一个函数)加一个滚动代码在里面,只让这一个位置进行滚动。找了几个代码之后,用下面的方案实现:
Marquee走马灯标签,用它能实现各种各样的滚动,而只需修改个别参数就行了,在WEB标准时代,Marquee的作用当然也应该与时俱进了,比如本款代码中,它与DIV 的ID配合,实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一个id就可以控制文字了,不理解的朋友看代码。
<HTML>
<HEAD>
在上海聚美网站升级的过程中,因为客户需要在首页放置一块滚动的公告,最理想的方式当然是在新闻中分出一个类别来做公告的发布平台,这样便于管理人员的维护和更新。但是在做的过程当中,遇到的问题是,如果我在CSS中设置的话,本身我对CSS的一些参数还不太熟悉,正在恶补,另外也担心会影响到其他位置的新闻列表,所以我想,可以在网页中放置公告的位置(在网页中我引用的是一个函数)加一个滚动代码在里面,只让这一个位置进行滚动。找了几个代码之后,用下面的方案实现:
Marquee走马灯标签,用它能实现各种各样的滚动,而只需修改个别参数就行了,在WEB标准时代,Marquee的作用当然也应该与时俱进了,比如本款代码中,它与DIV 的ID配合,实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一个id就可以控制文字了,不理解的朋友看代码。
<HTML>
<HEAD>
Tags: Marquee实现向上滚动
分享一些国外优秀网站模板站
作者:Aaron 日期:2010-05-11
网上找到一些优秀的国外模板资源,一个优秀的设计师(不是说我)总是要集百家之所长的~~~
下面就是这些模板资源聚集的网站:
http://www.coolhomepages.com/
http://www.designgalaxy.net/
下面就是这些模板资源聚集的网站:
http://www.coolhomepages.com/
http://www.designgalaxy.net/










