liuli刘黎: 2009-05

2009年5月22日

免费在线代理

http://www.51-dl.cn/
免费在线代理网站服务(free web proxy )。在上面框中输入想要访问的网址(URL),选择列表中的在线代理服务器,点击“GO”按钮就可以进行使用。使用在线WEB代理可以让您加快网页浏览速度,提高上网的安全性。国外代理能够浏览被屏蔽的网站以...

华盖
router web configurator
http://www.draytek.no/menu_2200/remote1.htmhttp://www.boll.ch/draytek/demo/doc/inet6.sht
http://www.boll.ch/draytek/demo/index.htm
http://www.draytek.com/demo/Vigor2900V/index.htm
http://www.boll.ch/draytek/demo/index.htm
http://www.boll.ch/draytek/demo/doc/isdn.sht

2009年5月7日

改变滚动条颜色

http://www.zzsky.cn/tool/scrollbarcolor/
随着微软对InternetExplorer浏览器的不断升级和更多新功能的添加,自IE5.5开始网页设计者又可以通过CSS(Cascading Style Sheets层叠样式表单)来定义IE浏览器滚动条的颜色了(见图)。具体说明如下:
 




编辑推荐阅读
● CSS滤镜应用集锦
● CSS样式表一席谈


补充说明一点,关于颜色的定义也可以使用16进制的数,例如:SCROLLBAR-BASE-COLOR: #808080,大家充分发挥自己的创造力,做出绚丽多彩的滚动条来吧!

2009年5月5日

WordPress发布平台

http://cn.wordpress.org/
WordPress 是一个注重美学、易用性和网络标准的个人信息发布平台。WordPress 虽为免费的开源软件,但其价值是无法用金钱来衡量。

使用 WordPress 可以搭建功强大的网络信息发布平台,但更多的是应用于个性化的博客。针对博客的应用,WordPress 能让您省却对后台技术的担心,集中精力做好网站的内容。

标签:

对链接应用背景图像

对链接应用背景图像

