给你自定义模块加个背景

博客教程与素材   2007-06-26 15:22   阅读966   评论10  
字号:    


经常有朋友会问为什麽你的自定义栏里会有花边?

或者是怎麽在自定义栏里加上背景?

其实原理都是跟日志背景是一样的,

我在一个有设定尺寸大小的表格里加上背景,

接下来不论是你在表格上打文字也好,放上Flash或是图片,

背景就会跟着你的表格延伸,

连续的动作下来他就成为重复的图案了。

代码很简单如下:

<table border="0" width="表格宽"  background="背景图网址"><tr><td>图片、文字或其他代码</td></tr></table>

 

不过今天除了告诉大家代码外,当然主要是分享一些漂亮的自定义栏位的背景图了。

喜欢的朋友就像拿日志背景一样,直接将代码复制回家就可以了,

想要使用自己图片作为背景的朋友则可以复制上面的代码回家修改就可以了

蝴蝶-白色系列

代码

【方法】:
1:先点博客首页右最上角的_设置
2:再点_开始装扮博客_设置首页内容_添加自定义模块_确定
3:添加自定义html显示
4:复制上列代码後贴上
5:将模块移到想显示的位置→再保存(右上角)
   就可以看到出现在你的博客上了!

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/FtVJb05k81DEVEid9QgjmA==/5401223328100856165.jpg">
<tr><td>
<p align="center"></td></tr></table>>

 

想要出现的文字、图片或者代码接在<p align="center">之後,</td>之前

接下来还有很多花样.你自己喜欢哪种就按照上面这个做就行了.

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/7x7NZq1zdjS7o7MInNZAgA==/5401223328100856169.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/ARI5QfevJ89X06tpCkTEVw==/5401223328100856180.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/bxgifjdsUXjjqxSFAjktpw==/5401223328100856184.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/DrxzWWa6DcYbvxl2UCWnAg==/5401223328100856188.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/zrgGMDp3lpuhL0jsHwKPiQ==/4519080751090044600.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/1pNnNCCfeZn4UHL5l3-5CA==/4519080751090044607.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/MSNBdFttYMJk-Qu7e2jVmw==/4519080751090044610.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/NgshNQz1iKk_MYMqjrQNhA==/4519080751090044621.jpg">
<tr><td>
<p align="center"></td></tr></table>>

代码●

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/eYvjeyAIZCR0dy8Z9fnGqA==/4519080751090044627.jpg">
<tr><td>
<p align="center"></td></tr></table>>

蕾丝系列

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/O-hdQMBm3O56hAt79X-Fqw==/5415578551913339098.jpg">
<tr><td>
<p align="center"></td></tr></table>>

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/BJQ5ENI3nMv8_S3tMfFR4w==/2821223691571318668.jpg">
<tr><td>
<p align="center"></td></tr></table>>

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/tYUpMYq_BzOX8BPbBTiWPg==/5401223328100856236.jpg">
<tr><td>
<p align="center"></td></tr></table>>

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/DHF_J6TK39kjG4SZWTOrWQ==/4303470918929378531.jpg">
<tr><td>
<p align="center"></td></tr></table>>

<table border="0" width="220" cellspacing="0" cellpadding="0" background="http://img.blog.163.com/photo/HhYqZ80CwtOmN9QQZLUTVg==/5415578551913339106.jpg">
<tr><td>
<p align="center"></td></tr></table>>

 

希望你的小家比我做的还要漂亮,我写的很够详细的啦,接下来就看你的啦,耐心学一下子就会了.

记得学的时候也多给点意见与支持哟,多多回贴.我才能更加进步嘛.

回个帖表示礼貌哦 
朋友请不要复制本篇文章,想引用的朋友请点日志下方的--分享

--再点引用到我的博客.请尊重原创,谢谢你的合作.

 

 

 

评论(?)
阅读(?)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
网易公司版权所有 ©1997-2009