分类: 学习 |
预览模式: 普通 | 列表

免费CSS布局和模板

  Internet 上有很多基于 (X)HTML/CSS 标记的模板。如果你是一个 Web 开发人员,你不希望把时间一次又一次地浪费在重复代码设计上面,这里提供了一个列表,提供了基于 CSS 的免费模板,几乎所有的资源都配有图片以及完整的布局结构。有些资源已经在 diglog 出现过了,这里正好做一个汇集。


Open Source Templates
是一个免费的 CSS 以及 XHTML 开源模板设计社区。

OSWD
是一个免费下载 Web 设计模板以及分享的社区,现在已经有 2080 个设计者。

OSWT
项目是为那些没有任何设计技能的用户快速创建页面而建立的。

MaxDesign
提供了一组 CSS 页面布局,包括 2 栏以及 3 栏布局。

CSSplay
提供了很多免费的很专业的层次布局。大多数都不需要经过授权而可以任意使用,不过,一些需要经过 email 授权!

Mollio
是一组简单的 html /CSS 模板集合。

Six Shooter Media
提供了15个模板(-____-`` 这也拿得出手?不过,还是十分有共享精神地!)。

CSS Design Templates
提供的模板你可以任意修改和使用,不过,必须要注明提供者的网站链接。

CSS Intensivstation
包含了 15 个布局。所有模板都是基于 XHTML 1.0 以及 CSS2 的哦。

CSSFILL
由 Michael Strand 设计的基于 CSS/XHTML 的布局和模板,免费下载。

CSS Frame Layouts
模板,基于CSS的页面模板,用于快速构建你的页面架构。

