加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

自建列表模块-新浪BLOG教程之四

(2008-10-25 15:58:38)
分类: ★~学.者无疆

      新浪博客支持用户创建一个新的列表模块。

 

自建列表模块-新浪BLOG教程之四例如我们可以用它做一个好友博客的链接。但我们在一些网页当中,经常会看到类似于左图这样的图文式简介,实际上,它跟列表的性质是一样的,只是为每个链接添加了图片而已。在这种情况下,列表模块就无能为力了,需要我们自己动手来完成这样的列表。

 

大家还记得我们上一次提到的添加图片和文字的链接的方法吗?在这里,我们就要用到给文字添加链接的代码,但是,也不完全一样。因为现在,我们要使文字居于图片的右边,至于实现的方法,雨雨也不知道,但我们可以到网上搜索一下这样的格式代码,例如下面这个代码:

 

<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

(来源:http://blog.sina.com.cn/s/blog_446ae4ee010003rd.html

 

自建列表模块-新浪BLOG教程之四 利于这一串代码,雨雨将原来的行记列表修改右图的样子,代码如下:

 

<IMG height=80 src="http://img3.fengniao.com/forum/attachpics/15/17/563343.jpg图片地址)" width=110 align=left border=0>
<CENTER><STRONG><FONT color=#008000>陈家祠(标题文字)</FONT></STRONG></CENTER><FONT color=#808080><FONT style="FONT-SIZE: 12px">这座秀美、幽雅的庭院掩身于繁华闹世的广州城,显得落落大方,脉脉有情。(说明文字)[</FONT><A href="http://bbs.fengniao.com/forum/showthread.php?t=201004"(链接地址) target=_blank>详情</A>]<BR>...............................<BR>

 

使用时,将所有红色字体及其前后括号删除就可以了。

 

当然你也可以不使用代码的方式来写,你也可以在空白日志中先做出链接和文字的式样,因为在日志里做出这样的效果比较简单,然后把“显示源代码”选框勾上,把所有代码粘贴到空白模板里,再稍微调整一下格式就行了。

 

雨雨现在也在是现学现卖,高手路过,别见笑啊~

0

阅读 收藏 喜欢 打印举报/Report
前一篇:末班车
后一篇:湄南小镇
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有