Aisin Von:有互联网,才有好生活！ » CSS http://twetw.com/blog 有互联网,才有好生活 Wed, 08 Sep 2010 13:31:26 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 报告：正在折腾一款主题 http://twetw.com/blog/1195.html http://twetw.com/blog/1195.html#comments Mon, 14 Jun 2010 23:34:00 +0000 aisinvon http://twetw.com/blog/1195.html 昨天晚上开始折腾一款wordpress主题，此主题是我借鉴（说白点也就是模仿抄袭啦）一个外国站点界面做的，技术不行，所以模仿正在艰难进行中。 如果一切顺利，这将是是我自己出的第一款wordpress主题，虽然简陋了点，虽然不是自己设计的（我能用ps，但不会设计），但到底是自己折腾的（还不知道算不算侵权呢，如果是的话，就纯粹当自己练手学习html和css算啦）。 到时如果这款主题如果能顺利诞生的话，就免费提供给大家下载。不要嫌弃啊，我会尽力保证主题的IE6、7、8、9、11、12、13……以及firefox等的兼容性。 先来个界面图，才刚刚开始，所以只做好了头部（请点击图片看大图）：

© aisinvon for Aisin Von:有互联网,才有好生活！, 2010 原文链接: 报告：正在折腾一款主题 42 comments 阅读全文——共291字]]> 昨天晚上开始折腾一款wordpress主题，此主题是我借鉴（说白点也就是模仿抄袭啦）一个外国站点界面做的，技术不行，所以模仿正在艰难进行中。 如果一切顺利，这将是是我自己出的第一款wordpress主题，虽然简陋了点，虽然不是自己设计的（我能用ps，但不会设计），但到底是自己折腾的（还不知道算不算侵权呢，如果是的话，就纯粹当自己练手学习html和css算啦）。 到时如果这款主题如果能顺利诞生的话，就免费提供给大家下载。不要嫌弃啊，我会尽力保证主题的IE6、7、8、9、11、12、13……以及firefox等的兼容性。 先来个界面图，才刚刚开始，所以只做好了头部（请点击图片看大图）：

