CSS栏目式布局问题解决方法(三)- -| 回首页 | 2005年索引 | - -腾讯公司高层领导QQ号大揭密

CSS布局的修改方式和具体应用(二)

关键词CSS    布局                                          

我们先说代码中指出的第一处应该(见代码中“需要改写的地方之一”的注释)在记事本上修改的地方:category后面的个问号要改成具体的数字,每个标题栏对应的具体category数值,你可以通过点击“总目录”旁边对应的栏目 对应栏目得知category的具体数值(这里以“美丽家园”的博客为例)。比如“美丽家园”的第一个标题栏是“经济时空” 经济时空,那么只需点击“总目录”旁边的“经济时空” 总目录旁,就会进入一个新的页面,你会在页面中的地址栏看到以下网址 网址 ,这其中#后面有个categorycategory后面的数值就是该标题栏的category对应的数值。将“需要改写的地方之一”的category后面的问号替换成该数值,以此类推查找并替换标题栏三、四……后面category的数值,这第一处要修改的地方即大功告成(友情提示,如果还有第五、第六个标题栏的话,mcategory后面的数值依次改为56即可)

接着再说代码中指出的第二处应该(见代码中“需要改写的地方之二”的注释)在记事本上修改的地方:首先将“栏目一的网址”、“栏目二的网址”……替换成标题栏一、二……对应的网址(这里以“美丽家园”的博客为例)。比如“美丽家园”的第一个标题栏是“经济时空” 经济时空 ,那么只需点击“总目录”旁边的“经济时空” 总目录旁,就会进入一个新的页面,你会在页面中的地址栏看到以下网址 网址 ,你在地址栏中看到的整个网址,便是栏目一的网址。将 “需要改写的地方之二”的栏目一、二……的网址依次替换成对应的网址即可。其次,我们来改各栏目的标题,比如“美丽家园”的标题栏一的标题是“经济时空”,我们只需将代码里“需要改写的地方之二”中的标题栏一的标题改成经济时空即可。其它标题栏标题名称的改写依次类推。

第三步——将上面在记事本里改写好的代码粘贴至日志中:首先将刚才在记事本里改写好的代码全部选中,然后复制。接着进入后台,点击“撰写”  撰写,将“撰写模式”设置成“高级模式”  高级模式,在“文章是否置顶”中选择“置顶”  置顶,然后在“撰写”的工具栏 工具栏 中单击其中的 切换 按钮,切换至“HTML原始码”状态。如果工具栏变成 在状态 ,说明你已经成功切换至“HTML原始码”状态。这时候,将记事本中的代码全部粘贴至“撰写”工具栏下面的文本框中,然后点击“保存并发布”(在这之前可不要忘了写上日志的标题和选好日志的栏目哦)。如果提交成功的话,你会看到弹出这样的对话框 对话框 ,你设置了多少个标题栏就会弹出多少个这样的对话框。

最后,我们来检验一下结果:打开自己的网页,然后单击第一篇日志(文章)如果看到类似这样的效果 坏效果 ——各个标题栏紧挨在一起,则表明是失败的。如果看到类似这样的效果 好效果 ——各标题栏是分开的且列出了具体的文章标题,那么恭喜你——你成功啦!!!

【作者: T@nzi】【访问统计:】【2005年12月3日 星期六 12:28】【 加入博采】【打印

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=3751862

博客手拉手

CSS入门 hehe
讨厌的CSS abing37
css教程-语法 贝贝
CSS减肥篇 hehe
CSS中的技巧 hiniao

回复

评论内容: