我的日志-幸凡学习网

文章列表

发布时间：2012/12/10 16:04:36 阅读(9542)条评论(0)条

随着时间的推移，技术的进步，越来越多的人也越来越熟悉HTML和CSS以及不同的技术来将 Photoshop 设计转换成HTML 或 CSS 格式。对于一个设计师或网页开发人员，知道如何将PSD文件转换为HTML或CSS代码是至关重要的。一个成功的Blogger，设计师或开发人员这一项重要的技术都是非常精通的，这就是他们为什么可以轻松地将他的设计，博客或网站做的那么出色，他们总是制作最新的界面，让自己的博客或者网站看起来更加有吸引力今天就给大家分享50个非常详细和专业从HTML / CSS转换教程。这些教程对你的开发是非常有帮助的，如果你刚学Pho...未完，继续阅读→
关键字：psd 教程 html css

CSS未知高度div 垂直居中的问题

发布时间：2012/12/8 11:09:52 阅读(8423)条评论(0)条

网上有很多次讲到过垂直居中的问题，但我觉得还不是很完美。在这里介绍了一种CSS让未知高度的DIV在浏览器中垂直居中。页面随缩小放大而距中，当然如果DIV太大最后以DIV最宽为最小宽度。效果如图所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charse...未完，继续阅读→
关键字：css 距中高度

30个国外野生动物动物园和保护区网站设计案例

发布时间：2012/12/7 16:52:21 阅读(14620)条评论(0)条

野生动物保护区是一个家外之家的所有野生物种。它的重要性不仅限于男性的休闲活动，但在更广泛的意义上来说，提供了一种手段，以保护这些动物在它们的自然栖息地。而动物园是迁地保护的方法，因为动物园提供了一个人工环境动物，野生动物保护区是在原地的方法。老鹰，高高的恶作剧，顽皮的猴子，皇家狮步行路程，等吸引我们从来没有失败。这里提供的设计带你到森林的心脏，给你的感觉与自然和谐相处的生活。让我们不要妨碍我们的本性，失去它的合作伙伴，这样，我们就要开始保存吗？在这篇文章中，我们展示了30动物园及野生动物保护区的网...未完，继续阅读→
关键字：动物网站设计案例

js隔行、指向变色闭包使用实例

发布时间：2012/12/5 18:52:50 阅读(8766)条评论(0)条

本实例主要用js的方法对li进行绑定事件，从而实现隔行换色，鼠标变色也好做，但是你如果是移出你就会发现问题了，因为是遍历的，所以还需要判断奇偶行，所以必须使用闭包的方法进行传值。本人觉得JQ再强一段小代码没必要加载那么大个 js文件。如果大家觉得还有什么更好的方法可以给我留言探讨效果图下图所示代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/199...未完，继续阅读→
关键字：js 变色闭包事件

在线运行HTML/JS代码

发布时间：2012/12/4 20:29:31 阅读(15417)条评论(0)条

很早以前论坛里贴出来的代码不仅能够修改而且能够在线运行，我也没有定这篇文章，因为本站中有这种运行的功能，为了方便大家学习，本人再记下来，大家可以借鉴。本实例能运行HTML/js代码兼容IE/FF/Chrome，代码显示在textarea中，下边有三个按钮“运行代码”，点击“运行代码”就能在新窗口中运行textarea中的HTML/JS代码，当然也可以修改后在线运行。翻看了蓝色的代码终于弄明白了其中的奥秘，从而使得我们能够更加方面的在线测试代码。核心HTML代码：<textarea name="text" id="runcode0&q...未完，继续阅读→
关键字：运行 js html

25套五彩缤纷的矢量网页背景图片素材-免费下载

发布时间：2012/12/4 14:04:03 阅读(12182)条评论(0)条

