存档

‘建站经验’ 分类的存档

各种HTML标签CSS属性默认值汇总

2010年3月6日 zenoven 20 条评论

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column } 
colgroup        { display: table-column-group }
td, th          { display: table-cell; }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px; line-height: 1.12 }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 } 

h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, object, 
select          { display:inline-block; }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub } 
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: ”\A” }
:before, :after { white-space: pre-line } 

center          { text-align: center }
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

[阅读全文...]

分类: CSS, 精华文章 标签: , , , , 阅读:42

CSS Sprites技巧:单个图片插入多个链接

2010年3月3日 zenoven 22 条评论

平时我们做网页的时候会用到img标签来插入图片,再结合a标签可以给图片加上链接,但是其实单独用a标签就可以实现这样的效果,而且可以在单个图片中插入多个链接。

本文的基本做法就是用CSS Sprites将多个图片合并为1个,用CSS中的background属性代替img标签,用background-position来实现多个图片链接的最终效果。

例如原来3个图片链接的HTML代码如下

<a href=”#”><img src=”http://…” /></a>
<a href=”#”><img src=”http://…” /></a>
<a href=”#”><img src=”http://…” /></a>

[阅读全文...]

分类: CSS, 精华文章 标签: , , , 阅读:52

WordPress单日志添加AD及sidebar小工具的应用

2010年2月28日 zenoven 37 条评论

1、单日志添加AD(如Google AD)

WordPress中single.php是单篇日志模板,如果需要在单篇日志中加入GoogleAdSense或是其他广告,这样做。

找到你所在主题中single.php如下代码

<?php the_content(); ?>

[阅读全文...]

人生就是在云端

2010年2月27日 zenoven 9 条评论

How much does your life weigh?Imaging for a second that you’re carring a backpack. I want u to feel that the straps on your shoulders.Feel’em? Now I want you to pack it with all the stuff that u have in your life.Start with the little things, the things on shelves and in drawers,the knick-knacks,the collectibles.Feel the weights as that adds up. Then u start adding larger stuff, cloths, table-top appliances, lamps, linens, your TV. The backpack should be getting pretty heavy now. And u go bigger. Your couch, your bed, your kitchen table. Stuff it all in there. Your car, get it in there. Your home ,whether it is a studio apartment, or a two-bedroom house, I want u to staff it all into that backpack. Now try to walk. It’s kind of hard, isn’t it?

生活到底有多重?假设你背着一个背包,感受勒在你肩上的背带,感受到了么?我要你把生活中的一切都装入这个背包,从最小的物件开始,书架上的,抽屉里的,零食,一切乱七八糟的东西,感受重量不断增加。现在开始往里面装大点的物件,衣服,桌上的东西,台灯,毛巾枕头,电视机。现在它应该不小了,再往里面放更大的东西,你的沙发,床,餐桌,汽车,你的家,把他们统统装进去,现在,试着走走,是不是很沉重?

这是<<在云端>>(Up in the Air)中的一段台词。这里面提到的关于背包,让我想到了自己。想到了硬盘,想到了生活,自己的背包。

1、硬盘?是的。

[阅读全文...]

分类: 开心一笑, 杂记, 精华文章 标签: , , 阅读:39

网站如何保持住流量

2010年1月24日 zenoven 61 条评论

对于博客或是相关类型的网站,如果不更新的话,流量似乎是很难维持住的,特别是对于排名不高,收录不多的朋友来说,这个问题好像更加突出。比如我,由于最近考试、回家等事情的影响,更新总是断断续续的,流量也不断下降。

那么我们该如何保持住流量呢?

要想解决这个问题,首先我们要问问自己,我们为什么要流量?要的是什么流量?你减少的是从哪里来的流量?

1 、我们为什么要流量?

[阅读全文...]

分类: SEO, 本站记实, 杂记, 精华文章 标签: , , , 阅读:122

WordPress增加日志归档和分类页面的方法

2010年1月11日 zenoven 32 条评论

日志归档和分类这两个页面在不少朋友的WordPress里面还是很常见的,通过这两个页面可以让自己和访客更好的了解你的内容,也可以对自己以前的文章进行查看总结。下面就来说下添加这两个页面的方法。

1、增加日志归档页面

效果如下面的截图,实际效果可以查看我的这个页面 文章归档

[阅读全文...]

分类: PHP, 本站记实, 杂记, 精华文章 标签: , , , , 阅读:144

顾此失彼 都是欲望惹的祸~~

2010年1月7日 zenoven 46 条评论

话说人的一切源于欲望,是不是这个真理呢?在我的眼中,至少它不是毫无道理。

无欲则刚,我还是个俗人,不是神,欲望有之,而且经常有。如果人哪一天没有了欲望,那他会成什么样子呢?

为了满足我做网站这个欲望,买了空间,域名。为了访问量,PR,到处留言,加链接。为了结交更多的朋友,加入了各个网络上的组织,QQ群。然而这只是由于一个欲望引起的。到了现在,就加入的WP组织已有好几个了,最开始的WP论坛,到WPG群组,再到博客联盟,越发觉得顾此失彼,力不从心了。究其原因,组织多,但是时间有限,不能每个组织都去每天活跃下,现在我已经有种顾虑,就是哪天会退出一些组织,不是没有兴趣,而是没有时间。这是欲望,贪婪的欲望。

说到这里,突然有个问题,就是大家每天在网络上做什么(特别是做网站,搞网络这块的童鞋,宅男)?为了什么?如果要是问我自己,仔细一想,其实什么事也没做,尽是闲逛,留言,这看看那转转,毫无目的,毫无收获。至于为了什么,好像什么也不为,只是不想去做那些应该做的事,“再等两天,还有时间”。这也是欲望,玩的欲望,无为的欲望。

[阅读全文...]

邪恶的GoogleAdSense已经成功入侵

2010年1月5日 zenoven 28 条评论

细心的你发现了没?GoogleAdSense(以下简称GGAD)已经于10.01.05悄然入侵我的小站,哈哈~~ 以前我写过一篇文章 网络广告,你点吗?,说了下我会对广告的一些想法 ,那篇文章里我第一个不会点的就是GGAD,因为咱都知道那是广告,干嘛还要点呢?

话说本次GGAD的入侵还暂时只是在sidebar上,文章页上我暂时还没有加入,但是正在谋划中,不出多日,可能就要与大家见面了,哈哈~~ 我以前一直认为没有放广告的网站很好,但是忘了是从哪位童鞋那里得到启发,慢慢觉得放广告的网站很帅(为啥?你看Google都在人家那里放广告呢!哇哈哈。。。笑死我了)。不过让我最担心的其实不是广告的问题,而是访问量的问题。接着追究就是文章质量,用户体验,推广,SEO的问题了,哎,好烦,但是这样不仅仅能得到广告费,还能从这些问题中提高自己,何乐而不为呢?

我以前放过有优智科技WP专业LINUX空间的推广广告,因为主机确实很赞,也得了点推广费,不过毕竟成功推广的人数不多,暂时把这个去掉了。另外我放过的还有黑马,淘宝客的广告,都因流量的问题被我弃之。这一次,我虽不敢下什么保证,但是既然Google能信任咱  咱咋说也得忙活一把吧?

————————————–闲侃分界线———————————————

[阅读全文...]

分类: 建站经验, 本站记实, 杂记 标签: , , , 阅读:76