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

.

-转录博主之文,敬请您注明出处,否则谢绝。

 
 
 

日志

 
 

网易博客代码-163博客教程  

2009-04-10 17:47:48|  分类: 工具书-A级精彩 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

网易博客代码-163博客教程

第一节 网易博客自定义模块中图片的添加

图片是必不可少的,也是美化网页或博客的首选。常用的图片有jpg静态图片和gif动态图片,在网易博客中给网友提供了无限的图片保存空间,所以你用图片来美化博客,运用起来会更容易。还是那句话,不会运用图片也是极大的浪费。

1、最简单的图片应用,就是看到图片后点右键选复制然后到想发表的地方点粘贴,图片即可粘贴过来,如到好友博客发问候图片、在自己日志中发图片。但网站与网站之间的交流可能会遇到图片防盗链,所以见议上传到网易相册中后使用,反正是无限空间。

2、图片的上传。在网易博客中图片的上传方法很简单,通过提示即可实现。网易博客相片中的图片只能在网易内部链接使用。上传大量的图片可用网易相册中带的上传工具。

3、图片链接地址的获得。图片在网络中保存的地址可以通过打开你想要调用的图片(注意不是缩略图),右键点击图片,打开最下面的“属性”,这里有就图片的保存“地址”复制过来即可。

4、调用图片的标签img及相关参数。

<A href="http://ndqy.com" target="_blank"><img src="http://img.blog.163.com/photo/fa_v_jc7Fp2BZit0CuBAzA==/1126744331773108906.jpg" width="300" height="400"></A>

上面是最常用的调用图片命令。是通过<img>标签来调用的 http://img.blog.163.com/photo/fa_v_jc7Fp2BZit0CuBAzA==/1126744331773108906.jpg 就是调用的链接地址。<img>标签中常用的参数中:width是宽,height是高。其他参数还有hspace的水平边距 vspace是垂直边距 border是边框宽度,但这三个参数在模块中的用处不大。

<a href="点击图片后打开的链接" target="_blank"></a>这组命令套在主命令中的用处是点击图片后,在新窗口打开一个你指定的链接页面,这还是比较实用的。

5、调用多个图片。

一般情况下常用在边栏的一些挂件中,试试这组代码:

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

 <img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290">

上面代码中多了三组<br/>是换行的意思,如果你想把这些图片平行摆放,那就不用<br/>,还有就是每一组<img></img>连接的时候,中间不要有空,如果有空那么图片中间也有空。

title="中间加汉字"这个命令是鼠标放在图片上出现的提示。在这组命令中调用的是gif动态图片,但是在网易博客中最后的链接地址是.jpg,不过这不影响动态效果,你需要注意的是一定要到图片最后的原图中寻找链接就行。

同样多个图片调用也可以在外面套上<a></a>的超级链接命令,把他套在哪组<img></img>命令外就是点哪张图片后打开的链接,也可以套上几张图。

 <A href="http://ndqy.com/" target="_blank"><img title="点我啊!去你的倩影网站你的博客会更漂亮!" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"></a><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290">

 <A href="http://ndqy.com/" target="_blank"><img title="点谁都打开你的倩影网站" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"><br/><img title="是我漂亮还是下面那个妹妹漂亮?" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"><br/><img title="还瞅什么!我是最后一个了!" src="http://img.blog.163.com/photo/5SWbtlLMDjOMQ4c4BcKlqg==/1418352407645109269.jpg" width="150" height="290"></a>

上面两组命令是不一样的,常用第一组,并且把第一组后面三个都加上超级链接。

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

网易博客代码-163博客教程 - 喜上眉梢 - 喜上眉梢的博客

 <p align="center"><A href="http://ndqy.com/" target="_blank"><img title="这是我朋友的网站" src="http://img.blog.163.com/photo/j9kHUll6FbTx667ejt8e7w==/1418352407645109263.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/index.php" target="_blank"><img title="这里有很多博客素材" src="http://img.blog.163.com/photo/OG4MVM7Frl9M7v3uXIZKpA==/1418352407645109275.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/20070907a03.php" target="_blank"><img title="在这里可以找到更多的漂亮妹妹!" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"></a><br/><A href="http://ndqy.com/blog/sucai/20070907a03.php" target="_blank"><img title="在这里可以找到更多的漂亮妹妹!" src="http://img.blog.163.com/photo/QANI8urb-NaaM3v5L3zq8A==/1418352407645109272.jpg" width="150" height="290"></a></p>

这回我不但把四张图都加上了超级链接,还在最外面套了一个<p align="center"></p>命令,是另起一行并居中的意思,这居中也实用吧。

看来上面已经是很庞大的命令代码了,在网易博客自定义的模块中是有字数限制的,不是放多少都行,具体情况等你点保存时如果过多他就提示你了。

关于图片和其他命令的组合还有很多复杂的,在以后的章节中介绍,因为我写过一起介绍很多命令的文章,结果有很多留言说看不懂的。今天先到这里,你先试着引用一些图片用多了就适应了,其实很重要的一点中找到精美的素材,我这个网站中有大量的素材都是我精选的,也有素材图片网站的引擎链接,你四处转转吧,你也可以问问上面那四个妹妹。

为方便广大博客爱好者,本站撰写和收集了以上文章,博客朋友可以转发但转发同时需注明

转自你的倩影:http://www.ndqy.com/blog/163/16320071111a01.php

  评论这张
 
阅读(468)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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