© aisinvon for Aisin Von:有互联网,才有好生活！, 2010
原文链接: 报告：正在折腾一款主题
42 comments
Post tags: , , , ,


]]> http://twetw.com/blog/1195.html/feed 42 如何在同一页面定义两种不同颜色的链接 http://twetw.com/blog/480.html http://twetw.com/blog/480.html#comments Sat, 03 Oct 2009 00:30:16 +0000 aisinvon http://twetw.com/blog/?p=480 因为设计人员的需要，要在同一页面弄两种颜色的链接，故找到如下方法： <html> <head> <title>中国站长天空-网页特效-文本特效-同一页面两种不同颜色的超链接</title> <meta http-equiv=”content-Type” content=”text/html;charset=gb2312″> <!–把下面代码加到<head>与</head>之间–> <style type=”text/css”> <!– A.style1:link { text-decoration: none; color: #ff9966; font-weight: normal; } A.style1:visited { text-decoration: none; color: #ff9966; font-weig

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 如何在同一页面定义两种不同颜色的链接 16 comments 阅读全文——共1092字]]> 因为设计人员的需要，要在同一页面弄两种颜色的链接，故找到如下方法： <html> <head> <title>中国站长天空-网页特效-文本特效-同一页面两种不同颜色的超链接</title> <meta http-equiv=”content-Type” content=”text/html;charset=gb2312″> <!–把下面代码加到<head>与</head>之间–> <style type=”text/css”> <!– A.style1:link { text-decoration: none; color: #ff9966; font-weight: normal; } A.style1:visited { text-decoration: none; color: #ff9966; font-weig

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 如何在同一页面定义两种不同颜色的链接
16 comments
Post tags: , , , ,


]]> http://twetw.com/blog/480.html/feed 16 XHTML+CSS设计注意事项 http://twetw.com/blog/475.html http://twetw.com/blog/475.html#comments Thu, 01 Oct 2009 00:07:17 +0000 aisinvon http://twetw.com/blog/?p=475 最近经常碰到一些网页制作方面的问题，后来通过网络找到了解决的办法，所以搜集起来，以供自己以后查阅 。 1、除选择DOCTYPE之外的语句必须使用小写英文字母书写。其中包括 Macromedia Dreamweaver 生成的鼠标动作，如 OnMouseOver 也必须修改成 onmouseover。 2、XHTML语法规要求所有的标识都必须有开始和结束。例 如<body>和</body>、<p>和</p>等，对于不成对的标识，要求在标识最后加一个空格， 然后跟一个”/”。例如<br>写成<br />、<img>写成<img />，加空格的原因是避免代码连在一起浏览器不识别。 3、所有的XML标记都必

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: XHTML+CSS设计注意事项 12 comments 阅读全文——共3638字]]> 最近经常碰到一些网页制作方面的问题，后来通过网络找到了解决的办法，所以搜集起来，以供自己以后查阅 。 1、除选择DOCTYPE之外的语句必须使用小写英文字母书写。其中包括 Macromedia Dreamweaver 生成的鼠标动作，如 OnMouseOver 也必须修改成 onmouseover。 2、XHTML语法规要求所有的标识都必须有开始和结束。例 如<body>和</body>、<p>和</p>等，对于不成对的标识，要求在标识最后加一个空格， 然后跟一个”/”。例如<br>写成<br />、<img>写成<img />，加空格的原因是避免代码连在一起浏览器不识别。 3、所有的XML标记都必

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: XHTML+CSS设计注意事项
12 comments
Post tags: , , ,


]]> http://twetw.com/blog/475.html/feed 12 关于ie6中使用css滤镜后链接无法点击的问题 http://twetw.com/blog/401.html http://twetw.com/blog/401.html#comments Tue, 15 Sep 2009 12:30:13 +0000 aisinvon http://twetw.com/blog/?p=401 网上最大众华的解决ie6无法显示png背景图片透明问题的方法就是用 “filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/liBack.png’,no-repeat); background:none;”。 用了上面那句话会导致链接无法点击，所以需给链接加个positon:relative。 如下所示： #nav li { width:130px; text-align:center; height:40px; background:url(../images/liBack.png) no-repeat center; line-height:40px; font-family:’宋体’, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; } * ht

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 关于ie6中使用css滤镜后链接无法点击的问题 15 comments 阅读全文——共611字]]> 网上最大众华的解决ie6无法显示png背景图片透明问题的方法就是用 “filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=’images/liBack.png’,no-repeat); background:none;”。 用了上面那句话会导致链接无法点击，所以需给链接加个positon:relative。 如下所示： #nav li { width:130px; text-align:center; height:40px; background:url(../images/liBack.png) no-repeat center; line-height:40px; font-family:’宋体’, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; } * ht

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 关于ie6中使用css滤镜后链接无法点击的问题
15 comments
Post tags: , , , , ,


]]> http://twetw.com/blog/401.html/feed 15 网页设计经验小谈（三） http://twetw.com/blog/399.html http://twetw.com/blog/399.html#comments Mon, 14 Sep 2009 12:21:21 +0000 aisinvon http://twetw.com/blog/?p=399 list-style-image在ie和火狐中不兼容，那么一个比较好的办法就是改list-style-image为background来做。 但用background来做li背景时也会遇到一个问题，就是如果li的文字有2行，那么怎么来给background来定位呢？ 如果按照默认的background位置，将会是background紧紧贴在li层的顶部； 如果用background-position中的什么left，center等来设置，又不能够满足要求。 其实还有一个很好的解决这个问题的办法，依然是利用background-position，只不错不是用它的left，center等值，而是给 background-position附上具体的值，比如：background-position：1px 1px。这个值你可以根据情况随意改动，

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 网页设计经验小谈（三） 4 comments 阅读全文——共418字]]> list-style-image在ie和火狐中不兼容，那么一个比较好的办法就是改list-style-image为background来做。 但用background来做li背景时也会遇到一个问题，就是如果li的文字有2行，那么怎么来给background来定位呢？ 如果按照默认的background位置，将会是background紧紧贴在li层的顶部； 如果用background-position中的什么left，center等来设置，又不能够满足要求。 其实还有一个很好的解决这个问题的办法，依然是利用background-position，只不错不是用它的left，center等值，而是给 background-position附上具体的值，比如：background-position：1px 1px。这个值你可以根据情况随意改动，

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 网页设计经验小谈（三）
4 comments
Post tags: , , ,


]]> http://twetw.com/blog/399.html/feed 4 网页设计经验小谈（二） http://twetw.com/blog/362.html http://twetw.com/blog/362.html#comments Mon, 07 Sep 2009 14:18:29 +0000 aisinvon http://twetw.com/blog/?p=362 接着上一篇文章谈： 5、在Dreamweaver里如何整理html格式，让html缩进得更美观？ 答案很简单：在dreamweaver里面，点击“命令–应用源格式”即ok。 “命 令–应用源格式”同样也可以用来整理css的格式，当然要整理成什么样子，你可以自定义。自定义的方法（在dw cs4中）：“编辑”——“首选参数”——左边“分类”中的“代码格式”——右边“代码格式”中“TD标签”后点击“css”即可对css源格式选项进行 设置。 6、关于加了filter alpha position等通过不了css验证的问题： 方法一：将一部分css放进js中（这部分css属性可以使filter -moz-opacity position：absolute display：none

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 网页设计经验小谈（二） 还没有评论 阅读全文——共1093字]]> 接着上一篇文章谈： 5、在Dreamweaver里如何整理html格式，让html缩进得更美观？ 答案很简单：在dreamweaver里面，点击“命令–应用源格式”即ok。 “命 令–应用源格式”同样也可以用来整理css的格式，当然要整理成什么样子，你可以自定义。自定义的方法（在dw cs4中）：“编辑”——“首选参数”——左边“分类”中的“代码格式”——右边“代码格式”中“TD标签”后点击“css”即可对css源格式选项进行 设置。 6、关于加了filter alpha position等通过不了css验证的问题： 方法一：将一部分css放进js中（这部分css属性可以使filter -moz-opacity position：absolute display：none

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 网页设计经验小谈（二）
还没有评论
Post tags: , , , , ,


]]> http://twetw.com/blog/362.html/feed 0 网页设计经验小谈（一） http://twetw.com/blog/348.html http://twetw.com/blog/348.html#comments Fri, 04 Sep 2009 11:53:02 +0000 aisinvon http://twetw.com/blog/?p=348 最近做一些页子，碰到了很多问题，也学习到了很多。下面就是自己在做的过程中碰到的一些问题，把它们贴出来，供自己以后查阅，也希望能对您有点作用。 1、li中当list-style-image不兼容而不用做li背景时，就用background 代替。而有background代替有可能出现图片仅靠其层的最顶部，这时可以background-position:left以及定义将height 和line-height定义成同等高度来解决。 2、当需要一个点击显示再点击则隐藏的div或其它类型的层浮在另一个div或其它层上时，可先用display:none将其隐藏，然后对需要隐藏的层设置position:absolute和z-index这2个属性。 3、对于某些情况下ff、ie6和ie7下显示

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 网页设计经验小谈（一） 才1条评论 阅读全文——共601字]]> 最近做一些页子，碰到了很多问题，也学习到了很多。下面就是自己在做的过程中碰到的一些问题，把它们贴出来，供自己以后查阅，也希望能对您有点作用。 1、li中当list-style-image不兼容而不用做li背景时，就用background 代替。而有background代替有可能出现图片仅靠其层的最顶部，这时可以background-position:left以及定义将height 和line-height定义成同等高度来解决。 2、当需要一个点击显示再点击则隐藏的div或其它类型的层浮在另一个div或其它层上时，可先用display:none将其隐藏，然后对需要隐藏的层设置position:absolute和z-index这2个属性。 3、对于某些情况下ff、ie6和ie7下显示

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 网页设计经验小谈（一）
才1条评论
Post tags: , , , , ,


]]> http://twetw.com/blog/348.html/feed 1 解决帝国cms迁移网站后不能显示图片和CSS的问题 http://twetw.com/blog/280.html http://twetw.com/blog/280.html#comments Thu, 26 Mar 2009 13:25:36 +0000 aisinvon http://twetw.com/blog/?p=280 由于前段时间虚拟主机上ip被封，导致我的网站也访问不了啦。没办法，总不能无休止的等下去，所以今天重新买了虚拟主机开通了博客和网站。 1、帝国cms的一个优点就是迁移网站很方便，前提是你要按照官方要求做好备份（具体要备份哪些数据请点击这里查看）。按照官方步骤把所有数据上传和恢复，并重新生成前台页面，但是出来的效果却令我大吃一惊，如图： 网站的图片和显示样式都没有正常显现。 2、是什么导致了这种问题呢？上帝国cms论坛搜寻，无果。 3、只好自己在我这后台进行检查。突然想起我在域名解析的时候填的默认网址是http://***.com，省略了前面的三个www。而在帝国cms后台中——

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009 原文链接: 解决帝国cms迁移网站后不能显示图片和CSS的问题 2 comments 阅读全文——共463字]]> 由于前段时间虚拟主机上ip被封，导致我的网站也访问不了啦。没办法，总不能无休止的等下去，所以今天重新买了虚拟主机开通了博客和网站。 1、帝国cms的一个优点就是迁移网站很方便，前提是你要按照官方要求做好备份（具体要备份哪些数据请点击这里查看）。按照官方步骤把所有数据上传和恢复，并重新生成前台页面，但是出来的效果却令我大吃一惊，如图： 网站的图片和显示样式都没有正常显现。 2、是什么导致了这种问题呢？上帝国cms论坛搜寻，无果。 3、只好自己在我这后台进行检查。突然想起我在域名解析的时候填的默认网址是http://***.com，省略了前面的三个www。而在帝国cms后台中——

© aisinvon for Aisin Von:有互联网,才有好生活！, 2009
原文链接: 解决帝国cms迁移网站后不能显示图片和CSS的问题
2 comments
Post tags: , , , ,


]]> http://twetw.com/blog/280.html/feed 2