怎样让你的日志文字有背景图

**Admin** 周日一月 08, 2012 8:04 pm

有关日志编辑的代码

编辑：黑玫瑰

黑玫瑰欢迎你！☆ 沒能一一回訪，請諒解! 记得留言哦!☆
怎样让你的日志文字有背景图
一、添加日志文字背景图的代码：
<center><table width="100%" border="0">
<tr>
<td height="384" background="图片网址"></td>
</tr>
</table></center>
二、操作步骤：

点击“日志”----点击“写日志”----点击右上角的“全部功能”---点击上面工具栏中HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---用准确的图片网址替代“图片网址”这四个字---此时可以在代码中调整文字输入范围的宽与高（width="100%"表宽度,height="384"表高度，调这两个值可将文字输入范围调到与图片合适大小）---再次点击上面的HTML代码编辑器按钮<>返回到日志编辑状态---在图中输入文字（如果文字范围超过背景图,背景图会随着文字的增长而加长）

怎样得到正确的图片网址，请参看---怎样找准图片的正确网址

三、看看效果：（图片上的文字一超过，图片就加长或加宽了。）

编辑状态---日志---点击左下角HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---用
准确的图片网址替代“图片网址”这四个字---此时可以调整图片的宽与高（width="100%"表宽度

height="384"表高度，调这两个值可将图片调到合适大小）---再次点击左下角HTML代码编辑器按钮<>返

回到日志编辑状态---在图中输入文字（背景图会随着文字的增长而增长）

编辑状态---日志---点击左下角HTML代码编辑器按钮<>进入代码编辑状态---复制粘贴上面代码于其中---

添加漂亮信纸的代码

添加漂亮信纸的代码

每个人在写日记的时候都想添加漂亮的信纸，现在给你们代码

代码如下：

<center><table cellpadding=0 cellspacing=0 border=0 width=80% align=center background="信纸网址" width=500><tr><td><center>

红颜色字体数据是可以调整的

文章分割线代码

文章中合理运用分割线，可使主题清晰、段落明了。样式如下：

１．基本样式代码：

<hr width=300 size=1 color=#5151A2 align=center noshade>

２．　两端渐变透明代码：
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=3)">

３．右边渐变透明代码：
<hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,finishopacity=0,style=1)">

４．　虚线代码：
<hr width=80% size=1 color=#5151A2 style="border:1 dashed #5151A2">

５．　双线代码：
<hr width=80% size=3 color=#5151A2 style="border:3 double green">

６．　立体效果代码：
<hr width=80% size=3 color=#5151A2 style="filter:progid:DXImageTransform.Microsoft.Shadow(color#5151A2,direction:145,strength:15)">

７．纺棰形代码：
<hr width=80% size=30 color=#5151A2 style="filter:alpha(opacity=100,finishopacity=0,style=2)">

８．　钢针效果代码：
<hr width=80% size=3 color=#5151A2　style="filter:progid:DXImageTransform.Microsoft.Glow(color=#5151A2,strength=10)">

注：其中 width 为线条的长度；color为颜色，size为厚度； align为线条位置，有left、right、center值；noshade 为有否立体效果。

表格编辑——BY：谜的博客代码站

<TABLE style="WIDTH: 241px; HEIGHT: 193px" background=http://tinypic.com/9atg68.gif border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<BLOCKQUOTE>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 129px; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ff99cc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 112px; BACKGROUND-COLOR: #000000" align=center><FONT color=#0000ff>
<P align=center><FONT style="BACKGROUND-COLOR: #000000" face="Arial Black, Geneva, Arial, Sans-serif" color=#ff99cc size=4><STRONG>表格编辑——BY：<FONT color=#ff6600>谜的博客代码站</FONT></STRONG></FONT><FONT color=#ff6600><IMG height=20 src="http://photoimg7.qq.com/cgi-bin/load_pic2?verify=kjhHnx1us5jzvep5wE1p6Q%3D%3D" width=25><IMG height=20 src="http://photoimg7.qq.com/cgi-bin/load_pic2?verify=kjhHnx1us5jzvep5wE1p6Q%3D%3D" width=25><IMG height=20 src="http://photoimg7.qq.com/cgi-bin/load_pic2?verify=kjhHnx1us5jzvep5wE1p6Q%3D%3D" width=25></FONT> </FONT> </P>
<DIV style="LINE-HEIGHT: 13pt; LETTER-SPACING: 0.3em" align=left> </DIV></DIV></BLOCKQUOTE></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE></DIV>

