I-JC☞用技术做网络营销
关注产品、RIA、教育、网络营销、口碑营销，探求教育产品+口碑营销的有效途径
8th
OCT
[收藏]30种时尚的CSS网站导航条
Posted by JCLee under 资源
1. The Menu menu
这是一个非常不错的CSS菜单，相当的独特，每个图标都有鼠标感应，然后出现子菜单。如果你想知道怎么做的，你可以简单的看一下这个网页的源码。
2. Pure CSS hover menu
一个纵向显示的鼠标感应的菜单和其子菜单。
3. Matte CSS Menu
Matte 是一个简单的CSS 菜单，使用两个图片，可以有13种风格。这个CSS菜单由 David Appleyard 开发和维护，他开发了很多很多简单而有强大的CSS菜单。
4. CSS Blur Menu
一个模糊的导航条，只有当鼠标经过的时候才会变得清楚。
5. CSS Navigation with Glowing Icons
有一个非常不错的简单的教程会教你创建这个漂亮的CSS导航条。
6. CSS Sliding Door using only 1 image
这是一个朴素的CSS导航条，其基于 Sliding Doors 技术，只需要一个图片。
7. Navigation Matrix Reloaded
又一个相当时髦的导航条。
8. CSS Horizontal Menu
Ian Main 提供了一组很不错的相当时髦的CSS导航条。
9. Woody CSS Menu
Woody 是一个跨浏览器的CSS导航条，其在IE6, IE 7, Firefox, Opera, Safari, Chrome上测试通过。
10. Advanced CSS Menu
Advanced CSS Menu 由Nick La 开发，其使用了一个相当独特的方式。
这个导航条由CSS Menu Generator 生成。这是一个质量很不错的导航条。
12. Vimeo-Like Top Navigation
这个基于CSS的导航条由 Vimeo 制作。
13. Apple Like Colorful CSS Menu
这是一个效仿 Apple的图片滚动的CSS菜单，其有一个教程。
14. CSS Hoverbox
其灵感来源于 Hoverbox Image Gallery，由Nathan Smith开发，CSS Hoverbox 使用background-position CSS 属性制作。网页上有教程。
15. Big CSS Box
这只不过是一个试验性质的CSS 导航条，其允许你创建一个可以缩放的导航条，其可以自适应于浏览器的宽度。
16. Simple CSS-based drop-down menu
这个下拉式菜单，虽然非常简单，但是却非常的优秀。
17. Two Level Horizontal Navigation in CSS
Veerle Pieters 提供的这个CSS导航条教程，其主要使用了text-indent CSS 属性。
18. Uberlink CSS List Menus
这个CSS导航条看起来很像是一个图片切换的样子。
19. CSS-Only Accordion Effect
这个CSS设计的很有想法，啥也不说了，上去看看就知道有多酷了。
20. Tabbed Navigation Using CSS
这是另一个很不错的相法，让你可以创建一个TAB页，注意这是完全由纯CSS写成的。你可以通过点击上面的链接查看如何制作这样一个界面。
21. CSS Mini Tabs (the UN-tab, tab)
这个CSS导航条是由一个比较流行的网页设计中介 SimpleBits 完成，它展示了一个可以创建小TAB页的方法。
22. Drop-Down Menus, Horizontal Style
这个A List Apart CSS 菜单技术主要实现了一个纵向的二级菜单，其主要使用了 position: absolute CSS 属性来决定了菜单的位置。
23. List Into a Navigation Bar
Roger Johansson 的456 Berea Street 展示了一个简单的理论——把一些带有下划线的列表转换成了一个导航条。这是一个非常好的给初学者的一个案例，可以通过它学习到如何通过CSS创建一个HTML结构的导航条。
24. CSS Tabs with Submenus
这个CSS导航条菜单允许你创建二级的TAB页，相当不错哦。
25. CSS Block Navigation Menu
这个CSS导航条，让你可以创建一个带有描述语的导航条。
26. XHTML & CSS Sprite Navigation
这个时尚的CSS精灵导航条有三个状态：空闲，鼠标感应，和鼠标点击。
27. XHTML CSS Tabbed Menu
你可以学习一个如果不用脚本来创建TAB页。
28. Cool, Simple, Horizontal CSS Menu
教你如果创建一个简单直接的CSS导航条。
29. CSS Menu with Descriptions
一个会扩展的导航条。
30. CSS Hover Button
一个相当不错的教程教你如果制一个鼠标感应式的按钮。
猜测您可以感兴趣的内容:
1st
OCT
[收藏]25款windows7 酷炫主题
Posted by JCLee under 资源
1. CleanX7 1.0
2. Kyoto 2.0
4. dEEP 7 3.0
7. Frost Aero
11. Modern Theme
12. Clear Glass 7 for Windows 7
14. Zune QuickPlay for Win7 (White Style- Zune Collection for Win7)
15. Office 2010
16. TerraNova
17. Snoheso7 Final
18. Adiemus
19. Snap 7 VS
20. Purity7
21. Lucid for Win 7
22. AeroVG Se7en for Windows 7
23. Clearscreen Sharp for Windows7
24. Darkclear7
26. Auxo for Summer
猜测您可以感兴趣的内容:
21st
SEP
75个最佳Web设计资源
Posted by JCLee under 资源
字体
- 60 套公司用设计字体 [Smashing Magazine]
- 20 套免费手写字体与资源 [Fuel Your Creativity]
- 50 套专业Web设计与印刷用字体 [Noupe]
- 15 套漂亮的高质量免费字体 [Smashing Magazine]
- 21 套来自 DeviantArt 的艺术字体 [Designflavr]
- 设计专业人士使用的7套最佳字体 [Just Creative design]
- 45 套符合现代设计趋势的免费漂亮字体 [Six Revisions]
css
- 50 个强大的 CSS 实用工具 [Smashing Magazine]
- 30 套 CSS 小炒资料 [All Web design Resources]
- CSS 编辑器评测 [Smashing Magazine]
- CSS 高手的 10 个原则 [NETTUTS]
- 2008 最佳 CSS 设计（中文） [Web Designer Wall]
- 40 个 CSS 生成器 [All Web design Resources]
- 重置你的CSS [Six Revisions]
- 实现干净代码的12条定律（中文） [Smashing Magazine]
Logo 设计
- 81 个最佳 Logo 设计资源 [Logo design Love]
- 最佳Logo设计资源 [Just Creative design]
- 105 个Logo设计资源 [Elite By design]
- 35 个令人目眩的黑白 Logo [Siah design]
- 50 套能够带来启发的 Logo [Fuel Your Creativity]
- 2008 年 33 个不俗的 Logo 重设计 [Smashing Apps]
- 30 个精彩的矢量 Logo 设计 [VECTORTUTS]
- 10 个成功的 Logo 设计 [Logo design Love]
图标
- 2008年50套最漂亮的图标 [Noupe]
- 40 套漂亮的免费图标 [Six Revisions]
- 22 套全新高品质免费图标 [Elite By design]
- 40 套超漂亮的图标 [Noupe]
设计启发
- 50 个漂亮的博客设计 [Smashing Magazine]
- 40 个有创意的按钮 [PSDTUTS]
- 60 个非常 Cool 非常有创意的 404 页面 [Hongkiat]
- 30 个漂亮的 Web 设计例子 [Six Revisions]
- 2008年40个具有启发性的 Web 设计 [CrazyLeaf design Blog]
- 50 个漂亮的导航菜单 [Vandelay Website design]
- Web 设计中的57个矢量字符 [CSSLeak]
- 50 个漂亮的，有创意的展示类站点设计 [Smashing Magazine]
- 40 个漂亮的暗色系 CSS 设计 [Toxel]
- 40 个漂亮的手画 Web 设计 [CSSBuilt]
- 79 个精彩的专辑封面 [Inspiredology]
- 40 套有创意的名片设计 [Toxel]
- 纹理与图样设计展示 [Smashing Magazine]
- 54 幅令人灵魂出窍的数字画 [PSDTUTS]
- 50 个出色的博客页脚设计 [Hongkiat]
- 24 个漂亮的，有创意的网站 Header 设计 [Toxel]
- 富有灵感的 PDF 杂志设计 [Smashing Magazine]
教程
- 41 个最好的 Photoshop 效果教程 [Hongkiat]
- 30 个漂亮的 Photoshop 文字效果教程 [Six Revisions]
- 70 个 Photoshop 美容教程 [Smashing Magazine]
- 50 个很棒的 Photoshop 教程 [PSDTUTS]
- 30 个 Fireworks 教程 [Arbent]
- Adobe Fireworks 教程与下载 [Smashing Magazine]
- 40 个 Wacom 数字画板教程 [DesignM.ag]
- 50 个出色的 AJAX 教程 [Smashing Magazine]
- 50 个富有创意的 Photoshop 文字效果教程 [PSDTUTS]
- 23 个不可思议的 Photoshop 教程 [Elite By design]
- Adobe Illustrator 教程 [Smashing Magazine]
Photoshop 资源下载
- Photoshop Custom Shapes 集 [Smashing Magazine]
- 20 个 Photoshop 印刷作品与画笔资源 [PSDTUTS]
- 75 个超高分辨率 Photoshop 画笔 [Elite By design]
- 50 个不可或缺的 Photoshop 画笔 [Smashing Magazine]
- 200 套 Photoshop 画笔 [You the Designer]
- 50 套免费的 Photoshop Pattern [Emma Alvarez]
- 55 套免费的画笔与矢量图 [Web Resources Depot]
- 40 套 Photoshop 万圣节主题画笔 [PSDFan]
wordpress
- 100 出色的 WordPress 免费主题 [Smashing Magazine]
- 30 个最实用的 WordPress 技巧 [Hongkiat]
- 45 套免费的 WordPress 网格布局主题 [WPZOOM]
- 45 套必须要看到 WordPress 主题 [Noupe]
- 20 套 WordPress 公司网站主题 [Blogsessive]
- 24 套高质量免费 WordPress 主题 [Toxel]
- 21 套令人耳目一新的免费Wordpress主题 [Smashing Apps]
- 50 套漂亮的免费 WordPress 主题 [Six Revisions]
- 10 个寻找免费 WordPress 主题的地方 [UPrinting]
- 50 个最好的 WordPress 主题 [CrazyLeaf design Blog]
- 10 个 WordPress 实用 RSS 技巧 [Smashing Magazine]
- 45 个出色的免费 WordPress 主题 [DzineBlog]
猜测您可以感兴趣的内容:
推荐
I-JC☞用技术做网络营销 is powered by Wordpress. Designed by Free WordPress Themes.