丰富多彩的矢量网页背景图片素材是设计师的宝贝，也是很好的装饰电脑桌面的壁纸。网页背景图片素材有同心圆，彩虹，闪烁的星星，圆点，箭头和云彩等各种形状，五彩缤纷。在网站设计中使用矢量背景和矢量元素是一个新的趋势，越来越多的网页设计师喜欢再网页设计中使用矢量网页背景图片素材。下面是25套五彩缤纷的矢量网页背景图片素材，希望你会喜欢！1. Vector Green Design2. Awesome vector graphic3. Vector Heart Flowers4. Colorful Design5. Colorful Background Vector Graphic6. Flower Wall Vector Graphic7. Swirls an...未完，继续阅读→
关键字：矢量背景素材

42 个按钮Photoshop教程

发布时间：2012/12/3 21:56:20 阅读(10513)条评论(0)条

创建按钮和徽章在PS图象处理软件是容易的。有各种不同的相关的教程制作按钮和徽章的网站可以帮助提高您的PS图象处理软件技能。我们收集了一些最好的来源，所以你可以将它们放在一个地方。这篇文章将教你如何创建你自己的按钮和徽章为您的网站和更多。在这些教程，你将用你的选框工具，形状的工具和工具的大部分时间。这里是43个 PS图象处理软件教程创建按钮和徽章，你需要学习。大多数这些教程适合初学者希望简单教程的下面。 Clean and Shining Button for Your Website in Photoshop This tutorial will show you the me...未完，继续阅读→
关键字：ps 按钮设计教程

CSS ::selection选中文字后的效果

发布时间：2012/12/3 14:06:00 阅读(8658)条评论(0)条

如何选择文本时，背景是红色，而文本是白色的问题，其实是用CSS样式控制的。效果图如下所示：::selection -- CSS ::selection 伪元素，定义用户鼠标已选择内容的样式。下面介绍一下selection对浏览器的兼容情况：CSS E::selection 伪元素浏览器兼容性选择符IE6IE7IE8IE9FFCHOPSAE::selectionnononoyesyesyesyesyes 或许大家对这样的实现并不陌生，可是有很多童鞋可能跟我一样，并不知道是如何实现，因为在默认情况下，选择网站文本都是深蓝的背景，白色的字体,就如下本站的而言，选择文本后，背景是深蓝色，而选中的文本就是白色...未完，继续阅读→
关键字：css 选中字体特效

css固定顶部不随滚动条滚动

发布时间：2012/12/1 15:33:10 阅读(9732)条评论(0)条

CSS div 层固定在网页顶部代码，固定在网页顶部的层，可以是活动的，即可以使用开关，很多微博上都有这个应用，是一个不错的用户体验。实际上细心的朋友会发现，这个顶部的工具条实则是一个平铺的背景色，CSS起到固定背景的作用，也算是一种独特的实现方法。本实例兼容 Mozilla Opera Netscape Firefox IE6等主流浏览器效果图如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...未完，继续阅读→
关键字：定位 css 浏览器兼容

如何在网页中嵌入自己想要的字体(实例下载)

发布时间：2012/12/1 10:17:02 阅读(25079)条评论(0)条

记得以前在国外那些人的网站看到那些字体怎么那么漂亮。而且不像电脑里面自带的字体。原来是通过这个方法来实现的。厉害，我觉得中文那些比较好看的字体，如果能都看到那该多好，不过看中文的TTF字体10M左右。这么大又有谁愿意等你的字体看呢！所以我觉得还是不太可能。除非大家电脑上都安装这种字体那就可以。本文主要介绍如何在网页上使用自己想要而网页中没有的字体（主要是英文，原因就不再说了，前面有提）。文章底部有下载地址跟预览地址！　　字体使用是网页设计中不可或缺的一部分。网页是文字的载体，我们希望在网页中使用某一特...未完，继续阅读→
关键字：字体网页 font

IE6bug绝对定位及其解决办法

发布时间：2012/11/30 16:52:41 阅读(6771)条评论(1)条

