Posts Tagged ‘CSS’
实现WordPress评论的背景颜色交替变化
星期一, 十一月 10, 2008 No CommentsWordPress评论的背景颜色默认是CSS定义的,那么怎么来实现WordPress评论的背景颜色交替变化呢?其实,简单的一个判断语句可以了。
找到你的WordPress主题文件夹下的 comments.php 这个文件,找到如下语句:
<?php if ( $comments ) : ?>
然后修改为:
<ul>
<?php $i = 0; ?>
<?php foreach ($comments as $comment) : ?>
<?php $i++; ?>
<li id=”comment-<?php comment_ID() ?>”
<?php if($i&1) {
echo ‘class=”colorAAA”‘;
} else {
echo ‘class=”colorBBB”‘;
} ?>>
<php endforeach; ?>
</ul>
这样就实现了评论列表的交替,为相隔的评论定义了不同的CSS Class,接下来找到style.css这个样式表文件,添加如下的语句:
.colorAAA {
background-color: #fcf9fc;
}
.colorBBB {
background-color: #616161;
}
OK。可以根据你自己的喜好修改相应的颜色数值。
50个问题来评价网站的质量
星期六, 十月 25, 2008 No Comments50个问题,这些都是网站所有者应该来自问自答的,用来评价网站的质量,这些问题涉及到了网站的很多细节,不是有一句“细节决定成败”嘛,尽管这所有的问题不可能都能得到满意的答案,因为每个网站都有自己不同的情况,那么,你应该为尽可能的“Yes”回答来努力了。
原文在这里,本来想翻译一下给同学们看的,无奈自己的E文不像我想象中的那么好,担心翻译不准确造成误导、贻笑大方,而且这些英语大多是比较容易理解的,但是翻译出来就变味了,于是,原文文摘下:
Accessibility
Is content structurally separate from navigational elements?
Is the website cross-browser compatible?
How compliant is the website with W3C coding standards? Valid HTML/CSS?
Are ‘alt’ tags in place on all significant images?
Are text-based alternatives in place to convey essential information if this is featured within images or multimedia files?
30个好用的Firefox插件
星期二, 十月 21, 2008 No Comments经常使用Firefox的同学们都知道插件的威力,优秀的插件让你的Firefox更好用,也更加提高你的效率,下面就列举了30个对于网页设计和网页开发者尤其有用的Firefox插件。
1. CSSMate - 在线的C SS编辑器扩展,类似EditCSS.
2. ViewSourceWith - l让您查看网页的源文件与外部的应用。
3. PicLens - 您的浏览器转变成一个全屏幕的3D来查看网页图片。
4. FireShot -创建网页的截图,并且可以修改。
5. SeoQuake - 帮助搜索引擎优化和提速的网站。
6. Font Finder - 高亮显示一个网页元素并且可以右键查看所有CSS样式
7. Live HTTP Headers - 浏览的同时查看网页HTTP-Head区域。
8. Modify Headers - 可以添加,修改和过滤HTTP-Head请求。
9. CSSViewer - 查看当前网页的CSS属性。
10. EditCSS - 右键查看和修改网页的CSS。
30个动态标签设计
星期一, 十月 13, 2008 No Comments标签是网页设计的基本元素,下面是30个动态的标签设计,使用这些动态标签,可以让网页更具交互性,而且可以让网站在特定区域拥有更多的内容表现。
Ajax Drop down Tab Menu
8种制作图表的CSS技术
星期一, 十月 13, 2008 No Comments有很多种方法可以表现各种数据的图表,使用CSS技术可以实现不使用图片就能制作出漂亮的图表,并且可以让你的设计更具有可读性。
下面就介绍8种使用CSS技术元素来实现漂亮的图表图形的方法:
1. CSS条形图
观看演示
这个教程展示了三种方式的图形数据,基本的CSS条形图例如涉及<div>包含图表,以及造型<strong> <strong>要素作为一个块元素和利用宽度的比例调整宽度。 伟大的修改这项技术是使用第<p>内容不是<strong> <strong>标记的语义,正确的HTML 。