谜的博客代码站

<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/hidariue.gif" width=4 border=0></TD>
<TD noWrap width=255 background=http://candied.cn1.jp/tableribbon/ue1.gif height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/ribbonsita.gif" width=58 border=0></TD>
<TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/migiue.gif" width=4 border=0></TD></TR>
<TR>
<TD noWrap width=4 background=http://candied.cn1.jp/tableribbon/hidari.gif height=187></TD>
<TD vAlign=top align=middle width=257 background=http://candied.cn1.jp/newtop/topkabe.gif bgColor=#ffffff>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD noWrap align=middle>
<TABLE cellSpacing=0 cellPadding=5 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-REPEAT: no-repeat" align=middle width=205 background=http://candied.cn1.jp/ame/teruteru1.gif height=110>
<DIV align=center><STRONG><FONT color=#ff0000><FONT size=4>谜的博客代码站</DIV></FONT></FONT></FONT></U></STRONG></TD></TR>
<TR>
<TD noWrap align=right></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT color=#000000></FONT></A></TD>
<TD noWrap width=4 background=http://candied.cn1.jp/tableribbon/migi.gif height=187></TD></TR>
<TR>
<TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/hidarisita.gif" width=4 border=0></TD>
<TD noWrap width=255 background=http://candied.cn1.jp/tableribbon/sita1.gif height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/ribbonue.gif" width=58 align=right border=0></TD>
<TD width=4 height=17><IMG height=17 src="http://candied.cn1.jp/tableribbon/migisita.gif" width=4 border=0></TD></TR></TBODY></TABLE>
哈哈

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</DIV>
说明：

align=center
//居中对齐是center,居左是left,右是right
style='
color: #990099;
//前景色为#ffffff
color: #ffffff;
//背景色为#000000
background-color: #000000;
//边框为2像素，黑色
border: solid 2px black;
//宽度120像素
width: 120px;
//高度200像素
height: 200px;
//超出范围时使用滚动条
overflow: scroll;
//滚动条的各个颜色如下
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
//在这个层中显示文字“日志文字”，层结束标志
'>日志文字</DIV>

更改参数可改变文本框效果。

表格内容
表格内容
表格内容
表格内容
表格内容
表格内容
表格内容
表格内容
<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
</tr></table></div>

-----------------------------------------------------------------------------------------------------------------------------------------
使用方法：

在日志编辑状态下，点<>按钮，拷贝以上代码后，再点<>按钮，回到原日志编辑状态下输入文字即可！

巧妙的文字竖排

使用方法是，在163博客发表日子的HTML状态下把代码复制到BLOG中，再修改相应文字。
下面是效果实例：

『博客秘籍』

大家常来哦，嘟嘟。。。嘀嘀。。。

『1』

『博客秘籍』

大家常来哦，嘟嘟。。。嘀嘀。。。

『2』

第一个实例的代码是：

<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>『博客秘籍（小强版）』
<P>大家常来哦，嘟嘟。。。嘀嘀。。。</P></DIV>

第二个实例的代码是：

<DIV style="WRITING-MODE: tb-rl">
<P>『博客秘籍（小强版）』
<P>大家常来哦，嘟嘟。。。嘀嘀。。。</P></DIV>

其实不用我说大家也看出来了，效果没什么区别。

图文混排代码

一、左图右文混排代码：

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=410 border=0><TBODY><TR><TD width=197><IMG height=150 src="图片地址" width=200 border=0></TD><TD vAlign=top width=200 rowSpan=3><P align=right><FONT color=#808080><BR>这里写文字<BR>......</FONT><FONT size=2> </FONT></P> </TD></TR></TBODY></TABLE>

说明： 1.height=是图片高度,width=是图片宽度2.<br>是换行。<FONT size=2>代表字体的大小。

二、看看效果吧：

这里写文字

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

　　为了装扮你的博客，使你的博客更加的美观，常常想将主页的文章摘要做成左边是图片，右边是文字的格式，具体制作如下：

<P><IMG height=130 hspace=30 src="http://img.blog.163.com/photo/M961youjqUWpIxIvHhzzsQ==/1478869527637925776.jpg" width=180 align=left border=0><FONT face=Arial>　　左边是图片，右边是文字的格式，即将图片地址放入图片地址栏，在文章处输入你该文章的摘要就可以了!</FONT></P><BR>

结果如下: