Author Archives: Bell

PS真实火焰效果[附笔刷]

Posted on 2009年01月6日 by Bell

用photoshop制作真实火焰效果~先看看最终效果图:

Posted in Photoshop1 views | Tagged | 1 Comment

5个CSS3实用特性

Posted on 2009年01月5日 by Bell

虽然CSS3还没有普及,但其具有的新特新却是每个设计师梦寐以求的,下面我们就来看看5个非常实用的CSS3特性: 1.圆角矩形 目前我们想制作圆角矩形只能通过图片的方式来实现,但在CSS3中只需要一二句代码就OK了: .round{ -moz-border-radius:10px; -webkit-border-radius:10px; } border-radius:10px;就是圆角的半径为10px,数值越大,弧度越大. 从代码就很明显的看出IE不支持这个…-moz 对应火狐,-webkit 对应safari和chrome.

Posted in HTML & CSS1 views | Tagged , | Leave a comment

WordPress文章运行代码插件RunCode

Posted on 2009年01月4日 by Bell

  RunCode可以为你的WP增加一个文本框用来运行代码(html/css/javascript).相信对做网页前端设计的朋友来说,是个非常有用的插件,可以更方便的展示自己的一些设计效果. 下载地址:http://wordpress.org/extend/plugins/runcode/ 使用方法: <runcode>   运行代码… </runcode> 想要调整textarea的大小,可以在style.css中增加.runcode_text{ width:500px; height:200px;} 运行效果: < !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; charset=gb2312" /> <title>扩大链接的选区</title> <style type="text/css"> body,ul,li{ padding:0; margin:0;} #ben{ margin:20px auto; width:200px; height:60px; border:1px solid … Continue reading →

Posted in Wordpress1 views | Tagged , | 9 Comments

HTML5 令人期待的五项功能

Posted on 2008年12月31日 by Bell

  HTML 5 是超文本置标语言下一个重要版本，HTML 自1999年发布 HTML 4.01 以来，其开发一直处于停顿状态，而1999年至今正好是 Web 飞速发展的时间，现在的 HTML 版本已经无法适应现在的 Web 内容与应用。HTML 5 旨在提高 HTML 的交互行，支持当前多样的，复杂的 Web 内容。同时，它也会解决 HTML 4 Web 应用功能上的欠缺。 HTML 5 的历史背景   HTML 5 的讨论开始于2003年，当时，W3C 对由 Web Hypertext Application Technology Working Group (WHATWG) 开发的 HTML 5 … Continue reading →

Posted in HTML & CSS1 views | Tagged | Leave a comment

自适应高度的iframe

Posted on 2008年12月29日 by Bell

在开发项目中会遇见需要使用iframe的情况,,但iframe的自适应能力非常差,特别是用于侧边栏的时候,iframe的高度是固定的,不能随内容的多少而变换,这就会严重影响页面的美观,这里就介绍一种使用javascript方法来解决这个问题. 原理很简单,就是当页面载入的时候算出iframe所引用页面的高度,然后把得出的高度赋给iframe,这样就实现的iframe高度的自适应.下面我们看看代码: javascript的代码: <script language=”javascript”> window.onload = (function () {  var iObj = document.getElementById(‘demo’); iObj.height =  iObj.contentWindow.document.documentElement.scrollHeight; }); </script> Html代码: <iframe frameborder=”0″ src=”sidebar.html” class=”iframe_style”  id=”demo” name=”demo” scrolling=”no”></iframe>  弊端: 目前在实际运用中发现这种方法并不完美,存在一下几种弊端 效率问题,如果iframe引用的是结构复杂的动态页面,会导致页面加载时间很长,影响用户浏览(除IE6的浏览器可以用min-height来缓解这种现象) iframe高度相对固定,iframe的高度是通过加载页面是即时算出来的,也就是说在不刷新主页面的情况下,如果iframe引用页面内容改变(比如翻页,而且第二页的内容比第一页多),那么就会出现内容显示不完全的情况…

Posted in Javascript1 views | Tagged | 3 Comments
Pages: Prev 1 2 3 ...12 13 14 15 16 17 18 19 20 21 22 Next