打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
如何为博客文章加上背景图片
【资料卡片20120202】默人
博客文章的背景图片,可以是‘色纸’,也可以是图片,色纸,大都是自己制作后上传的,也可以在一些素材网页上得到,以图片做背景,也是可以自己上传,或者直接使用网上的图片。不管是使用自己上传的图片,色纸,还是使用网上的图片色纸,都得需要先得到图片,色纸的图片地址。
在博客图片上是不能直接添加文字的,而是需要使用一定的代码。方法:
1. 进入发表文章窗口;(想要作背景的图片网络地址应该先前就知道,否则文章做一半又得去找图,多烦!)
2. 勾选“显示源代码”---至关重要!
3. 在编辑栏内添加下列代码:
<table width="450" border="0">
<tr>
<td height="562" background="图片地址"></td>
</tr>
</table>
4. 取消“显示源代码”的选择,你就会在编辑栏看到图片,而且光标也在图片之上(可能光标的首行不在图片的顶端,不过没有关系,尽管从光标的首行可是您的写作就行了,文字会自动顶到图片的顶端);
5. 写文章与没有图片一样,完了点击“发表文章”就行了。
6. 图片地址是指你使用的图片的网络地址。建议你把背景图片上传到你的博客相册中,因为网上的图片,一经删除,我们的博客背景就没有了。450和562是指图片的宽和高,我这里用的图片实际大小宽680(象素)。
7.图片的地址和大小尺寸取得的方法是,找到并打开网络上的图片以后,用右键点击图片,再点右键菜单中的“属性”,你就会看到图片地址和大小尺寸了。
8.代码中的:background=后面就是需要显示的图片地址,可以给句自己的需要来更换。(代码中蓝色的部分)注意!地址和后面代码之间是需要有空格的。代码中的WIDTH:485px数字可以修改,来调整显示宽度。显示的长度,图片会自己根据文字多少自己调整显示长度。
borderColor=#600020 是边框颜色代号,border=3是边框的宽度,这些都是可以根据自己的设计改变的。
9.代码添加的方法是:
勾选博客编辑页面下方的‘显示代码’小方块,打开代码编辑页面,将上面的那些代码,复制,粘贴到页面上,再次勾选‘显示代码’小方块,就可显示添加的图。
可以用你的博客文章,来替换“在这里写字”几个字。也就算完成了。
10.最简单的方法:
如果朋友对处理这些代码,觉得不好弄,这里有个最简单的方法,是直接使用其他朋友的文章背景。
可以将朋友有背景的文章,连同背景一并选中,(用鼠标点击按住文章开始部分,保持鼠标在按住,一直拖到文章最后部分,这是可以发现,文章的文字以及背景全被选中,(刷蓝)之后,右击鼠标--复制。到自己博客上打开博客编辑页面,右击鼠标--粘贴,就可以把朋友的文章连同背景,添加到你的博客上了,清除原来的文字,换上你自己的文章内容。就可以了。
【资料源自网络  图文编辑/默人】
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
怎样做代码边框(运用背景图片做边框)
绝对另类
[转载]怎样在你博客文字中添加背景
【博客知识】如何在背景图片上加载图片
关于两侧掛件
模块代码安装及语法说明
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服