2005年06月08日
一个英文版的日期脚本
<SCRIPT LANGUAGE="Javascript"><!–
// Get today’s current date.
var now = new Date();
// Array list of days.
var days = new Array(‘Sunday’,'Monday’,'Tuesday’,'Wednesday’,'Thursday’,'Friday’,'Saturday’);
// Array list of months.
var months = new Array(‘January’,'February’,'March’,'April’,'May’,'June’,'July’,'August’,'September’,'October’,'November’,'December’);
// Calculate the number of the current day in the week.
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
// Calculate four digit year.
function fourdigits(number){
    return (number < 1000) ? number + 1900 : number;
}
// Join it all together
today =  days[now.getDay()] + ", " + months[now.getMonth()] + " " + date + ", " +(fourdigits(now.getYear())) ;
// Print out the data.
document.write("Today\’s date is " +today+ ".");
//–></SCRIPT>
归类于： Html+CSS — 鱼佬 @ 5:37 pm 评论(0)
一个很酷的配色工具(Flash+Flickr)

很酷的配色参考工具：Flash+Flickr，多种风格的配色方案，并有Flickr图片参考。

Color Fields, Flowers, Crayon Box, Squared Circle, Graffiti, Flickr Central, Doors and Windows, Macro, Textures, Urban Decay, Catchy Colors, Stock Repository, JPG Magazine



址址：http://krazydad.com/colrpickr/
文件：http://krazydad.com/colrpickr/squaredcircle.swf

归类于： 记事本 — 鱼佬 @ 3:14 pm 评论(1)
2005年06月05日
配色方案–构图必学

一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。
2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。
3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。
4、在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。
1、 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。
2、 在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
3、 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
4、 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。
1、 如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。
2、 在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。

四、绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
1、 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。
2、 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。
3、 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
1、 在紫色中红的成份较多时，其知觉具有压抑感、威胁感。
2、 在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。
3、 在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。

六、白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。
1、 在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。
2、 在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。
3、 在白色中混入少量的蓝，给人感觉清冷、洁净。
4、 在白色中混入少量的橙，有一种干燥的气氛。
5、 在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。
6、 在白色中混入少量的紫，可诱导人联想到淡淡的芳香。 

归类于： 网络文摘 — 鱼佬 @ 1:01 am 评论(0)
世界卫生组织公布的最佳食品榜

最近，Angle成日话我瘦。事实上的确如此，可是没办法啊，不是说我想肥就肥得了啊！

说实在，我之前也想增肥，吃了好多东西，可是一点也没有肥到。我觉得是无论我吃什么东西，都不会吸收似的。这下可好，给我看到一篇《世界组织公布最佳食品榜》，看看我吃多一点这些有营养的食物能不能帮我增一下肥，呵呵。

最佳水果：依次是木瓜、草莓、橘子、柑子、猕猴桃、芒果、杏、柿子和西瓜。

最佳蔬菜：红薯既含丰富维生素，又是抗癌能手，为所有蔬菜之首。其次是芦笋、卷心菜、花椰菜、芹菜、茄子、甜菜、胡萝卜、荠菜、苤兰菜、金针菇、雪里红、大白菜。

最佳肉食：鹅鸭肉化学结构接近橄榄油，有益于心脏。鸡肉则被称为“蛋白质的最佳来源”。

最佳护脑食物：菠菜、韭菜、南瓜、葱、椰菜、菜椒、豌豆、番茄、胡萝卜、小青菜、蒜苗、芹菜等蔬菜，核桃、花生、开心果、腰果、松子、杏仁、大豆等壳类食物以及糙米饭、猪肝等。 (以后要多吃这些蔬菜补脑啊！！

最佳汤食：鸡汤最优，特别是母鸡汤还有防治感冒、支气管炎的作用，尤其适于冬春季饮用。 (偶最讨厌鸡汤了！！

最佳食油：玉米油、米糠油、芝麻油等尤佳，植物油与动物油按1∶0.5的比例调配食用更好。

归类于： 记事本 — 鱼佬 @ 12:50 am 评论(0)
2005年06月01日
今天六一

今天六一
时光过得真是快，不知不觉间2005年差不多又过了一半了。年初定下的目标算一下，还有很多还没有达到。真是惭愧！
有时候发现人真的很奇怪，总是会给自己找很多的借口，去掩饰自己，去告诉自己，告诉别人：我为什么会这样？是因为我忙，我每天要做大量的工作，没有时间去搞自己的东西了。到最后，终发现自己一事无成时才后悔：我为什么会这么懒？我当时为什么会没有去做这件事？
所以，我说，人总得有个目标才行，没有目标，你就没有方向。我的想法是：你定下了目标，你就一定要去做，至于最终有没有成功，是另一回事，当然，成功了固然很好。最重要是这个过程，你有没有用心去做这件事情，这是一个心态的问题。
可是，至今，我仍然找不到我最终的方向。我觉得很彷徨，出来打工几年，却没有一丝建树（至少我是这样认为的）。我什么时候才能找到一个属于我自己的人生道路呢？
算了，今天是六一，小朋友最开心的日子。我们虽然不是小孩，但至少生活也要过得开心。呵呵~

归类于： 记事本 — 鱼佬 @ 11:27 am 评论(0)
2005年05月26日
时尚CSS菜单,很酷

时尚CSS菜单, 很特别。要好好研究一下。

在线运行演示

归类于： Html+CSS — 鱼佬 @ 11:35 pm 评论(0)
DIV菜单之一

一个Div的菜单，经常用到。

在线运行演示

归类于： Html+CSS — 鱼佬 @ 10:59 pm 评论(1)
2005年05月25日
Default style sheet for HTML 4.0



, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell; }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px; line-height: 1.12 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, object, 
select          { display:inline-block; }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A" }
:before, :after { white-space: pre-line }
center          { text-align: center }
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}


这篇文章是从W3C中找回来，用来收藏参考用。

归类于： Html+CSS — 鱼佬 @ 9:27 pm 评论(0)
关于CSS盒模型的研究

关于CSS盒模型的研究

如果我们想要定义一个宽为400，高为300的盒子，通常是这样定义的：

#box1 {

width: 400px;

height: 300px;

border: 10px solid #666;

background: #ccc;

padding: 5px;

}