背景图像在网页设计中的应用是非常广泛的,下面再举一个我们司空见惯的例子。我随意找了一个Blog(http://iyubao.blogspot.com/),截取了下面这张图片,这是一组链接,我们可以看到每个链接的左边有一张小小的图片(http://online.sccnn.com/icon/450/arrow_065.gif)。









它是怎么实现的呢?我们通过CSS把内容向右偏移一下为图片留出空间,然后应用背景图像,并让图像对准左边就可以了。在上面的图片中,它可能是这样写的:

.footer-box li {padding-left:20px;
background: url(http://online.sccnn.com/icon/450/arrow_065.gif)
no-repeat left center; }

当然,作者可能对链接还应用了其它样式,或许所写的代码与此有一些出入,但在此我们只介绍与我们所讲的内容有关的样式内容。看了上面的例子,你是不是可以让你的Blog的链接更漂亮一些呢?

CSS背景图像另外比较常用的就是建立圆角框等。

标签:

2009年5月3日

漫谈margin属性

由浅入深漫谈margin属性
作者:blank 时间: 2007-03-19 文档类型:原创 来自:蓝色理想


第 1 页 由浅入深漫谈margin属性 [1]
第 2 页 由浅入深漫谈margin属性 [2]




blankzheng的blog:http://www.planabc.net/



margin在中文中我们翻译成外边距或者外补白(本文中引用外边距)。他是元素盒模型(box model)的基础属性。

一、margin的基本特性

margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin,可以用来设置box的margin area。属性margin可以用来同时设置box的四边外边距,而其他的margin属性只能设置其自各的外边距。

margin属性可以应用于几乎所有的元素,除了表格显示类型(不包括 table-caption, table and inline-table)的元素,而且垂直外边距对非置换内联元素(non-replaced inline element)不起作用。

或许有朋友对非置换元素(non-replaced element)有点疑惑,稍微帮助大家理解一下。非置换元素,W3C中没有给出明确的定义,但我们从字面可以理解到,非置换元素对应着置换元素(replaced element),也就是说我们搞懂了置换元素的含义,就懂了非置换元素。置换元素,W3C中给出了定义:

引用:
“An element that is outside the scope of the CSS formatter, such as an image, embedded document, or applet”
从定义中我们可以理解到,置换元素(replaced element)主要是指img,input,textarea,select,object等这类默认就有CSS格式化外表范围的元素。进而可知,非置换元素(non-replaced element)就是除了img,input,textarea,select,object等置换元素以外的元素。

margin始终是透明的。

二、margin的基本写法

外边距的margin-width的值类型有:auto | length | percentage

percentage:百分比是由被应用box的containing block(注:一个元素的containing block是该元素产生的box(es)在计算位置和大小时参考的一个矩形,详细阅读可看:《Containing Block》)的大小所决定。对于margin-top和margin-bottom也同样成立。

margin的默认值为0,并且margin支持负值。

上面我们曾提到属性margin可以用来同时指定box的四边外边距。如果属性margin有四个值,那么值将按照上-右-下-左的顺序作用于四边,即从元素的上边开始,按照顺时针的顺序围绕元素。表达式如下:

margin:top right bottom left;
四个数值中间以空格分隔。效果等同于:

margin-top:value;
margin-right:value;
margin-bottom:value;
margin-left:value;
并且规范还提供了省略的数值写法,基本原则如下:

引用:
1.如果没有left值,则使用right代替;
2.如果没有bottom值,则使用top代替;
3.如果没有right值,则使用top值代替。
根据这些基本原则,我们可以有三种省略方式,但不管怎样省略margin的数值都会大于等于一个,而margin的默认数值是从top开始至left结束,那么对于省略的具体情况,我们可以从left反推理回去。

1.如果margin只有三个值,按照值的顺序为margin:top right bottom; 缺少了left,根据原则,则left的值有right来代替。

margin:10px 20px 30px;就等于margin:10px 20px 30px 20px;

2.如果margin只有两个值,按照值的顺序为margin:top right; 缺少了bottom和left,根据原则left的值由right来代替,bottm的值由top来代替。

margin:10px 20px;就等于margin:10px 20px 10px 20px;

3.如果margin只有一个值,按照值的顺序为margin:top; 缺少了bottom、left和right,根据原则left的值由right来代替,bottom的值由top来代替,right的值右top来代替,也就是说left的值也由top来代替。

margin:10px;就等于margin:10px 10px 10px 10px;

标签:

2009年5月1日

101步让你成为一个优秀的博客

  我发现最成功的博客都有相似的成功步骤,经过长期的研究和学习,我发现写博客虽然没有表面上看起来那么简单但是,经过一定的努力,我想每个人都能成为一个成功博客。

  下面是成为优秀博客的101个步骤...  

  1、首先,使用wordpress,内置的SEO和高性能函数使wordpress很适合搜索引擎;
  2、注册 freedburner 帐号
  3、每天至少发表一篇
  4、搜索引擎优化
  5、拥有一个“about me”页面
  6、向9Rules提交你的博客
  7、向newsnow提交你的博客
  8、让读者看到真实的你,博客比其他的网站更加个性化,不要害怕将一些自己生活中的事,保持真实和个人色彩,你将和读者建立起一种忠诚和信任关系;
  9、坚持写作并ping
  10、在rss and blog directories上提交博客
  11、使用trackbacks
  12、加入博客圈子,开始写博客就是成为某个博客圈子中一员,在别人的博客上留下评论并结识和你相似爱好的博客,
  13、使你的博客保持它自己唯一的声音——你的声音
  14、用你99%的时间写原创内容,“内容为王”
  15、给你的页面添加一个醒目的rss订阅按钮
  16、在每篇日志的底部放一个rss feed链接
  17、建立MyBlogLog Widget
  18、在每篇日志后鼓励交互性的引用、链接以及书签

  安装一些插件来优化你的博客 

  19、Akismet - 用来清除垃圾评论
  20、Optimal Title - 用来优化title,提高搜索引擎评价
  21、Ultimate Tag Warrior - 最好的标签系统
  22、Google Sitemap Generator - 可以自动生成google sitemap
  23、Show Top Commentators - 通过链接最活跃评论者的网站,鼓励反馈和评论
  24、Related Posts - 这个插件可以找到其他博客与这篇日志相关的文章,这将使你的读者阅读到更多的内容,停留更长的时间。
  25、Super Archive - 最好的归档系统之一
  26、WP-Cache - 它是非常高效的caching系统,使你的网站更快
  27、WP-ContactForm - 这个插件使读者方便的给你发电子邮件,并有回避spam的功能
  28、Popularity Contest - 实现热文排行
  29、Adsense Deluxe - 在博客中方便的放置Adsense广告
  30、Sociable - 帮你在Digg, del.icio.us,reddit等社交书签类网站中传播你的内容
  31、Feedburner Feed Replacement - 把你所有的的feed traffic 提交给Feedburner,并告诉你准确的订阅数,这个插件能把任何已有的的订阅者转化为FeedBurner类型
  32、专门设计一个独特的博客标志,你的博客是你形象的代表和象征
  33、给每个日志加照片或图片
  34、使用标签
  35、接受友情链接
  36、发布全文feed而不是概要feed
  37、考虑一个新闻内容,关于你博客的故事,记住新闻撰稿人时刻对独特的内容感兴趣,如果你有一个独特的故事,将得到有一些很好的报道。
  38、坚持不懈是关键,坚持6个月,然后你将从自己的辛勤工作中得到回报
  39、向知名网站提交独家内容
  40、发布新闻稿,花一定时间写一篇吸引眼球并有报道价值的文章,发给知名记者和博客,或者向大型出版社推荐。
  41、把你的文章转换为pdscasts
  42、利用powerpoint把你的文章转化成幻灯视频,提交给流行的视频网站
  43、提交给blog carnivals
  44、参与各大著名的web2.0网站,并提交博客
  45、把你的文章转换成可下载的电子书
  46、参加Blogburst
  47、把文章提交给EzineArticles, GoArticles, iSnare,American Chronicle等知名文章目录网站
  48、和其他博客一起互相发表介绍性的日志
  49、参与关于一个项目的集体写作
  50、在Create a Squidoo lens上创建一个反向链接,这会帮你在特定的领域内树立起业界专家的形象。
  51、面谈业界专家。 这是一个产生原创内容的最好方法。
  52、除了 RSS 之外提供一个电子邮件订阅渠道。邮件订阅将会拉近你和读者的关系,并挽留那些对RSS技术不适应的访客。
  53、向访客询问网站改进建议,因为他们是最终使用者。
  54、建立一个专门的404page
  55、在Technorati上注册你的博客
  56、允许automatic trackback and ping等功能
  57、如果有人在他们的博客上介绍你的网站,在日志下发表感谢的评论,并给他们发送感谢信。你可以利用Google Alerts, Technorati, and Blogpulse等方法监控任何提及你博客的事。
  58、与相关博客建立在线和离线的联系。
  59、利用StumbleUpon Ads建立你的博客读者圈
  60、亲自写作
  61、把网站翻译成多种语言,这是一个好战略,不过使用的人还不多
  62、你的博客用ReviewMe了吗
  63、经常看别人的博客
  64、使用Google Analytics.
  65、检查你Feed的语法.
  66、在Feedster上提交你的博客
  67、与你的读者互动。 博客是一个双向沟通工具。 最成功的博客与他们的读者互动。 他们答案读者电子邮件和意见而且定期询问读者建议。
  68、写你喜欢的东西,做你不喜欢的工作你不会成功。卡内基曾经说, "人很少地成功除非他们做他们喜欢做的事。”
  69、叁加博客会议。
  70、邀请你的读者提交文章

  把你的博客变成“钱途”的好方法

  71. Kontera ContentLink
  72. Text Link Ads
  73. BlogAds
  74. Ad Brite
  75. 直接出售广告位
  76. 收会员费
  77. Google Adsense
  78. ReviewMe
  79. Bidvertiser
  80. AuctionAds
  81、使用FeedBurner Ad Network 和 Text Link Ads等工具让你的rss为你挣钱

  博客写作技巧

  82、学会写出重要的头条新闻
  83、让你的文章可以被扫描,人们不都在互联网上阅读,他们还可以扫描
  84、在标题中运用数字吸引注意力
  85、改变你的内容。 要独特。 例如:一次小测试、访问同行博客、给你的读者投票、评论一本书等等,使你的读者保持兴趣。
  86、亲自写作(不知原作者为什么重复)
  87、像说话一样书写
  88、以强烈的感情写。
  89、讲一些有价值的东西
  90、在内心中时刻考虑读者,想象你正和他们在一家咖啡馆闲谈
  91、把你最重要的观念放在前面
  92、使用带原点的列表
  93、写“十大...”的文章
  94、写“如何...”的文章
  95、围绕热点问题,定期发表日志
  96、展望行业趋势
  97、饥饿般的学习,并将学到的精华告诉你的读者
  98、如果你经常遇到写作障碍,请看 101 Great Posting Ideas
  99、使你的读者保持渴望,给他们发个精彩的“预告”,他们更有可能回来看,“预告”是一种重要的市场策略。
  100、幽默,博客不需要始终严肃,你可以自由的让自己的文章生动有趣。
  101、如果你还在寻找博客写作技巧,这里有一些资源:ProBlogger, JohnChow, Successful Blog

  原文作者:Kim Roach
  英文原文:101 Steps to Becoming a Better Blogger
  中文翻译:wu zhiyong
  译文地址:http://wuzhiyong.name/101-steps-to-becoming-a-better-blogger.html


原创文章如转载,请注明:转载自月光博客 [ http://www.williamlong.info/ ]