網生@誌 | zEUS.'Blog

首页 » ‘网页美化’ 分类下的文
去年4月份国内主机到期,限于资金压力将博客迁至国外,使用的是 Homezz 的主机。不过实在无法忍受国外服务器蛋疼的速度,再加上当时需要一个淘宝店的图床,所以没过多久又把博客迁回了国内。 在这一年多的时间里基本没有打理博客,导致丢在 Homezz 那边的论坛(bbs.zeuscn.net)和主题测试站(demo.zeuscn.net)因为空间到期而“报废”。最近2天通过量子统计发现依然有部分访客在访问 demo.zeuscn.net ,结果肯定就是找不到该......

CSS opacity 实例页面

Tag: , | Categoris: 网页美化 | Date: 2009-07-15
opacity 是 CSS3 里的一个属性样式,它可以实现任意元素(文字、图片、层)的半透明效果,由于是 CSS3 才支持,所以 IE6、IE7 都无法直接实现,但是我们可以用 alpha 滤镜来解决这个问题。半透明样式代码可以这样写: 1 2 3 4 5 6 .opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; ......
D&Z Theme 在导航栏的设计上最多只能容纳5个导航链接,虽然看起来很和谐,但是对于部分使用者来说导航链接过于少了点。这里我介绍一下如何给 D&Z Theme 额外增加一个酷酷的悬浮导航链接区域(例如本站导航栏中的“展开导航”),此方法基于小胖共享的——JavaSript 下拉菜单。这里我放弃 CSS 而选择使用 JS 来实现这个效果的原因其一是因为 CSS 实现起来兼容性问题很头疼,其二是 JS 实现起来的代码比 CSS 的更少! D&......

近期完成的一个小小首页

Tag: , , , | Categoris: 网页美化 | Date: 2008-11-23
原计划本月完成 Lapis 主题,不过在动手之前接了2个“项目”,一个是帮一个做摄影的朋友完成一个全新的 WordPress 主题,另一个是帮助大学同学 9907. 做一个服装网站的首页。所以 Lapis 主题继续无限期的推迟… 由于 WordPress 主题还没有完全“竣工”,所以这里就先不拿出来“现”了。 服装网站的首页已经(抄袭)完成了,采用的是 HTML CSS/DIV 构架,由于我在设计方面并不擅长,所以决定“借鉴”网络上现成的服装网站设计,......
似乎标题写得比较难懂… 博客也好,网站也好,我们都习惯在页脚处加一个“返回顶部”的文字或者图片链接,点击这个链接后就会自动跳到该页面的顶部。 实现这种功能最常用的一种方法是在网页的 body 标签下添加一个“标记”,即: 1 2 <body> <a name="top"> 然后在页脚添加一个链接即可。 1 <a href="#top">返回顶部</a> 不过现在似乎比较流行动态的特效,比如 Ajax JQuer......
之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG,不过在做大菠萝3(Diablo III)主题时不愿放弃自己一个比较酷的 Idea,所以我还是决定要解决这个 BUG。 网上关于解决 IE6 这个 BUG 的方法很多,有用 JS 的,也有用 IE6 的 CSS 滤镜的。稍微看了一下,JS 的方法仅用于单个图片的效果,但若拿图片作背景则不行。CSS 滤镜的写法则简单很多,也能用作背景,但还是存在一个问题,......

使用 DW 制作悬浮菜单

Tag: , , | Categoris: 网页美化 | Date: 2007-12-19
之前使用 CSS 制作过悬浮菜单,但它只能显示在 Firefox 和 Safari 上,而不能显示在不完全支持 CSS2.0 的 IE6 上,为此我花了很长时间搜寻解决之道,期间被那该死的 IE 折磨得我抓狂无数次,可仍然无果… 最后我不得不放弃使用 CSS 而转投 JavaScript… 这里我将介绍的是使用 DreamWeaver 直接进行可视化操作来创建一个悬浮菜单,整个主线过程无须操作代码,实现起来非常简单,当然,最重要的是它适用于所有主流的......
本站所使用的 WordPress 主题 i3Theme 1.2 (Right Edition) 并没有 blockquote 属性,之后是在 Yorick 的帮助下才加上去的。 何为 blockquote 属性呢——其实就是用于修饰文章内引用文字的效果,如下就是: 这是一个在 CSS 里设置的 blockquote 属性,以显示左侧边框 下面就是加入到 CSS 文件里的代码: /* 增加blockquote属性以显示左侧边框 */ blockquote { border-left: thick solid #808080; padding-left: 10px; } ......

介绍一个 CSS 图片特效

Tag: , | Categoris: 网页美化 | Date: 2007-10-11
不知道有没有人发现我换掉了 Feed 的统计图标,而使用了一个 RSS 的图片来链接到 本站 Feed 地址,然后我给这个图片做了一个 CSS 特效,你可以试着把鼠标移上去(位于“协议&订阅”模块的下方)… 是不是很棒?! 这个特效具体被称作什么,我也不太清楚,用我自己的描述就是:一个链接图案,鼠标滑上去后它就会切换成另一个图案。 之前我一直以为 CSS 通过 hover 这个动作来切换2张不同的图片,可试了半天没成功,最......
TOP COMMENTS BOTTOM