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

窗外有蓝天

落花人独立,微雨燕双飞。

 
 
 

日志

 
 
关于我

寻找,管什么日月星辰,跋涉,分什么冬夏秋春。我们就这样携着手,走呵,走呵……

网易考拉推荐

图片导航  

2010-06-28 00:34:57|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

百味教坛

淡然每天

备课匣子

资料共享

邀你共读

小荷尖角

课文导读

教学设计

最新评论

给我留言

 百味教坛

 淡然每天

 备课匣子

 资料共享

 邀你共读

 小荷尖角

 课文导读

 教学设计

 最新评论

 给我留言

一直想在自己的博客里做一个分类导航的版块。可手头有的只是表格式的代码。做好了嵌入自己的博客,怎么看怎么不顺眼,呆板得毫无生气。

输入了很多的关键词,可是还是没有百度到自己要的东西。

偶尔看到了“亮剑”的博客。各种代码看得我眼花缭乱,图片导航做得很是精致。遗憾的是,有关这方面的代码,他却没有贴出来。翻来倒去,花了好几个小时,几乎翻遍了他的所有博客代码的文章,终究毫无收获。傻傻地盯着他主页的图片琢磨、发呆。

决定不在一棵树上吊死。想起了博客高手“玫瑰夫人”,逐条查看。感谢夫人,找到了要的东西。

才知道不单单是代码就能完事,需要在线编辑。依样画葫芦,不难。

完工了。放到博客里试了试。

6,8。间距太大,看起来喧宾夺主。

4,5。放在中间,跟音乐的图片不知如何协调。

6,3,4。干脆放在边边上。可四列被遮去了一半。

间距不变,五行二列。马马虎虎,就这样了。

虽然熬到了现在,不过很有成就感。

为了方便自己,也方便如我这般“爱美的菜鸟”,贴出代码,分享。

 

自由互动创作室HTML在线编辑器:http://www.xscedu.com/admin/editor/editor.asp

参考博客:亮剑http://cenqw.blog.163.com/

                玫瑰夫人:http://xxyy9090.blog.163.com/blog/static/45648520081271251136/

代码:<P>&nbsp;</P>
<P>
<TABLE borderColor=#5b00ae cellSpacing=3 cellPadding=2 bgColor=#adadad border=7>
<TBODY>
<TR>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087069080082086066093082085095093082087074080082081"><IMG style="WIDTH: 75px; HEIGHT: 76px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/oYXSH3g8ihRZvheu-HGOCA==/1446499905316364860.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087069080082086066093082085095093082087074080082081">&nbsp;<STRONG><FONT size=4>百味教坛</FONT></STRONG></A></FONT></P></TD>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4318526"><IMG style="WIDTH: 67px; HEIGHT: 67px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/kG8S3mAoVcCm-8hmOTrdcw==/330733097635456652.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4318526">&nbsp;<FONT size=4>淡然每天</FONT></A></STRONG></FONT></P></TD>
<TR>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319413"><IMG style="WIDTH: 76px; HEIGHT: 65px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/8THukv9fWGfg2BGNDJViHA==/3739958015554986713.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319413">&nbsp;<FONT size=4>备课匣子</FONT></A></STRONG></FONT></P></TD>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319604"><IMG style="WIDTH: 68px; HEIGHT: 71px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/WkajtjcSkRFeIcjFc1FGow==/1431863206527606559.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319604">&nbsp;<FONT size=4>资料共享</FONT></A></STRONG></FONT></P></TD>
<TR>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319215"><IMG style="WIDTH: 71px; HEIGHT: 64px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/kG8S3mAoVcCm-8hmOTrdcw==/330733097635456652.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319215">&nbsp;<FONT size=4>邀你共读</FONT></A></STRONG></FONT></P></TD>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319679"><IMG style="WIDTH: 73px; HEIGHT: 67px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/8THukv9fWGfg2BGNDJViHA==/3739958015554986713.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/collection/#m=1&amp;c=4319679">&nbsp;<FONT size=4>小荷尖角</FONT></A></STRONG></FONT></P></TD>
<TR>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087066082084088064085080083095093082087074080082081"><IMG style="WIDTH: 71px; HEIGHT: 74px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/WkajtjcSkRFeIcjFc1FGow==/1431863206527606559.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087066082084088064085080083095093082087074080082081">&nbsp;<FONT size=4>课文导读</FONT></A></STRONG></FONT></P></TD>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067082086084075083085081095093082087074080082081"><IMG style="WIDTH: 73px; HEIGHT: 67px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/8THukv9fWGfg2BGNDJViHA==/3739958015554986713.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067082086084075083085081095093082087074080082081">&nbsp;<FONT size=4>教学设计</FONT></A></STRONG></FONT></P></TD>
<TR>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/profile/?target=blogcomment#m=0"><IMG style="WIDTH: 79px; HEIGHT: 74px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/oYXSH3g8ihRZvheu-HGOCA==/1446499905316364860.jpg" width=200 border=0></A></P>
<P><FONT face=楷体_GB2312 size=5><STRONG><A href="http://senlinjiajia.popo.blog.163.com/profile/?target=blogcomment#m=0">&nbsp;<FONT size=4>最新评论</FONT></A></STRONG></FONT></P></TD>
<TD>
<P><A href="http://senlinjiajia.popo.blog.163.com/profile/misc/#m=1"><IMG style="WIDTH: 68px; HEIGHT: 64px" height=200 alt="" hspace=0 src="http://img.blog.163.com/photo/kG8S3mAoVcCm-8hmOTrdcw==/330733097635456652.jpg" width=200 border=0></A></P>
<P><STRONG><FONT face=楷体_GB2312 size=5><A href="http://senlinjiajia.popo.blog.163.com/profile/misc/#m=1">&nbsp;<FONT size=4>给我留言</FONT></A></FONT></STRONG></P></TD></TR></TBODY></TABLE></P>

  评论这张
 
阅读(66)| 评论(7)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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