IE6绝对定位的bug及其解决办法。position:absolute定位在IE6下存在left和bottom的定位错误问题：<!–IE6下的left定位错误–> <div style="position:relative;border:1px solid orange;text-align:center;"> <a href="http://www.86y.org">http://www.86y.org/</a> <div style="position:absolute;top:0;left:0;background:#CCC;">ok22</div> </div> <!–IE6下的left定位错误–> <hr /> <d...未完，继续阅读→
关键字：ie bug 定位

56个高品质免费的圣诞矢量图形

发布时间：2012/11/30 10:33:48 阅读(7606)条评论(0)条

圣诞节来临的那一刻到我们的心中，它是接受礼物的喜悦绽放在我们的心中。圣诞颂歌的声音，叮当作响的铃铛，宁静的白色雪覆盖的树视图，魅力我们的存在。这里提供的矢量设计，连接你的圣诞过去的怀旧美丽的瞬间，你的未来的梦想。这些设计为您服务最好与你的期望，这样你就可以利用它使您的网站更精彩。在今天的文章中，56个高品质免费的圣诞矢量图形分享给大家。祝你快乐圣诞快乐01. Snowing Christmas Card 02. Christmas Star Ornaments 03. Retro Christmas Card Vector Graphic 04. Christma...未完，继续阅读→
关键字：圣诞节矢量素材免费

ie6BUG注释惹的祸

发布时间：2012/11/30 9:47:08 阅读(7495)条评论(0)条

前几天碰到了IE6BUG注释会多出整个DIV。后来求救朋友，她说可能是宽度问题，我就去试着减少。我说还不行。然后她又告诉我是注释的原因，果然，我把注释去掉了就正常了。可是不加注释对程序员增加了理解的难度，所以想办法加进去。后来发现。注释不能写在两个浮动容器的中间，可以写在浮动的容器的里面。下面是我转来的希望对大家的理解有帮助。IE6中，一行文本被自动地复制一部分，并显示在其下边。出现这个问题的条件：通常，一个容器包含2两个具有“float”样式的子容器。第二个容器的宽度大于父容器的宽度，或者父容器宽度减...未完，继续阅读→
关键字：ie bug 注释

28世界著名的汽车制造商的网站分享(收藏)

发布时间：2012/11/21 14:53:45 阅读(9282)条评论(0)条

汽车行业是世界上最重要的经济部门的收入之一。在与汽车相关的网站，你可以找到所有的车在一个页面上，照片画廊，车辆360的意见，个人购车的网页定制你自己的车功能，高图像驱动，通常与动画，音频和视频。不仅如此，你不再有参观陈列室，一看就知道你的车，只需访问该网站，您所有的需求只是一个点击即可。在今天的文章中，我们将展示来自世界各地的28大汽车制造商网站收藏分享给大家。01. BMW 02. Rolly Royce Motor Cars 03. Mercedes Benz 04. Suzuki 05. Hyundai 06. La...未完，继续阅读→
关键字：汽车网站设计

css实现强制不换行、自动换行、强制换行(收藏)

发布时间：2012/11/21 9:02:32 阅读(6482)条评论(0)条

收藏起来需要用到的 css实现强制不换行、自动换行、强制换行。方便查阅！强制不换行div{white-space:nowrap;}自动换行div{word-wrap: break-word;word-break: normal;}强制英文单词断行div{word-break:break-all;}============================================CSS设置不转行:overflow:hidden 隐藏white-space：normal 默认pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象设置强行换行word-break:normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行break-al...未完，继续阅读→
关键字：css 强制换行 nowrap

20家顶级品牌鞋电子商务网站设计

发布时间：2012/11/20 9:22:19 阅读(30264)条评论(0)条

