都市堕天使第二部:网易博客代码(二十八)照片像框样式和代码大全

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 02:33:08

效果图1:

代码如下:


http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_7.jpg>


http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_1.jpg" width=240 border=0>

  

 

效果图2:

代码如下:

height=139 cellSpacing=0 cellPadding=0 width=139 align=center background=http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_8.jpg>


height=139 src="http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_2.jpg" width=139 border=0>

 

效果图3:

代码如下:

http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_9.jpg>


http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_3.jpg" width=160 border=0>

 

 

效果图4:

代码如下:

 

http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_10.jpg>


http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_4.jpg" width=200 border=0>

 

 

效果图5:

 代码如下:

http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_11.jpg>


http://image30.360doc.com/DownloadImg/2011/06/1617/12959784_5.jpg" width=160 border=0>

 

 

说明:

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

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

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

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

 

置入博客方法如下图解:

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