正常的说，这是正确的。在IE下，我们可以看到一个宽为400，高为300的盒子。当我们在非IE的流览器中看的时候，问题就出来了，我们将会看到一个宽为430，高为330的盒子。这是由于每个流览器对盒模型的解释不同。

在IE中，它的解释是这样的：10+5+370+5+10=400,即是说这个盒子里面的容器大小是370，加上内补丁两条各5加起来就是10了，再加上两边宽为10的边框线，加起来刚好是400。

而在非IE中，如FireFox，它的解释是：10+5+400+5+10=430, 就是说，它会把400作为盒子里面的容器的宽度，再加下内补丁和边框线，加起来就成了430了。

那么如何解决这个问题呢？

我们可以看《网页设计师》的一篇关于“盒模型bug的解决方法”。事实上，当你按照阿捷的说的那样做出来之后，问题还是没有解决。我们看下面的盒子：

#box1 {

width: 400px;

height: 300px;

border: 10px solid #666;

background: #ccc;

padding: 5px;

voice-family: "\"}\"";

voice-family:inherit;

width: 370px;

height: 270px

}


事实上，这样子的话，在FireFox中盒子是为400了，问题是你在IE中看的时候，这个盒子变为370了。所以对于这个问题，我一直很苦恼.。如何才能使IE不读取后面的width和height的定义呢？我觉得voice-family: "\"}\"";并不能解决这个问题。于是，今天我就把这问题摆出来，大家讨论一下。哪位高手可以帮帮我？

后话：上网查找了一下，发现CSS Box Model，大家看下，那么，那么哪个才是标准呢？

归类于： Html+CSS — 鱼佬 @ 9:41 am 评论(7)
2005年05月23日
Donews.net 样式表之“我心中的太阳花”

星期天花了一点时间，搞好了Donews.net的样式表，现提供CSS源码如下：

/* Lighty */
body {
 background: #ffffff url(http://saivan.xyinc.cn/donews/images/bg.gif) repeat-y center 0px;
 margin: 0px;
 padding: 0;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: center;
}
.pagelayout {
 margin: 0 auto 0 auto;
 padding: 0px;
 width: 768px;
 text-align: center;
}
#header {
 margin: 0;
 background : url(http://saivan.xyinc.cn/donews/images/header.jpg) no-repeat;
 width: 768px;
 height: 120px;
 padding: 0px;
 text-align: left;
}
a:link {
 color: #ae5d08;
 text-decoration: none;
}
 a:visited {
 color: #ae5d08;
 text-decoration: none;  
 }
