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

We Media

 
 
 

日志

 
 

网易博客代码.照片像框样式和代码大全第二部分(10例)  

2008-10-05 23:27:55|  分类: 【博客代碼】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

欢迎来到互联友吧!  [原]照片像框样式和代码大全二

效果图1:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://img.blog.163.com/photo/Bk-yk_dynFRoaascF72vaQ==/2840082515011136351.jpg>
<TBODY>
<TR>
<TD><IMG height=100 src="http://img.blog.163.com/photo/k1vk5t1LmydB8pd4jOgjpA==/324540648147841698.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P>

效果图2:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://img.blog.163.com/photo/MGA5T6wQFbZjfunMlgO9YA==/2840082515011136360.jpg>
<TBODY>
<TR>
<TD><IMG height=100 src="http://img.blog.163.com/photo/Rl8FbVw1d2TyiG7ZKnC0HQ==/913667774403128903.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P>

效果图3:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://img.blog.163.com/photo/mqb_co31HmMb-YSbXyyOMw==/2840082515011136362.jpg>
<TBODY>
<TR>
<TD><IMG height=100 src="http://img.blog.163.com/photo/oz8iA-yp3DSqC9sLFmN7sA==/913667774403128924.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P> 

效果图4:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=100 cellSpacing=0 cellPadding=0 width=100 align=center background=http://img.blog.163.com/photo/sZsNmJLJrMTArxLz5SJsCA==/2840082515011136386.jpg>
<TBODY>
<TR>
<TD><IMG height=100 src="http://img.blog.163.com/photo/Ap2d3qEmOiGW8651WbpZWw==/3450320264519672830.jpg" width=100 border=0></TD></TR></TBODY></TABLE></P> 

效果图5:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=120 cellSpacing=0 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/OmL8xAm15yT-mI1tHeOpOw==/4512606826626080972.jpg>
<TBODY>
<TR>
<TD><IMG height=140 src="http://img.blog.163.com/photo/8zfRMx_0gHWNaHMOns3SKA==/4836303049842945597.jpg" width=300 border=0></TD></TR></TBODY></TABLE></P>

效果图6:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=200 cellSpacing=0 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/wiOLRgMRJaO-qwseGEoelg==/2326672157490883992.jpg>
<TBODY>
<TR>
<TD><IMG height=200 src="http://img.blog.163.com/photo/6kMals4-fZtE3SjbCbMpXg==/2321324132933095418.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

  

效果图7:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/-LjRJj9h9GkIiq8fS4oSWQ==/1997064959762534753.jpg>
<TBODY>
<TR>
<TD><IMG height=240 src="http://img.blog.163.com/photo/JS7aIuDZHz1y2yrNxKEsRA==/1422293057319463954.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

效果图8:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

 <P align=center>
<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/BkQ1M_xK7eYVzOPmYYJpcw==/1723752757376492859.jpg>
<TBODY>
<TR>
<TD><IMG height=240 src="http://img.blog.163.com/photo/lyOqN3h6XqCSBPZkJtyw5g==/1418633882622346851.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

效果图9:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=240 cellSpacing=0 cellPadding=0 width=240 align=center background=http://img.blog.163.com/photo/sEKoMgK1wKdmc6UeYKS-ug==/5388556954149032489.jpg>
<TBODY>
<TR>
<TD><IMG height=240 src="http://img.blog.163.com/photo/iiHI7-KW1GxV_jNGxMUOpg==/1730226681840957664.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P> 

效果图10:

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

代码如下:

<P align=center>
<TABLE height=240 cellSpacing=0 cellPadding=0 width=160 align=center background=http://img.blog.163.com/photo/iScctLgsqevmRD4YlFvFTA==/3984278295339844569.jpg>
<TBODY>
<TR>
<TD><IMG height=240 src="http://img.blog.163.com/photo/YfQXJt160Yvgx6b0Q73kCQ==/4235353974565626656.jpg" width=240 border=0></TD></TR></TBODY></TABLE></P>

 

说明:

height=139是高度 width=139 是宽度自己调到合适的尺寸!

红色代码是透明像框gif图片的地址.你看到的是后缀名为.jpg其实它的属性还是gif图!

鲜绿代码是你的照片地址!

做好照片像框最主要的是照片头像的居中位置不能被覆盖!

 

置入博客方法如下图解:

1. 进入编辑→2. 排版→3. 模块→ 4. 添加自定义html(显示)(出现在网页左下角)→ 5. 复制下列语法後贴上→6. 新增→ 7. 将模块移到想显示的位置→8. 再保存(右上角)→9. 预览我的博客。→10. 就可以看到出现在你的博客上了!

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

网易博客代码.照片像框样式和代码大全第二部分(10例) - 互联友吧 - 互联友吧

  评论这张
 
阅读(2508)| 评论(5)
推荐 转载

历史上的今天

评论

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

页脚

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