浏览模式: 标准 | 列表 |  无图浏览分类:建设网站相关

HTML Validator For Firefox W3C标准本地效验

2008, January 10, 7:30 PM by 枫回路转

今天找到的一个firefox本地效验w3c标准的插件，名字是HTML VALIDATOR，觉得对设计网页很有帮助，和大家分享。哎，要是早知道这个插件就好了，以前做页面的时候一直去w3c的官方效验，上w3c官方的速度那叫一个慢，哎，不过值得欣慰的事，blog.ieyes.info的w3c效验完全通过啦，嘿嘿，看页面底部那个图标，pp吧

HTML VALIDATOR介绍：

Firefox的一个插件--HTML VALIDATOR (based on Tidy) ，装上该插件后，在Firefox中就很容易地检验你的HTML代码了，FF会在线安装,重启FF即可,IE下载文件后拷贝到Firefox安装目录下的 extensions文件夹，下次Firefox启动时会自动安装

下载地址：http://users.skynet.be/mgueury/mozilla/download.html

HTML VALIDATOR使用：

标签: firefox, w3c标准, w3c效验

信息: 分类:建设网站相关 | 评论:0 | 阅读:498 | 引用:0

非常漂亮的pagerank调用图片

2008, January 8, 7:45 PM by 枫回路转

在sablog的论坛上看到了一段显示pagerank值图片的代码

研究了下，做出了四种风格，并找了些有关pr值的资料。

pagerank图片样式一：pagerank图片样式一

pagerank图片样式二：pagerank图片样式二

pagerank图片样式三：pagerank图片样式三

pagerank图片样式四：pagerank图片样式四

下面是有关google pagerank的简单介绍以及如何提高pr值。

标签: pr值, pr值查询, 提高pr值, pr更新

信息: 分类:建设网站相关 | 评论:3 | 阅读:511 | 引用:0

JS+CSS实现圆角框效果

2008, January 7, 7:29 PM by 枫回路转

今天突然对圆角框来了兴趣，我以前都是用一张圆角的背景图片，然后再用css的background定位来实现圆角效果的。今天百度了一下，又发现了一篇叫做“不用css样式表和背景图片实现圆角矩形”的文章，仔细研读了下，功能很强大，只一个js文件就实现了圆角框效果，喜欢ing，所以记录下来，以免忘了，ps：我脑袋很好，基本上不忘事。

从最简单的开始，先看个例子，

http://blog.ieyes.info/html/div-css/NiftyCube/demo1.html

查看源码

XML/HTML代码
  1. <style type="text/css">  
  2. body{padding: 30px 0 0;background:#FFF;}  
  3. div#box{
  4. width:200px;padding:
  5. 20px;margin:0 auto;
  6. background:#E6E6E6;}  
  7. </style>  
  8. <script type="text/javascript" src="niftycube.js"></script>  
  9. <script type="text/javascript">  
  10. window.onload=function(){  
  11. Nifty("div#box","big");  
  12. }  
  13. </script>
  14.  

如此简单！当页面圆角矩形很多的时候这种简洁就更显而易见了。

下面具体介绍Nifty Corners Cube的使用：

标签: css, js, 圆角框

信息: 分类:建设网站相关 | 评论:0 | 阅读:711 | 引用:1

CSS无图片实现圆角框

2008, January 6, 7:38 PM by 枫回路转

XML/HTML代码
  1. <style type="text/css">  
  2. div.RoundedCorner{background: #9BD1FA}   
  3. b.rtop, b.rbottom{display:block;background: #FFF} 
  4.  
  5. b.rtop b, b.rbottom b{
  6. display:block;
  7. height: 1px;
  8. overflow: hidden;
  9. background: #9BD1FA}

  11. b.r1{margin: 0 5px}   
  12. b.r2{margin: 0 3px}   
  13. b.r3{margin: 0 2px}   
  14. b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}   
  15. </style>  
XML/HTML代码
  1. <div class="RoundedCorner">  
  2.  <b class="rtop">
  3.   <b class="r1"></b>
  4.   <b class="r2"></b>
  5.   <b class="r3"></b>
  6.   <b class="r4"></b>
  7.  </b>  
  8. <br>无图片实现圆角框<br><br>  
  9.  <b class="rbottom">
  10.   <b class="r4"></b>
  11.   <b class="r3"></b>
  12.   <b class="r2"></b>
  13.   <b class="r1"></b>
  14.  </b>  
  15. </div>  

标签: css, 圆角框

信息: 分类:建设网站相关 | 评论:0 | 阅读:998 | 引用:0

偶也制作sablog风格（二）

2008, January 5, 7:40 PM by 枫回路转

昨天写了偶也制作 sablog 风格（一），写到页面细节调整这个步骤，今天接着写下去！

细节决定成败，对于做sablog风格来说也是这个理儿，这里的成败问题，就是美观,实用性以及用户感受(用户体验)范畴了！

用户体验的几个方面：

1。网页配色问题：
这个好象和制作sablog风格的主题不沾边，属于网页设计的范畴，呵呵，制作sablog风格就是网页设计，哎，绕来绕去我也绕晕了，说个重点吧，就是色环理论，

标签: sablog风格, 风格制作

信息: 分类:建设网站相关 | 评论:1 | 阅读:426 | 引用:0

分页:‹1234567›