注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

雨中散步

.

 
 
 

日志

 
 

引用 (原创)博客格式目录制作方法  

2010-11-14 09:21:21|  分类: 素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

三月飞春雪(原创)博客格式目录制作方法

(原创)博客格式目录制作方法

三月飞春雪

 

        博客格式目录,又叫菜单目录,目录表格。博客格式目录一般常做为博客子目录使用,具有博客总目录导引下的层次分类目录或日志题目分录的功能。它对博客总目起着逐级展开和层次递进的作用。 博客格式目录多与其他形式的博客总分类目录配合使用。你如果制作了博客总分类目录,就需要制作博客格式目录。下面,就请你随我一起试做博客格式目录:

一,本博实例效果(点击文题可打开内容)

 

我的原创博教目录

 

2008年11月22日 -  三月飞春雪 - 三月飞春雪

 

二,代码

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT: #00ff00 10px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #3cb371" cellSpacing=0>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<P align=center>&nbsp;</P>
<P align=center><STRONG><FONT color=#ff0000 size=6>我的原创博教目录 <BR></FONT></STRONG></P></FONT></STRONG>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<P></P></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/11168637200723141553398/" target=_blank><STRONG><FONT color=#0000ff size=2>(01)) (原创)如何使用播放器自动播放非Flash 格式音乐</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/11168637200710230010143/" target=_blank><STRONG><FONT color=#0000ff size=2>(02) (原创)教你创作你的幻灯秀</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P align=center></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/111686372009314889574/" target=_blank><STRONG><FONT color=#0000ff size=2>(03) (原创)博客贴图制作方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097995715323/" target=_blank><STRONG><FONT color=#0000ff size=2>(04) (原创)博客备份方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097721324280/" target=_blank><STRONG><FONT color=#0000ff size=2>(05)(原创) 博客公告栏安装方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/11168637200971010442976/" target=_blank><STRONG><FONT color=#0000ff size=2>(06)(原创) 博客目录制作/眉图与内容的链接方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097152573122/" target=_blank><STRONG><FONT color=#0000ff size=2>(07) (原创)教你自制博客日报</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097159046647/" target=_blank><STRONG><FONT color=#0000ff size=2>(08) (原创)博客移动目录制作方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/11168637200972184113385/" target=_blank><STRONG><FONT color=#0000ff size=2>(09) (原创)博客下拉目录制作方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/111686372009726101911410/" target=_blank><STRONG><FONT color=#0000ff size=2>(10) (原创)博客文字目录制作方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/11168637200972621321415/" target=_blank><STRONG><FONT color=#0000ff size=2>(11) (原创)博客题图目录制作方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/111686372009818182264/" target=_blank><STRONG><FONT color=#0000ff size=2>(12) (原创)文字在背景图上移动的制作方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://wyp-790116.blog.163.com/blog/static/111686372009848561177/" target=_blank><STRONG><FONT color=#0000ff size=2>(13) (原创)背景图载移动目录的制作方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://liqinghua1189.blog.163.com/blog/static/8905277820081010112725873/" target=_blank><STRONG><FONT color=#0000ff size=2>(14)</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="http://http//liqinghua1189.blog.163.com/blog/static/89052778200810101013640/" target=_blank><STRONG><FONT color=#0000ff size=2>(15)</FONT></STRONG></A></TD>
<TD width="50%"><A href="http://liqinghua1189.blog.163.com/blog/static/89052778200810915021922/" target=_blank><STRONG><FONT color=#0000ff size=2>(16)</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>
<P></P>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<DIV align=center><A href="http://liqinghua1189.blog.163.com/edit/" target=_blank><IMG  style="DISPLAY: none; WIDTH: 2px; HEIGHT: 12px; hasFilter: yes" height=12 src="http://img.blog.163.com/photo/X5P-4lkHHtZz9L89q7gEDg==/3735172940951066342.jpg" width=600 border=0></A> </DIV>
<TBODY></TBODY></TABLE></TD></TR></TBODY>
<TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

三,制作

1,将上面代码通过鼠标复制:(具体操作:鼠标对着代码末尾按住左键,拖至代码首头释放左键,将全部代码罩色选定,鼠标对准罩色区任意处,点右键,在出现的菜单中左键选点“复制”)。

2,登录你的博客,点导航栏中的“日志”,点“写日志”,点“< >”打开日志源码编辑页面,鼠标对着空白编辑区点右键,在出现的菜单上,左键点“粘贴”,就将代码贴进了日志栏。

3,先将代码中的你要打开的日志的地址(红色部分)与你要打开的日志标题(绿色部分)匹配链接:你可从上至下依次将13个日志文题改为你的日志文题,每个日志文题上面的以“http:/......"开头的红色部分是这个文题要打开的内容页面的链接地址。假设,你写了一篇日志,题目叫做(原创)博客备份方法》,你就将“(原创)博客备份方法”作为文题替换上述代码中第一行绿色文字:“(原创)如何使用播放器自动播放非Flash 格式音乐”。在保持操作页面不关闭情况下点页面右上的“—”按钮,先将页面隐藏于底栏,你需另外点开《原创)博客备份方法》这篇日志,鼠标指向日志页面顶部地址栏,点右键,在出现菜单上左键选点复制,然后点隐于底栏的编辑页面,回到先前操作页面,采用上面我们谈到的拖色罩选方法选中《(原创)博客备份方法》其上的以“http:/......"开头的红色部分,对罩色区点右键,点粘贴,将旧地址替换。(用复制的新地址替换旧地址时,注意去掉地址尾缀“edit/”)。其余目录文题的地址链接以此类推,这里不一一复述。

4,代码中的粉红色的:"我的原创博教目录”,是专题目录名称,你可自定义。

5,代码中的蓝色部分:“width=700是博客格式目录的整体可调宽度,你可依据你博客的实际需要宽度自行调整。

6,代码中的橙色部分:“bgColor=#ff0000 ”“color=#0000ff 是可调格线的颜色码,你可依据你的喜好自行调整。

选择颜色编码请点击这里

7,表格目录空格的增减操作:

增加:

       将下面这一组行格代码复制,粘贴在本文第二项全码中的与此组代码相同的最后一组代码尾部,即可增加一行目录表格。然后编排文题序号,按照本文“三,制作”中的第3项进行文题与内容地址的链接操作。

<DIV>
<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%"><A href="
http://wyp-790116.blog.163.com/blog/static/11168637200972621321415/" target=_blank><STRONG><FONT color=#0000ff size=2>(11) (原创)博客题图目录制作方法</FONT></STRONG></A></TD>
<TD width="50%"><A href="
http://wyp-790116.blog.163.com/blog/static/111686372009818182264/" target=_blank><STRONG><FONT color=#0000ff size=2>(12) (原创)文字在背景图上移动的制作方法</FONT></STRONG></A></TD></TR></TBODY></TABLE></DIV>

减少:

       与增加的操作相反,将一组行格代码从全码中删除,即去掉一行目录格。

8,其他相关框架代码你可以忽略不做调整。

9,在上述操作过程中,你可随时点"< >'浏览效果,再点"< >'返回代码编辑页面,继续下步操作。最终完成后,点“保存为草稿”或“发表日志”。

10,与相关联的总分类目录建立链接:在总分类目录代码中操作,将其需打开的地址换成(或贴入)本格式目录的地址链接。

 

(原创)七律 望春 -  三月飞春雪 - 三月飞春雪

点击进入三月飞春雪博客

 

  评论这张
 
阅读(53)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017