a:hover {
 color: #fa870c;
 text-decoration: none;
}
a:active {
 color: #fa870c;
 text-decoration: none;
}
#header span {
 margin-left: 50px;
 float: left;
 color: #999999;
}
#Header1_HeaderTitle {
 background: url(http://saivan.xyinc.cn/donews/images/man.gif) no-repeat;
 margin-top: 10px;
 height: 32px;
 padding-left: 38px;
 line-height: 32px;
 font-size: 12pt;
 font-weight: bold;
}
a#Header1_HeaderTitle, #Header1_HeaderTitle:link {
 color: #7E8A66;
 font-size: 12pt;
 text-decoration: none;
}
a#Header1_HeaderTitle, #Header1_HeaderTitle:visited {
 color: #7E8A66;
 font-size: 12pt;
 text-decoration: none;
}
a#Header1_HeaderTitle, #Header1_HeaderTitle:hover {
 color: #999999;
 font-size: 12pt;
 text-decoration: none;
}
#menu {
 width: 180px;
 padding: 10px;
 float: right;
 line-height: 150%;
 word-wrap:break-word;
 border-left: 1px dotted #7E8A66;
 text-align: left;
}
#main {
 width: 547px;
 line-height: 150%;
 text-align: left;
 padding: 10px;
 margin:0px;
}
#footer {
 width: 768px;
 clear:both;
 padding-top: 10px;
 border-top: 3px solid #ff6600;
}
h1 {
 background: url(http://saivan.xyinc.cn/donews/images/side_hbg.gif) no-repeat;
 font-size: 14px;
 font-weight: bold;
 height: 30px;
 line-height: 30px;
 padding-left: 35px;
 color: #ff6600;
 text-transform: none;
}
h3.listtitle {
 background: url(http://saivan.xyinc.cn/donews/images/side_hbg.gif) no-repeat;
 font-size: 14px;
 font-weight: bold;
 height: 30px;
 line-height: 30px;
 padding-left: 35px;
 color: #ff6600;
 text-transform: none;
}
a.listitem:link {
 color: #696969;
 text-decoration: none;
}
a.listitem:visited {
 color: #696969;
 text-decoration: none;
}
a.listitem:hover {
 color: #2F4F4F;
 text-decoration: none;
}
.dateTitle {
 color: #666666;
 text-align: right;
 line-height: normal;
}
div.post {
 padding-left: 10px;
}
div.posttitle {
 color: #2F4F4F;
 font-size: 14px;
 border-bottom: 1px dotted #2f4f4f;
}
div.postFoot {
 font-size: 12px;
 color: #666666;
 text-align: right;
 line-height: normal;
}
.posttitle a:visited, .posttitle a:active, .posttitle a:link { 
 color : #2f4f4f;
 text-decoration : none;
}
.posttitle a:hover {
 color: #7E8A66;
 text-decoration : none;
}
#nadframe {
 display: none;
 margin: 0px;
 padding: 0px;
}
#comments {
 margin-left: 20px;
 background-color: #fbfbfb;
 border-left: 2px solid #ccc;
}
.moreinfo {
 padding-top: 8px;
}
.moreinfotitle {
 color: #ff6600;
}
#postcomment {
 background-color: #ffffff;
 border: none;
 font-size: 10pt;
}
#postcomment div {
 color: #7E8A66;
 font-size: 10pt;
 font-weight: blod;
}
#postcomment input.text, textarea {
 font-size: 12px;
}
div.block_footer {
 background: #ffffff url(http://saivan.xyinc.cn/donews/images/space.gif);
 height: 1px;
}
div.itemdesc {
 font-size: 12px;
 color: #7e8a66;
 text-align: right;
}
div.seperator {
 background: url(http://saivan.xyinc.cn/donews/images/space.gif);
}
h1.block_title {
 background: url(http://saivan.xyinc.cn/donews/images/space.gif);
 color: #ff6600;
 font-size: 14px;
 height: 22px;
 margin: o 0 10px 0;
 padding: 5px 0 5px 0;
 text-align: right;
}
div.block {
 background: url(images/space.gif);
 margin-left: 0px;
 font-size: 12px;
 text-align: left;
}
div.entrylistitem {
 padding-left: 0px;
}
.entrylisttitle {
 border-bottom: 1px dotted #2f4f4f;
}
a.entrylisttitle, a.entrylisttitle:link, a.entrylisttitle:visited {
 color: #2f4f4f;
 text-decoration : none;
}
a.entrylisttitle:hover {
 color: #7E8A66;
 text-decoration: none;
}
div#Description {
 clear: #7E8A66;
 font-size: 12px;
 text-align: right;
 border-top: 1px solid #cccccc;
}
div#Navigator {
 color: #7E8A66;
 font-size: 12px;
 text-align: right;
}
.code{
 font-size: 12px;
 font-style: normal;
 width:500px;
 padding:10px;
 border-top:1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background:#fbfbfb;
}


归类于： Html+CSS — 鱼佬 @ 8:43 am 评论(2)
Pages (4): « 1 2 3 4 »