<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>意大利面之家 &#187; 网页</title>
	<atom:link href="http://spaghetti4u.com/tag/web/feed" rel="self" type="application/rss+xml" />
	<link>http://spaghetti4u.com</link>
	<description>记录生活相关·分享我的最爱</description>
	<lastBuildDate>Fri, 30 Jul 2010 09:35:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>flash背景图片自适应窗口大小代码(ActionScript2.0)</title>
		<link>http://spaghetti4u.com/design-works/2010/4037.html</link>
		<comments>http://spaghetti4u.com/design-works/2010/4037.html#comments</comments>
		<pubDate>Fri, 30 Jul 2010 09:35:32 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://spaghetti4u.com/?p=4037</guid>
		<description><![CDATA[flash背景图片自适应窗口大小代码(ActionScript2.0)
Stage.scaleMode = "noScale";
Stage.align = "TL";
var mixWidth = 1024;  //设置最小宽度数值
var realBgWidth = bg._width; //获取bg的真实宽度
var realBgHeight = bg._height; //......    高度
var picWH = realBgWidth/realBgHeight; // bg宽高比率
//计算新高度
newBgHeight = function () {
	bg._height = bg._width/picWH;
};
//trace("realBgWidth="+realBgWidth);
//trace("realBgHeight="+realBgHeight);
onEnterFrame = function () {
	if (Stage.width]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2010/4037.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网站黑白装(网站变灰、哀悼）代码</title>
		<link>http://spaghetti4u.com/diary/2010/3691.html</link>
		<comments>http://spaghetti4u.com/diary/2010/3691.html#comments</comments>
		<pubDate>Tue, 20 Apr 2010 03:28:13 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[意大利面的日记]]></category>
		<category><![CDATA[我的收藏]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://spaghetti4u.com/?p=3691</guid>
		<description><![CDATA[很不幸，汶川地震之后 玉树又发生了一场灾难
2010年4月21日将举行全国哀悼活动，全国和驻外使领馆下半旗志哀，停止公共娱乐活动。
站长们也别忘了参与进来，对青海玉树地震遇难同胞表示深切哀悼！
网站整体黑白
在你网站的CSS文件力加入此代码即可自动把网站一切颜色变成单色，哀悼日过后删除代码即可还原彩色
复制内容到剪贴板
代码:html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。
有一些站长的网站可能使用这个css 不能生效，是因为网站没有使用最新的网页标准协议 
&#60;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&#62;
&#60;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&#62; 
请将网页最头部的替换为以上代码。
有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的和之间插入：
&#60;param value=&#8221;false&#8221; name=&#8221;menu&#8221;/&#62;
&#60;param value=&#8221;opaque&#8221; name=&#8221;wmode&#8221;/&#62; 
最简单的把页面变成灰色的代码是在head 之间加 
&#60;style type=&#8221;text/css&#8221;&#62;
html {
    FILTER: gray
}
&#60;/style&#62;
网站变黑白代码
自己加到css样式里
body{filter:Gray;}
如果光让图片变黑白
img{filter:Gray;}
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/diary/2010/3691.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>中国天气网改版，多组天气预报代码</title>
		<link>http://spaghetti4u.com/collection/2009/2154.html</link>
		<comments>http://spaghetti4u.com/collection/2009/2154.html#comments</comments>
		<pubDate>Wed, 02 Sep 2009 17:21:01 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[我的收藏]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/?p=2154</guid>
		<description><![CDATA[国家气象局的中国天气网全新改版，网页实时天气预报查询代码
可以通过以下网址轻松免费获得
http://service.weather.com.cn/plugin/forcast.shtml?id=pn4
相比以往的查询代码更权威更专业！
总共有12组代码可以选择！
例如：
&#60;iframe src=&#8221;http://m.weather.com.cn/m/pn1/weather1.htm&#8221; width=&#8221;" height=&#8221;" marginwidth=&#8221;0&#8243; marginheight=&#8221;0&#8243; hspace=&#8221;0&#8243; vspace=&#8221;0&#8243; frameborder=&#8221;0&#8243; scrolling=&#8221;no&#8221;&#62;&#60;/iframe&#62;
单城市24小时天气预报插件，元素包括：城市名称、双天气图标、温度，增加城市IP自动判断功能，根据访问者的IP自动改变城市，本插件最佳宽度在160px ~ 180px之间，如嵌入宽度不满足160px，则可能出现部分字符无法正常显示及文字换行情况，本插件较适宜放在网站左右边栏区域。
建议注册中国天气网授权后使用，并留下的联系方式，便于今后插件产品升级改造时能及时接到中国天气网的通知，避免升级改造过程中出现折行、遮挡等现象。
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/collection/2009/2154.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30个很棒的下拉菜单和滑动菜单设计实例</title>
		<link>http://spaghetti4u.com/design-works/2009/1915.html</link>
		<comments>http://spaghetti4u.com/design-works/2009/1915.html#comments</comments>
		<pubDate>Sun, 02 Aug 2009 17:04:31 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[网页]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/?p=1920</guid>
		<description><![CDATA[每当为客户做网站的时候，我就不得不折腾一个水平菜单中的二级导航的最佳显示方式(而且不要让它看起来像10年前那样)，然后我就开始去寻找一些灵感。我找到了很多网站，它们使用下拉菜单或滑动菜单，而且我想，你也可能会对我找到的这些实例感兴趣吧。
 请告诉我你是如何看待这些菜单设计的，他们是好还是坏，有哪些优点或者缺点，或者，你发现了还有很多很棒的中文网站的菜单设计，请在评论中写出来，这样，对我，对大家都会有所帮助的:)
Carreras Con Futuro


Apple Reviews

Archer Group

Energy Cell

Artkasa

Bnet

BuySellAds

Ink’d

Daily RT

Designers Couch

Design Slurp

Behance Network

EctoMachine

Exposition Universelle Des Vins &#38; Spiritueux

Explovent

Hungry For Change – Food Inc. Movie

Fuel Your Creativity

Freelance Switch

Ipix Solutions

Koodoz Design

Monash Carpet Services

Mac Appstorm

Media Temple

Website Temple

Nest Living

Peachpit

Theme Shaper

Threadless

Vimeo

Washington State Leadership Academy


版权所有，转载请注明出处，多谢！！
原文：30个很棒的下拉菜单和滑动菜单设计实例
译自：30 Great Examples Of Drop-Down And Sliding Menus
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2009/1915.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>60个可以启发灵感的单页面网站设计</title>
		<link>http://spaghetti4u.com/design-works/2009/60-single-page-website-design-inspiration.html</link>
		<comments>http://spaghetti4u.com/design-works/2009/60-single-page-website-design-inspiration.html#comments</comments>
		<pubDate>Sat, 25 Jul 2009 17:40:11 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/?p=1880</guid>
		<description><![CDATA[原文：60多个可以启发灵感的单页面网站设计
参考：88 Single Page Website Designs For Design Inspiration
版权所有，转载请注明出处，多谢！ 
我最近注意到的有趣的趋势之一是在“单页面设计”中展示你的作品。看设计师如何处理单页面是件很有趣的事情，因为现在世界上喜欢尝试新的事情并观察人们如何应付他们的作品。尽管这并不是个常见的趋势，但是作为一种新的越来越流行的设计风格，而且因为越来越多的时间是注意到它并在他们的作品中使用单页面，这种设计趋势脱颖而出。
在这个展示中，你将发现大量追随单页面设计趋势的高创意、漂亮和最有分量的灵感设计。我们这里并不是希望你也来追随任何特别的趋势，我们这里的目的仅仅是激发你的创意并启发你的想象力，以创造你自己的设计风格甚至是设计趋势，因为你的网站代表着你和你的品牌。
可以启发灵感的单页面网站设计。
纵观历史，伟大的艺术家总是能找到新的方法来展示他们的创意来表现自己，并创造新的趋势和技术来鹤立鸡群。在现代时期，设计的定义更加重要，因为现在设计还是一种沟通方式。而且，更确切的是，网站设计是一个良好的内容平台。设计中没有“好”或者“坏”。它通常被定义为“不同”。
注：由于前端观察之前有发表一篇《40多个很有创意的单页网站设计》，本文中就将重复的内容移去，请大家到该页面去查看。
01. LennartBasler

02. WeShootBottles

03. Lucuma.com

04. Quicksnapper

05. Silverbackapp

06. ThinkGreenMeeting

07. Grooveshark

08. Kissmetrics

09. ifekt

10. Contrast.ie

11. SevenPlacesProductions

12. Tomhoops

13. VisualBoxSite

14. Volll

15. Kinoz

16. Keithar

17. LukeLarsen

18. peter-pearson

19. TapTapTap

20. HypeForType

21. 180degrees

22. Mitxel

23. Coda

24. Emrahduzer

25. ChiragjSolanki

26. Suiepaparude

27. Nofrks

28. TheUnderSigned

29. Bcandullo

30. Mediocore

31. Melissahie

32. Jorobalinov

33. Ketchup-2007.nyxen

34. Arcinspirations

35. Salon-lafolie

36. Missscha

37. Tobolic

38. Engageinteractive

39. Mplusz

40. Smartcube

41. FashionPhotographer

42. Studioespace

43. Designslurp

44. Hotel-Oxford

45. Deanoakley

46. YouLove.Us

47. Stoodeo

48. [...]]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2009/60-single-page-website-design-inspiration.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>终于完成了！校友办网站</title>
		<link>http://spaghetti4u.com/design-works/2008/work-no-20-gznc-xyh-website.html</link>
		<comments>http://spaghetti4u.com/design-works/2008/work-no-20-gznc-xyh-website.html#comments</comments>
		<pubDate>Tue, 30 Dec 2008 01:46:50 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[作品]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/blog/?p=343</guid>
		<description><![CDATA[
http://www.gznc.edu.cn/jgsz/xyb/index.html
 花了一个多月时间,终于完成了！
总体感觉来说给自己打8.5分吧
虽然没用多少高科技，但是又和往次一样，边做边学，又学到了些新技术！很是开心！
钱虽然不是很多，但或多或少也是一份支持嘛。
刚开始找到我的时候，甚至有免费为母校做个好站的想法！
现实和理想总是会有出入的嘛！。。。。。。。。。
将网站设计进行到底！
PS：希望不懂网页设计和技术的同学不要啰嗦什么了！
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2008/work-no-20-gznc-xyh-website.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>极富创意的404错误页面大收集</title>
		<link>http://spaghetti4u.com/design-works/2008/creative-404error-collection.html</link>
		<comments>http://spaghetti4u.com/design-works/2008/creative-404error-collection.html#comments</comments>
		<pubDate>Sun, 05 Oct 2008 05:09:51 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[404错误]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/blog/?p=284</guid>
		<description><![CDATA[今天发现我的服务器供应商 终于升级支持404错误页面的自定义了！
我也终于能够拥有自己的404页面了！ 
http://www.spaghetti4u.com/404
目前正在改进

404错误是指在服务器找不到指定的页面。404错误页面是可以自定义的。
无论你的网站里面是否有失效链接，你的访客都可以因为种种原因查看到错误页。如果这个错误页能够得到妥善处理，访客将很愿意读一下这个404错误页，继而深入探索你的网站。
 因此，一个网页设计师或开发人员，虽然有时你无法控制的原因造成错误网页，但你也可以最大限度地减少损失，使用一个特别的404页面来留住你的访客是个不错的主题。一个好的404页面可以提供导航，提示，鼓 励游客重新搜索，显示访问者可能有兴趣的相关信息等等。
如何拥有一个漂亮的404页面呢，我精心收集了100个创意十足的404错误页面设计。你要是喜欢的话，就直接COPY来用好了
查看全部404页面设计
 
 


美国NBC


韩国naver门户网站


韩国Daum门户网站


apple


美国CNN广播电视


韩国KBS广播电视


HomeStar Runner


PEN-and-PAPER


Project EUH


Tix02


Spore


Psicobyte


Poemofquotes


Underconsideration


Martinkorner


MTV.de


Jackfig


Newyorker


Meroigo


Mikeace


Jhuskisson


Startdrag


LookItsMe


Amcharts


Alistapart


Enesto Timor


Jtbullitt


Galiacho


Ateaseweb


Cgcraft


Codesense


Suspended Animations


Mixx.com


Tysontate


Rubberducky


Aviation Reviews


Twitter


Kitty-yo


Jibjab


Pownce


Freeshell


Dazeofourlives


The Big Noob


Jeremy Fuksa


Just Creative


Slonky


Frye / Wiles


NTL World


Lumino.us


Bruno Bellamy


Blue Vertigo


HomeStar Runner


Krystal Archive


D20srd


Rainfall Daffinson


CUOMA Design Studio


&#8230;
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2008/creative-404error-collection.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>返回上一页代码</title>
		<link>http://spaghetti4u.com/design-works/2008/go-back-page-code.html</link>
		<comments>http://spaghetti4u.com/design-works/2008/go-back-page-code.html#comments</comments>
		<pubDate>Sat, 27 Sep 2008 03:10:27 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[设计相关]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/blog/?p=304</guid>
		<description><![CDATA[返回上一页
或
返回上一页
如果是用按钮做的话就是：

用图片做的话就是：

看了几个例子也许您已经明白，其实就是在物件上加上“javascript:history.back(-1);”这个动作，用这个动作来实现点击后退的效果。其它的在此不再一一举例，您可以自己去尝试，其实网页上的几乎所有物件都可以应用这个动作。
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/design-works/2008/go-back-page-code.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>栏目信息切换代码</title>
		<link>http://spaghetti4u.com/skill/2008/%e6%a0%8f%e7%9b%ae%e4%bf%a1%e6%81%af%e5%88%87%e6%8d%a2%e4%bb%a3%e7%a0%81.html</link>
		<comments>http://spaghetti4u.com/skill/2008/%e6%a0%8f%e7%9b%ae%e4%bf%a1%e6%81%af%e5%88%87%e6%8d%a2%e4%bb%a3%e7%a0%81.html#comments</comments>
		<pubDate>Sat, 06 Sep 2008 17:41:16 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[技巧方法]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/blog/?p=274</guid>
		<description><![CDATA[今天花了点时间研究网站栏目信息切换代码
现在和大家分享一下                [实例请见本站右上角]
这个是比较实用的，文章列表、广告、图片&#8230;.
几乎任意类型的网站都用得上，可以很合理的利用空间



		function HiddTab(){
			document.all
[&#39;divTab_1&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divTab_1&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divMain_1&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divMain_1&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divTab_2&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divTab_2&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divMain_2&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divMain_2&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divTab_3&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divTab_3&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divMain_3&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divMain_3&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divTab_4&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divTab_4&#39;].style.display = &#39;none&#39;;
			document.all[&#39;divMain_4&#39;].style.visibility = &#39;hidden&#39;;
			document.all[&#39;divMain_4&#39;].style.display = &#39;none&#39;;
		}
		function ShowTab_1(){
			HiddTab()
			document.all[&#39;divTab_1&#39;].style.visibility = &#39;visible&#39;;
			document.all[&#39;divTab_1&#39;].style.display = &#39;&#39;;
			document.all[&#39;divMain_1&#39;].style.visibility [...]]]></description>
		<wfw:commentRss>http://spaghetti4u.com/skill/2008/%e6%a0%8f%e7%9b%ae%e4%bf%a1%e6%81%af%e5%88%87%e6%8d%a2%e4%bb%a3%e7%a0%81.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>历史上最丑的网页集</title>
		<link>http://spaghetti4u.com/diary/2007/the-history-of-the-ugliest-set-of-web-pages.html</link>
		<comments>http://spaghetti4u.com/diary/2007/the-history-of-the-ugliest-set-of-web-pages.html#comments</comments>
		<pubDate>Wed, 14 Mar 2007 14:42:15 +0000</pubDate>
		<dc:creator>意大利面</dc:creator>
				<category><![CDATA[意大利面的日记]]></category>
		<category><![CDATA[网页]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[贵州民族学院]]></category>

		<guid isPermaLink="false">http://www.spaghetti4u.com/blog/?p=75</guid>
		<description><![CDATA[以前说过要发次标题的日志
今天实在看不下去了&#8230;&#8230;.
“做网页不是那么简单的”
真以为会word就行啦？
真以为office是无敌的？
垃圾
]]></description>
		<wfw:commentRss>http://spaghetti4u.com/diary/2007/the-history-of-the-ugliest-set-of-web-pages.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