CSS Template Gallery
提供搜索功能,可惜只有 32 个模板(-_____-```)。

Ex-DesignZ
提供了 300 多个基于 (X)HTML/CSS 的模板。

Jimmy Lin
提供了完全(100%地完全!)基于 CSS/XHTML 以及适用于 IE5.0+ 、FireFox 1.5、Opera8.5 及 Safari 2。没有使用任何技巧(Hacks),并且可以轻而易举地进行修改。没有版权限制,但是必须注明来源链接。

Layout Gala
提供了 40 多个专业布局。使用规范的标记以及 CSS,在当前主流浏览器都能通过测试。

Little Boxes
包含 16 个布局,经典!

Solucija
  一个完全免费的基于 XHTML / CSS 的站点模板下载站点。可用户商业化或者非商业化网站,不过,要保留一个网站链接。

The Layout Reservoir
提供 2 栏以及 3 栏的布局。

Linknosie
是一个工具,你可以自定义布局类型,宽度以及其它的参数来生成布局。

Code Sucks
提供了大约 100 个 CSS 布局供下载。所有布局是按照 1024x768 的尺寸设计的。

SSI Develper
提供基于 XHTML 1.0 以及 CSS2 的 CSS 模板。

查看更多...

Tags: css design 学习 模板

分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 30769

收藏的过内外网站设计资源

CSS库

做设计的时候

总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话,那么这还会为你带来很多访问者。

  • cssremix 发现的一个国外CSS标准网站收集站点.
  • cssBeauty CSS design showcase.
  • csselite 是一个CSS优秀团队,在这里你能欣赏到精彩的CSS作品。
  • www.sanyajl.com 一个收集符合Web标准布局的网站
  • http://www.cssheaven.com/ 我发给大家一个好的CSS网站(很多)
  • http://www.yanuoda.com
  • http://www.csscool.cn 国内的一个专门收集和整理符合Web标准的网站,含技术教程
  • 40 CSS Layouts 40个CSS布局实例及源码下载
  • Background Image Maker Create slash, strip, dot, gradation type background with few button clicks.
  • CSS Creator Layout generator.
  • CSS Optimiser Optimize your style sheet online.
  • CSS Photo Gallery  Cross browser multi-page photo gallery.
  • CSS Table Gallery Showcase of CSS design for tabular data.
  • CSS Tweak  Web based CSS tweaker.
  • Nifty Corners Cube Creates rounded corners without images.
  • Printing CSS background images Solution for printing CSS background images.
  •  
  • Css help pile   Links and Discussion About the Best CSS Resources Available on the Web.
  • www.meyerweb.com 埃里克 迈尔的站点
  • www.tanfa.co.uk 克莱尔 坎伯的站点
  • www.designdetector.com 克里斯 Hester 的设计探测器
  • www.cssbeauty.com CSS 设计陈列室
  • cssvault 保罗Scrivens - CSS 地下室
  • www.csscreator.com 最佳的CSS 论坛
  • www.mezzoblue.com 戴维 Shea的最优秀的站点
  • www.positioniseverything.net 大约翰和Holly Bergevin的站点
  • www.oswd.org 贾森・D. Collins的公开源码网页设计
  • Stylegala
  • Web Creme Web design inspiration.
  • Unmatched Style CSS gallery and website design inspiration.
  • Stylegala Another nice CSS gallery.
  • CSS Zengarden Good place to get inspired and learn other people's skills.
  • CSS Thesis Showcase websites created with CSS.
  • CSS Remix CSS gallery.
  • CSS Nightingale CSS gallery.
  • CSS Mania  Screen shots of beautifully done websites.
  • CSS Drive
  • css thesis
  • Styleboost
  • CSS intensivstation
  • CSSElite  Simple and straigh to the point gallery.
  • CSS Import The CSS Gallery.
  • CSS Mania
  • DesignShack
  • CssPlay   一位60多岁的CSS专家的个人网站.页面风格清新,当然更关键的是他的代码写得好.甚称高手的.想起国内的电脑行业大多是些年青人在做,而且不断听到传言说这行当也就是吃青春饭的,黯然一下...通过这个网站,我觉得还是给了小辈们信心的...我想,这行应该是可以做一辈子的事业.
  • CSS Mastery Latest CSS tips, tricks, techniques.
  • Unmatchedstyle

  • Web标准

    遵守Web标准来编写代码会使你的代码干净而且有对搜索引擎有良好的亲和度。一个可以用100行代码就搞定的代码,为什么一定要把他搞成1001行呢?

  • Developing With Web Standards - 这篇文档介绍了如何在Web标准下省时省力的构建你的站点,同时还能带来良好的用户体验。另外还介绍了一些技巧教会你如何提升网站的质量以及流量。
  • Roadmap to Standards
  • Web Standards Project
  • Web Standards Checklist
  • Importance of Web Standards 

    验证器

    在你明白什么是Web标准以后,下面两个小工具可以帮你测试你的站点是否符合标准。

  • HTML & XHTML Validator
  • CSS Validator 

    易用性

    查看更多...

    Tags: css design 学习

  • 分类:学习 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 21933
      在制作三栏皮肤或在layout.css的主体样式中定义了主框架层“position: relative;”后,发现造成PJ的表情框无法弹出了,回想起以前在CSS中加入文字链接下沉效果用到position: relative;就会造成表情框无法调出的,最终找出解决办法,即在editor.css最后加上以下样式:
      
    程序代码 程序代码
    #A_smiley{position: relative;}/*将表情按钮定位类型设为“相对”*/
    #UBBSmiliesPanel{z-index:100;}/*将表情框置顶*/



      然后把 common/ubbcode_ie.js 大约599行 和 UBBCode_Gecko.js 大约392行
      
    程序代码 程序代码
    while (tempObj.tagName.toLowerCase()!="body")


      去掉或注释掉~,即
      
    程序代码 程序代码
    /*while (tempObj.tagName.toLowerCase()!="body")*/


      这样就可以了,不仅解决了表情框无法调出问题还让皮肤自适应分辨率,再调整typography.css自定义侧栏的宽度,同时支持FF2.0了。

      尽管表情框可以弹出了,但是会被右侧栏遮住一部分,需要在typography.css自定义侧栏的每个模块的代码中加入 z-index:-100; /*自定义侧栏置底*/

      relative 属性说明:相对于父层定位,但是不会撑开外边的,子级相对父级绝对

    查看更多...

    Tags: 表情框 pjblog 三栏定位

    分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 15332

    只有25kb的3D-FLASH动画

      非常神奇的3D动画flash,才25Kb大小,flash脚本可以做出如此复杂的效果,太佩服了。如果你电脑配制高,按一下左上角的+来增加小球数,你还可以按住鼠标左键“上下左右拖放”来旋转flash动画。

    Tags: 3D flash

    分类:学习 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 28557

    flash相册展示效果

    一个很不错的flash相册展示效果,共有120种以上组合,这是其中两种,由xml控制。
    参考网站 http://www.monoslideshow.com    参数超级多,不过设置很简单。

    查看更多...

    Tags: flash 相册 monoslideshow

    分类:学习 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 30246

    域名知识百科全书

      域名投资,是一个不可忽视的新兴行业.但是,这个行业命运坎坷,前进的道路布满荆棘,如何火眼金睛筛选精华很重要.不过我认为在入行之前,先全面了解域名的相关知识更为迫切,故我收集了一些资料并加以分析,希望对新手有所帮助,老鸟也可以参考.入行不在乎早晚,只在于自己的头脑,把握时代脉搏,掌握市场先机,沧海横流,方显英雄本色!
      下面从五个方面阐述域名知识.
    1. 域名的基础知识
    (1)  什么叫域名?
      域名是Internet网络上的一个服务器或一个网络系统的名字,在全世界,没有重复的域名域名具有唯一性。从技术上讲,域名只是一个Internet中用于解决地址对应问题的一种方法。可以说只是一个技术名词。但是,由于Internet已经成为了全世界人的Internet,域名也自然地成为了一个社会科学名词.简单的说,域名就是互联网上的门牌号.IP地址虽然是唯一,但是不好记忆,所以人们找到了取代的方法,这也算是进步吧.

    查看更多...

    Tags: 域名

    分类:学习 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 48472

    demoscene--超强64kb 3D动画集合

    本站收集了多个DEMO,3D,动画    它们的作品: 64kb精品3D展示动画下载 点开链接,请用普通方法或迅雷下载。

      传统的Demo是指在计算机上展示一系列奇妙的动画和效果的非交互的多媒体程序, 通常有原创的配乐. 它与传统动画的区别在于Demo的演示效果是由实时运算产生的(与你所看的电影版FinalFantasy不同, 但和游戏是一样的, 但Demo和游戏Demo毫不相关), 这给制作者很大的挑战(这与计算机性能有关: (). 大部分Demo运行在PC上, 但并不全是, 事实上, 最初的Demo运行于诸如C64, Amiga之类的机器上, 而且几乎所有的平台上都有Demo在运行.这里对Demo有一个粗略的分类, 实际比赛的项目分类要详细的多:

      intro(Short4introduction): 一般为4k, 64k大小不等. 特效较少, 而且较小的intro大多没有声音, 通常用来介绍新的Demo大赛, Demo小组, BBS之类.

    查看更多...

    Tags: 0day DEMO 3D 动画 64kb

    分类:学习 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 25911

    WAREZ--0day資料---与破解软件的由来

    WAREZ--0day 介绍

    最早的软件盗版组织在70年代末80年代初就已经出现了,这是在国外诞生的一种奇怪的自发性民间组织。它的成员是一些青少年电脑爱好者。他们是运用自己的技术破解各类机种中运行的软件(包括个人电脑和电视游戏机),以非法方式传播,但不以赢利为目的纯技术团伙。在早期没有互联网的情况下,他们用电话线传输游戏以及一些自制运行的展示程序(DEMO),并展开不定期的技术交流,同一地区组织间还经常性地交换成员。这些组织遍布在南北美洲、欧洲和南非等地。

    20世纪90年代,PC机在全球的普及和互联网的曰益发展,为这些组织的成长壮大创造了良好的土壤。这个组织是无形的,他们有自己的信念和约定俗成的行规,他们没有自己网站,不赚钱,破解的游戏只用FTP上传以供下载,并通过BBS交流信息。其组织成员很有奉献精神,以自己是“WAREZ”或“0DAY”组织成员为荣。在美国的一些大学中,如果一个学生是“0DAY”成员,他的计算机教师甚至会考虑在他的成绩单中加分——因为加入此种盗版组织意味着你在技术上的优秀。这些组织早期的首脑有的现已成为律师、 医生和政府官员等社会中坚力量。

    这里我们要解释一下“WAREZ”的含义,它是国外从事软件盗版制作者的统称。“WARE”表示破解软件,“Z”表示零(ZERO),意为在不到一天的时间里破解软件。那么“0 D AY”的意思也就不言而喻了。

    下面我们再介绍一下这类组织破解正版软件的流程...

    查看更多...

    Tags: 0day WAREZ 盗版 TopSite DEMO

    分类:学习 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 89245

    30 个 Blog 技巧

    煎蛋看到的,很有意思,可以说是一篇写作指南了,转过来,有时间细读。

    不只是展示,展示并告知(Don ’ t Just Show , Show and Tell ):让你的文字谁(无论老手与菜鸟)都能理解,当文字无法把你的意思表达清楚的时候,适当地加上图片。 

    关键词、关键词、关键词(Keywords , Keywords , Keywords ):因为 谷歌发布了 博客 PageRank 专利[/url]、关键词必须比以前更加重视。

    查看更多...

    分类:学习 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 24698

    gbk与utf8的区别

    GBK的文字编码是双字节来表示的,即不论中、英文字符均使用双字节来表示,只不过为区分中文,将其最高位都定成1。

    至于UTF-8编码则是用以解决国际上字符的一种多字节编码,它对英文使用8位(即一个字节),中文使用24位(三个字节)来编码。对于英文字符较多的论坛则用UTF-8节省空间。

    GBK包含全部中文字符;
    UTF-8则包含全世界所有国家需要用到的字符。

    GBK是在国家标准GB2312基础上扩容后兼容GB2312的标准(好像还不是国家标准)
    UTF-8编码的文字可以在各国各种支持UTF8字符集的浏览器上显示。
    比如,如果是UTF8编码,则在外国人的英文IE上也能显示中文,而无需他们下载IE的中文语言支持包。 所以,对于英文比较多的论坛 ,使用GBK则每个字符占用2个字节,而使用UTF-8英文却只占一个字节。

    UTF8是国际编码,它的通用性比较好,外国人也可以浏览论坛
    GBK是国家编码,通用性比UTF8差,不过UTF8占用的数据库比GBK大~

    对于DZ论坛来说,很多插件都只支持GBK的,如果需要装较多插件的论坛还是用GBK比较好,而对装较少插件且有特殊用户群的论坛用UTF8比较好。

    查看更多...

    Tags: gbk与utf8

    分类:学习 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 47507