「教程」教你如何修改博客.--云之彼端「九浮生　枯木」

「一.用于前言」

最早我也是用中博，那时候中博的代码也是研究了很久才搞明白，后来因为一些事情就把Blog换到了7Blog，又重新研究代码。其实代码都是一样的，大同小异。就像现在的99Blog,7blog，126blog,crblog用的程序都是一样的。所以代码都是通用的。

主模版代码，点开“模版设置-改主模版-源码-粘贴代码”，最后点击保存修改。

副模版代码，点开“模版设置-改副模版-源码-粘贴代码”，最后点击保存修改。

这代码也是可以放在中博的{早期的时候，不知道现在行不行}。只不过在中博的话只能用到主模版，而副模版就不能用了。而且代表日记，留言的代码都不同，要注意。

用法：

点击进入“编辑模版-可视化编辑-HTML源码编辑器”，注意在模版代码前加上#head_tag#模版代码结束的时候加上#end_tag#。然后点击提交。

「二.代码解悉。主模版」

一般Blog的代码编辑模版里都会出现以下这些代码[仅仅举例，只是有些代码排列不同而已]

例子：

关于连接，以及博客总体字体颜色

<STYLE type=text/css>
A:link { COLOR: #979797; TEXT-DECORATION: none } A:visited { COLOR: #979797; TEXT-DECORATION: none } A:hover { BACKGROUND-COLOR:; COLOR: #979797; TEXT-DECORATION: underline } A { TEXT-DECORATION: none } .alpha1{filter: Alpha(Opacity=60)} table{color:#979797;FONT-SIZE:12px } INPUT{font-family:Verdana,Tahoma,宋体; font-size: 12px; line-height: 15px;border: 1px #000000 dotted;background-color:}</STYLE>

连接及博客字体颜色分析：

A:link是代表连接，COLOR: #979797在颜色代码条里修改连接项的颜色。
A:visited { COLOR: #979797;和连接项是同一种属性，如果连接项的颜色选择#000000的话，而又把visited项颜色改成#FF0000，就会造成最后的颜色错乱，会变成一红一黑，建议和连接项颜色一致。
table{color:#979797;FONT-SIZE:12px。taBle一般都是代表日记的颜色。
font-family:Verdana,Tahoma,宋体; font-size: 12px;出现fanily的时侯一般会连带着字体的型号，以及大小一起出现。有些模版代码里会同时出现好几个font-family，那么一定要找带着字体型号及大小的family。字体型号不建议改，默认字体为{宋体11Px}。以免发生字体错乱，因为有些字体改了，会导致Blog上个别字显示不出来，到时就很麻烦了。

拉条的颜色

<STYLE>
body{
scrollbar-base-color: #dddddd;
scrollbar-darkshadow-color: #dddddd;
scrollbar-highlight-color: #dddddd;
background:url(/Up/2007-12/271656929643.jpg);
overflow:hidden;
margin:0;
color:#979797;FONT-FAMILY: verdana; BACKGROUND-COLOR: #FFFFFF;FONT-SIZE: 12px;}
div.main{
overflow:scroll;
width:100%;
height:100%;
filter: chroma(color=#dddddd);
}
</STYLE>

拉条颜色分析：

darkshadow-color：拉条的拉动条右边颜色
highlight-color：拉条的拉动条左边颜色

有些拉条会连带着背景颜色以及背景地址，而我举例的这个拉条代码是现在大家最常用的透明拉条，同时也是连带背景颜色及背景地址的拉条码。

background:URL=背景地址，BACKGROUND-COLOR=背景颜色，如果你只有背景色而没有背景图的时候你可以把background:url(/Up/2007-12/271656929643.jpg);设置成background:URL();这样的话，系统自然会直接显示你在BACKGROUND-COLOR里所填写的颜色。

然后下面出现的一个COLOR:#979797和SIZE: 12px;}。COLOR代表字体颜色，SIZE代表字体大小。

div.main{
overflow:scroll;
width:100%;
height:100%;
filter: chroma(color=#dddddd);这个代码，如果熟悉Blog代码的人都会知道这是个掩藏拉条颜色的代码，把你不想显示出来的拉条颜色换做#dddddd既而被覆盖掉，掩藏拉条的颜色最好选择及少用的颜色，以免Blog上有类似颜色而被透明化。

我们编写拉条的时候有些模版拉条是个独立式的。例如：

<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #E1DBE5;
SCROLLBAR-HIGHLIGHT-COLOR: #E1DBE5;
SCROLLBAR-SHADOW-COLOR: #E1DBE5;
SCROLLBAR-3DLIGHT-COLOR: #E1DBE5;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #E1DBE5;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #E1DBE5
}
</STYLE>

这就是一个独立的拉条代码。例如你的背景图片怕被拉条破坏原来的感觉，很多人就会选择把拉条透明化。那么，独立势的拉条要怎么把它透明化呢，很简单。只要把div.main{overflow:scroll;width:100%;height:100%;filter: chroma(color=#dddddd);的代码放到独立的拉条代码下就可以了。

假设#E1DBE5是你想让它透明化的颜色，拉条码就会变成：
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #E1DBE5;
SCROLLBAR-HIGHLIGHT-COLOR: #E1DBE5;
SCROLLBAR-SHADOW-COLOR: #E1DBE5;
SCROLLBAR-3DLIGHT-COLOR: #E1DBE5;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #E1DBE5;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #E1DBE5
div.main{
overflow:scroll;
width:100%;
height:100%;f
ilter: chroma(color=#E1DBE5);
}
</STYLE>就这样完成了，再把代码放到源码里去就可以了。

这是两个很重要的步骤，模版字体颜色以及拉条代码都完成了，几乎就成功了一半了。

接下来就是小细节了，例如我现在用的这一个版。用来放文字的方框由于不好用鼠标，所以是很大的问题。大小不合适要怎么解决。在放着“$show_log$”的附近寻找“WIDTH和HEIGHT”WINTH代表宽，HELGHT代表高。宽和高的单位是px.例如你的宽需要447，高需要130，那么就是WIDTH:447px和HEIGHT:130px，这样就可以了。

「三.代码解悉。副模版」

主模版和副模版，相对于来说副模版比较简便。最简单的来说，只需要在设计模式里面把标题，留言或者发表时间等等的代码放进去就好了。

但是有些亲喜欢特殊点的，例如放上分割线和加上框框。

分割线比较简单，只要把制作好的分割线的图片放在副模版里的设计模式里就好了。

关于怎么加上方框的问题，本来是没有想到，后来看到有个亲在我日记里留言问我怎么修改评论的宽度，虽然不是很明白她的意思，但正好也在这里说下怎么加上方框以及调整方框的宽度。

在副模版里加上方框就等于你的博客日记。以及评论每一条都会显示出独立的方框。

举例代码：

<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
<TABLE cellSpacing=0 cellPadding=1 width="100%" align=center border=0>
<TBODY>
<TR>
<TD> <B>$show_topic$</B></TD></TR>
<TR>
<TD>$show_logtext$</TD></TR>
<TR>
<TD align=right> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center border=0>放在源码最上方就会产生方框。

至于方框的长度要怎么修改，在产生方框代码里的width="100%里修改。如果觉得方框太大可在百分值里修改成97%等，同样的如果觉得方框太小一样在百分值里输入比百分更大的数值。

至于为什么会出现两个cellPadding=1 width="100%"，因为第一个是代表方框的大小，第二个是代表方框里面文字的宽度。所以两个百分值一定要相同。

特别有些亲喜欢虚线或者点状线，就可以在BORDER-RIGHT: #000000 1px solid; 里修改。solid：直线，none：无样式，dotted：点线，dashed：虚线，groove：槽线，ridge：脊线。直接把solid改成以上任何一种线条的代码就可。

方框有四条边，也可以把它修改成三条，两条。有四个BORDER-，RIGHT：右线，TOP：顶线，LEFT：左线，BOTTOM：下线。例如你不要下线，就可以直接把BORDER-BOTTOM: #000000 1px solid代码，全部去掉。

「四.一些便捷代码」

为什么要叫它们便捷代码，原因就是它们都是独立的，随便放在主模版源码编辑器的任何一个地方。

首先是可以控制字体行距和间距的代码，代码为：

TD{

line-height:200%;
letter-spacing:2px;
}

line-height:200%; //行距，letter-spacing:2px; //字间距。特别要注意的是这个代码要放在<STYLE>里面才行，一般我们都放在font-family: "Verdana", "Laper", "Arial", "Helvetica", "sans-serif"; font-size:11px;的里面，就是字体和字体大小里面。

禁止右键复制，代码为：

<SCRIPT language=javascript>

</SCRIPT>

禁止Ctrl+C复制的代码为：

<SCRIPT language=JavaScript1.2>
function disableselect(e){
return false}
function reEnable(){return true
}
file://if IE4+
document.onselectstart=new Function ("return false")
file://if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</SCRIPT>

点击连接时出现的虚线，代码为：

<STYLE>
A {text-decoration: NONE}
A:hover {border:1px dashed #000000 }
</STYLE>

dashed #000000 ，dashed为虚线颜色，后面#000000可自己换喜欢的颜色。

鼠标呈十字型，代码为：

<STYLE>BODY{cursor:crosshair}</STYLE>

- -!`那个忘记是什么了，放缩略图[移动]，代码为：

这是个可移动的，"|陌上桑||_____|"会来回移动，"我們不再是誰的誰就像那残碎的花 " 的第一个字开始到最后一个，然后如此重复。放中文的地方都是可以自己修改的，亲们可以自己研究研究。

和上面一样的[静态.常用]，代码为：

<SCRIPT language=javascript>
var where = "";
function checkwhere(e) {
        if (document.layers){
        xCoord = e.x;
        yCoord = e.y;
}
        else if (document.all){
        xCoord = event.clientX;
        yCoord = event.clientY;
}
        else if (document.getElementById){
        xCoord = e.clientX;
        yCoord = e.clientY;
}
        window.status = "                  會者定離「2007 - 2008」我們倒塌在信仰的腳下 " ;
        }
document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
</SCRIPT>

点击连接时呈模糊状[个人很爱]，代码为：

<STYLE type=text/css>
a:hover {color:#979797; text-decoration: none; height: 0; filter:blur Alpha(Opacity=90, FinishOpacity=40, Style=2)}
input, textarea{border:0px;border-bottom:1px solid #979797;background-color:#ffffff;font:11px Verdana;color:#979797}
</STYLE>

Opacity=90, FinishOpacity=40, Style=2，这几个代码都是调整模糊程度的，因为我已经很久没调整了所以不大记得了，但是建议不要修改，因为个人觉得这已是最佳模糊效果了。除了background-color颜色以外，其他颜色都可以改为一致的，background-color代表模糊后你点击连接后的背景。也可自行修改，但如果是浅色系的模版的话，建议使用#FFFFFF色调为最佳。

背景音乐，代码为：

支持wma和mp3格式的音乐文件，最早的时候有一个可以通过“On | OFF”来开关音乐的代码，本来想要粘贴出来，但是不建议使用。因为不是很好用，音乐播放不出来，郁闷。loop="-1"的意思是无限循环。

让整个博客靠左，及靠右，代码为：

<STYLE>body{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-right:270px;}</STYLE>

这是靠左的代码，270px为靠左多少数值。

<STYLE>body{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:270px;}</STYLE>

这是靠右的代码，同上，270px为靠右多少数值。

其实代码都相同，靠左靠右，都在margin-left:里改，left=右边，right等于左边。

多种图片效果，代码为：

黑白效果：<IMG src="图片地址" style="FILTER: gray(color=#CCCCCC)">

底片效果：<IMG src="图片地址" style="FILTER: xray(color=#CCCCCC)">

左右反置：<IMG src="图片地址" style="FILTER: fliph(color=#CCCCCC)">

滤镜效果：<img src="图片地址" width=380 height=147 style=filter:Alpha(opacity=100,style=2)>

连接说明框，代码为：

上面那个是可以打开新窗口的代码，如果不想新建一个窗口，只想在同一个页面打开的话，代码如下：

修改回复框的背景颜色，代码为：

<STYLE>
.innertext .quote{
display:block;
background-color: #095394;
width:76%;
padding: 15px;
margin: 10px;
margin-left:20px;
line-height: 160%;
color: #FFFFFF;
}
.innertext .quote strong{
color: #FFFFFF;
}
</STYLE>

background-color: #095394;为背景颜色，如果想用图片的话可以改成background-url(图片地址);

下面两个颜色都是字体的颜色，可自行选择

把上面的代码放到主模版的源码里，要是要记住：还要再打开副模版，在副模版的源码里找到$show_logtext$的日记主体标志。

在$show_logtext$的前面后后面分别加上<DIV class=innertext>和</DIV>。源码：<DIV class=innertext>$show_logtext$</DIV>