今天，我们为您带来20 家顶级品牌鞋电子商务网站的设计灵感来自世界各地的网页设计。现在一天的网上购物是越来越受欢迎，因为它的优势。我们不需要花时间买。网上购物商店有7家。该网站的设计，似乎是迅速变化，作为设计师的极限挑战，在网络上可以做什么。设计电子商务网站可以是一个更具挑战性的设计师设计。如果你销售的品牌设计师鞋，你的网站应该传达一种奢侈和风格。在网页设计行业的启示是一个非常重要的角色。保持和检查出的最新趋势，是一个伟大的方式来提高你的创造性的技巧。希望将为您的项目有所帮助。01. Adidas &nb...未完，继续阅读→
关键字：品牌鞋设计

22个最新的Adobe Illustrator教程收藏

发布时间：2012/11/17 16:12:07 阅读(7878)条评论(0)条

Adobe Illustrator中是最强大的基于矢量设计的作品。Illustrator是非常重要的工具，用于图形和插画设计行业。Illustrator是一个基于矢量的图形编辑器。在这篇文章中，你可以找到排版教程，角色设计教程，插画设计教程，按钮设计教程，标志设计教程，和许多更多。在今天的文章中，我们展示了22个最好的和新鲜的Adobe Illustrator教程集合，以提高每一个设计师的创意技能。 01. Creating a Vector Portrait with Curly Hair 02. How to Create a Vector Line work Ray Gun 03. Create promotional artwork...未完，继续阅读→
关键字：ai 教程矢量

js属性详解Attribute

发布时间：2012/11/16 13:18:48 阅读(6728)条评论(0)条

Attribute是属性的意思，文章仅对部分兼容IE和FF的Attribute相关的介绍。attributes：获取一个属性作为对象getAttribute：获取某一个属性的值setAttribute：建立一个属性，并同时给属性捆绑一个值createAttribute：仅建立一个属性removeAttribute：删除一个属性getAttributeNode：获取一个节点作为对象setAttributeNode：建立一个节点removeAttributeNode：删除一个节点attributes可以获取一个对象中的一个属性，并且作为对象来调用，注意在这里要使用“[]”，IE在这里可以使用“()”，考虑到兼容性的问题，要使用...未完，继续阅读→
关键字：js Attribute 属性

jQuery的页面功能向导插件－Pageguide.js

发布时间：2012/11/14 17:31:46 阅读(9219)条评论(0)条

大家可能都有过这样的开发经验，用户无法真正的了解如何使用一个设计非常讲究并且功能非常炫酷的网站，这样的情况的确非常让人沮丧，即使是微软开发的office，也有同样的问题，现在的office使用就是一个迷宫游戏，永远无法第一眼找到自己需要的功能。(文章结尾附下载地址)为了解决这样的问题，一个非常好的方案就是形象化的将功能区域有效的展示给用户，并且添加适当的功能说明。不过这样的功能自己开发起来可能相对比较麻烦，有没有更好的方式呢？今天这里我们介绍一个不错的jQuery插件 - Pageguide.js，使用这个插件可以有效的帮...未完，继续阅读→
关键字：jquery 向导插件

php不用安装rewrite组件实现伪静态

发布时间：2012/11/14 16:38:49 阅读(7147)条评论(0)条

1 $_SERVER["REQUEST_URI"]:访问此页面所需的URI在 PHP 众多预定义服务器变量中，$_SERVER["REQUEST_URI"] 算是经常用到的，但是这个变量只有 apache 才支持，因此，我们需要一个更加通用的方式来获取 REQUEST_URI 的值，本文就是结束这一问题的解决方案。例:http://www.ok22.org/index.php?p=222&q=biuuu$_SERVER["REQUEST_URI"] = “/index.php?p=222&q=biuuu”2.$_SERVER['argv']:传递给该脚本的参数.例:http://www.ok22.org/newsinfo.php?1-1.htmlprint...未完，继续阅读→
关键字：php 伪静态 apache

当前第 15 页 / 共 28 页总共559条记录
141516