Back to "Home"-回到"首页"
"Contact Me"-"与我联络"
Large Font Size-大字体
Original Font Size-原始字体
Small Font Size-小字体
太阳会常常被云彩遮挡而无法看见,尽管如此 ,只要仰望天空,肯定会有太阳从云彩的空隙中放出光芒的时候到来!

2007年3月8日星期四

如何在正文显示code

在研究blog的过程中,看到网上的大虾们分享经验教训,自己也素心中痒痒,于是开始try,结果是失败的一塌糊涂╥﹏╥,虽然有看良人的大秘宝,但素还是不行,在网上扒拉扒拉却没有找到有关的文章,于是狠狠心一个个拆解,看到底是什么问题,终于终于啊,我找到了原因。下面就说一下。

第一步在css样式中加入以下代码,在良人的介绍中有/* fixes a strange ie margin bug */这么一句话,删除掉。
code {
display: block;
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #F0F8FF url(http://photos1.blogger.com/x/blogger2/2675/134306179992261/1600/z/187911/gse_multipart54899.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:none;
line-height: 1.3em;
margin: 5px 0 0 15px;
}


其中http://photos1.blogger.com/x/blogger2/2675/...是可以自己diy的,我就是自己做的,因为网站的主体背景是蓝色的,所以就做成蓝色的了。而上述提到的solid是边框的形状,可以变更为dashed,即虚线边框。 在max-height:none中,可以设置code在页面显示的长度,比如350px,但是为了大家看起来方便还是none比较好。

第二步就是如何在正文中添加代码,操作就是在添加代码的地方加入<code>╥﹏╥</code>,在╥﹏╥的位置加入代码即可。

第三步也是要命的一步,高手看起来有点傻的一步。因为在代码中出现的<和>号在被blog文章主体禁止发布,苦恼之后只能扒拉别人网站的源代码(感谢分享源代码的筒子,BS那些藏着东西不分享的人,突然想到跟momoko说过的一句话,老外和台湾人比较喜欢众乐乐,而大陆人大多数喜欢独乐乐,当然也有例外)。我想出的解决办法就是用& lt;代替<,用& gt;代替>,可以到word中实现查找替换,把code帖到blog文章里面就大功告成了。

PS:如果谁有更好的建议,请介绍一下,不要客气。

0 comments:

Related posts