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

虎行天下

白额频频夜到门,水边踪迹渐成群。我今避世栖岩穴,岩穴如何又见君。

 
 
 

日志

 
 

导航代码精选(11)  

2010-06-28 16:42:48|  分类: 博客素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

日志导航代码:

<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="80%" bgColor=#080808 border=3>

<TBODY>

<TR>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>

</TD>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

</TR></TR></TR></TBODY></TABLE>

注: width="80%这是边框的大小可以根据自己模块大小调节,颜色,字体大小都是可以调整的,里面的小边框可以根据自己的情况增加和减少。<TABLE borderColor=#ff0000 是指边框的颜色 ,

bgColor=#080808 border是指背景的颜色,FONT color=#ff0000是指导航块字体的颜色,size=2是指字体的大小。

具体步骤如下:

第一步:在编辑日志窗口按你文章的类别归类做文字链接。其步骤如下:

1.点击日志----点击写日志,进入编辑日志窗口;

2.在编辑日志窗口的右上角点击“全部功能”----找到<>按钮,点击进入HTML代码编辑窗口;

3.在代码编辑窗口中做文字链接:

A.输入文字链接代码:<a href="相关地址" target="_blank">相关文字</a>

B.“相关地址”处粘贴你一篇日志的网址。注意:不能在日志分类中打开你的日志,要在你最近发表的日志那个模块中打开你的日志,然后在顶上面的网址栏中把日志网址复制,再粘贴在“相关地址”处。

C.“相关文字”处填你那篇日志的名称,如:1、中秋情思

D.一类中有几篇日志就按上述方法依次反复做几次,编上序号。

E.每个日志标题的换行,方法很简单,就是在文字链接代码的前面加一个换行代码<br>如: <br><a href="相关地址"target="_blank">相关文字</a>

F.如果想字大一点,那就在所有代码的前后各加一个放大字体的代码<h2> 如: <h2><a href="相关地址" target="_blank">相关文字</a><h2>

4.点击编辑窗口的<>按钮,回到日志编辑窗口;(点那个预览可以看编辑状况)

5.日志标题栏中填你日志类别的名称,类别栏中填浏览导航;

6.到此为止,你就做好了一个类别的文字链接,点击“发表日志”完成。

日志的分类是没有单独的地址的

所以大家要自己建一个帖子用来收集分类的连接,就如我的网络抒情蓝色妖姬的情感美文欣赏 这个帖子根据自己的喜好可以制成只带有文字链接的也可以制成和我一样带有图片连接的。然后在把收集连接的这个帖子地址放到导航代码中,这样使用起来才会更加的方便。

以下是代码:

<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="80%" bgColor=#080808 border=3>

<TBODY>

<TR>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称 </FONT></A> </P>

</TD>

<TD><A href="此处是导航的地址" target=_blank><IMG height=80 src="此处是图片地址" width=80 border=0></A>

<P>&nbsp;<A href="此处是导航的地址" target=_blank><FONT color=#ff0000 size=2>此处是导航的名称</FONT></A> </P>

</TD>

</TR></TR></TR></TBODY></TABLE>

显示的效果 :

 

情感美文 1

 

网络抒情

注: width="80%这是边框的大小可以根据自己模块大小调节,颜色,字体大小都是可以调整的,里面的小边框可以根据自己的情况增加和减少。

  表格代码

<HR width="100%" color=#0000ff SIZE=10>

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=40>

<TD width="100%">

<P></P>

<A href=”博客名称链接地址”>

</P></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#00cc00 height=20>

<TD width="33.3%">博客安装方法</A></TD>

<TD width="33.3%">装扮美化博客 </A></TD>

<TD width="33.3%">博客代码技巧</A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

<TABLE cellSpacing=1 cellPadding=0 width=700 align=center bgColor=#ff0000 border=0>

<TBODY>

<TR bgColor=#ffffcc height=20>

<TD width="33.3%"><A href="地址">标题 </A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD>

<TD width="33.3%"><A href="地址">标题</A></TD></TR></TBODY></TABLE></P>

<P style="TEXT-INDENT: 2em">

说明:

    width="33.3%"是横格100%分成三份 如是四个横格 就是25% 以此类推.

    <HR width="100%" color=#0000ff SIZE=10> 是上下兰色条代码可调.

   Color=#ffffcc 颜色可调      height=20 每格的高度. 兰色是你文章的地址 红色是标题 是换成自己文章的地址和标题 . 如想增加表格 按上面代码的规律可继续填加. OK!

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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