10/11/2005
为你的日志添加背景的所有语法(多种背景方式)
为日志添加背景
☆ 解答:把以下代码复制到日志就可以啦!<TABLE width="100%" background=图片链接地址 border=0><TBODY><TR vAlign=top align=left><TD><P>内容在此</P></TD></TR></TBODY></TABLE>
把图片放在文字的左边
注释:::
(就是图片放在日志的左/右面)
代码如下:
<P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码:<img border="0" src="http://blogcup.com/blogger_1/12583/upload/20055286389.jpg" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...
改后的代码是:
<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>如果</FONT></P>
要想把图片放在右侧,可把[align=left ]改成[align=right ]
改后的代码如下:
<P><IMG height=201 src="图片连接地址" width=154 align=right border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>
在图片加上日志文字代码如下效果见图:
<div style="WIDTH: 109px; HEIGHT: 108px;">
<img height="108px" src="图片链接地址" width="109" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 109px; HEIGHT: 108px; ">
<br>
<font color="#FF00FF">日志文字</font>
</div>
</div>
|
| 用<table>实现立体表格 |
|
|
设置表格的边框颜色以及背光向光色可模拟出立体表格,效果如下:
|

原创 By 词朝墨尽 |
代码如下:
<TABLE style="WIDTH: 358px; HEIGHT: 199px" cellSpacing=0 borderColorDark=#ffffff cellPadding=0 borderColorLight=#ffffff border=1> <TBODY> <TR align=middle> <TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee> <P>在这里插入任意文字,图片或者连接</P>
</TD>
</TR>
</TBODY>
</TABLE>
简单介绍一下:
红色字:表格的宽与高,可以直接更改,也可以一起复制过去,在正常编辑状态下用拖拉的方式改变大小。
在兰色字的位置任意添加文字,图片或者连接。
当然也可以用多行多列
代码:
<TABLE style="WIDTH: 354px; HEIGHT: 127px" cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=354 borderColorLight=#ffffff border=1> <TBODY> <TR align=middle> <TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>词</TD> <TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>嘲</TD>
</TR>
<TR align=middle> <TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>墨</TD> <TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>尽</TD>
</TR>
</TBODY>
</TABLE>
同样可以在有色处改成你愿意添加的内容
|
| 给表格添加背景图片--美化文本框 |
|
|
用 <TABLE>表格可以实现有背景图片和的边框的文本框 ,效果如下: |
|
假如生活欺骗了你,
不要忧郁,也不要愤慨!
不顺心时暂且克制自己,
相信吧,快乐之日就会到来。
我们的心儿憧憬着未来,
现今总是令人悲哀:
一切都是暂时的,转瞬既逝,
而那逝去的将变为可爱。
普希金
|
代码如下:
<TABLE style="WIDTH: 373px; HEIGHT: 322px" borderColor=#000000 cellSpacing=13 background=图片地址 border=3>
<TBODY>
<TR>
<TD>
在这里添加你的文字或者链接
</TD>
</TR>
</TBODY>
</TABLE>
解释一下:
WIDTH: 373px; HEIGHT: 322px:表格的宽和高,可以修改数值,也可以在正常编辑状态下通过拖拉的方式改变大小。
borderColor:表格边框的颜色
cellSpacing=13:表格格线的厚度。(在上面这个例子里就是两条黑色边线之间的距离)
border=3:表格边框的厚度。(即最外层边线的厚度)
| 用表格为单个日志添加整体背景 |
|
|
用表格的背景做日志的整体背景,可以通过使表格充斥整个日志的方法实现。 | |
代码如下:
<table height="100%" width="100%" bgcolor="#000000" border=0>
<tbody>
<tr>
<td>
在这里插入日志的所有内容
</td>
</tr>
</tbody>
</table>
其实这个就是利用给表格添加背景实现的,所以如果想调整大小的话在红色数字的地方可以修改表格的宽和高,如果想维持整体背景的话就不用修改,这样的话在此日志完整打开的时候,背景也随之增大---仍然充斥整个日志。
兰色文字的地方就是你想要给整体日志添加的背景颜色
|
|
|
|
| 用<table>表格做带背景的内嵌式滚动文本框(之一) |
|
|
用div滚动文本的属性嵌入<table>,除了滚动文本框以外,其余的效果可以全部使用<table>的属性,这样的灵活性就会更强,也会变化出更多的花样来。效果如下:
(由于需要多行文本,一时又没有找到合适的文字,就把前一阵子自己写的诗词贴了上来,见笑了。)
|
那些花儿
by 词嘲墨尽 |
二十五日夜,感怀追逝,拙词以记之。
遥记当年月独明,
夜深江畔三人行。
几颗星,
几许明,
几旬涛声
几缕风。
峦山登顶不知几层,
一幢庙,
一棵松,
相顾无言,
笑叹词穷。
时过境迁日月催,
江碧山青无可回。
几酌酒,
几许醉,
几怀愁绪
几曾悔。
飞花渐逝怎堪回味?
谁是谁,
可曾归,
白云苍狗,
物是人非。

|
代码如下:
<TABLE style="WIDTH: 380px; HEIGHT: 411px" background=图片地址 border=0> <TBODY> <TR> <TD> 在这里填入滚动文本的标题文字 </TD>
</TR>
<TR> <TD> <DIV style="OVERFLOW: auto; WIDTH: 375px; HEIGHT: 264px">
在这里填入滚动文本框里的文字
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
解释一下:
和以往的<table>教程里一样,WIDTH与 HEIGHT 即宽和高,都可以在正常编辑模式下用拖拉的方式改变,在这里,整个表格和DIV滚动文本框都可以用这种方式改变大小。
background=图片地址 在红色字处添入你的背景图片地址,在这里,你可以给整个表格做背景,也可以给滚动文本框所处的表格做背景,这个灵活性很大,你可以根据自己的喜好随意选择。另一种效果会在下一篇里讲解。
滚动文本框的设置也很丰富,比如可以设置滚动条的颜色等等,如果有相关需要请看文本滚动框的相关教程。
下面是一个朋友━╃ 寂寞边界 ╄━用此语法做的效果,很有创意,欣赏一下:
| 手机短讯! |
|
|
那天我痴痴地望着你性感的身躯,一丝不挂地在我面前扭动,轻轻抚摸你的肌肤,我无法抵挡你的诱惑:老板,我就要这条鱼!
你快乐因为我快乐,我开心因为你开心,我愁了因为你瘦了,我瘦了因为你病了,我笑了因为你壮了,我有钱了因为把你卖了...猪啊!
我第一次时很紧张,他一直要我温柔地放松,接着插入我身体,那里在流血,我痛得喊不出话来,这才明白.献血是这样的!
那一夜我抱着你,在你耳边叫你戴上那玩意,你说不戴的感觉才够爽,现在是安全期,没事.可不戴头盔,交警抓着咋办?
我是一个暗恋你的人,见到你的第一眼我就认定你是我今生该等的人,但我唯一的遗憾是..抱歉,我发错人了。
当你默默离开我时,我痛苦万分,不知如何是好,看着你的背影远去,我恨自己,都是我的错...早起一点就赶上车了。
你知道吗?我天天都在想你,夜夜都在念你。吃饭时想、睡觉时想、工作时想,很想对你说...快点还钱。
我真地爱你,不想离开你,心痛你让我套的那么深。如果你真地不想让我难过,请快一点涨起来.股市。
你善良像猫儿,你忠实像狗儿,你可爱像鸟儿,你识途像马儿,你出色像蝶儿,你勤劳像蜂儿,你什么都相像,也难怪大家都叫你..禽兽!
第一眼见到你,我就对自已说:你就是我今生的奋斗目标,我要追求你,拥抱你。我要宣布:我爱你.钞票。
没有你的曰子,生活变得难受,我恨那个可恶的第三者将你抢走,你和他是否有了新感情?好想你回到我身边——钱包。
不要问我为什么哭泣,我的泪水为你而流,我的心为你而碎。我恨那个男人,他为什么要将你从我身边夺去.死小偷。
害羞的我有一句话一直都不敢向你表白,但是今天我终于鼓起勇气:你什么时候请我吃饭?
如果没有风,云不会动;如果没有水,鱼不能游;如果没有太阳,月亮就不会有光;如果没有你.笨人也就不存在了。
食客:睡觉多少钱一晚?(水饺多少钱一碗)服务员:流氓!(六毛)商人:六毛?这么平宜。我来三晚(三碗)。
由于次数太多(有时还一天两次),你那里的毛都被搞得乱七八糟的,抽插时也没了快感,我们还是分手吧.牙刷。
当我穷困潦倒时,在我身旁的是你;当我生病受伤时,在我身边的是你;当我情场失意时,在我身旁的还是你.跟你在一起真倒霉。
“紧吗?”“哦~不紧!”“可以再进去一点吗?”“小心一点,应该可以!”“痛吗?”“不痛!感觉真爽!就买这双吧。
看着你那流线的躯体,我欲火焚身,拨开你那尚未开启的封盖,插入我自备的小棍,吸取你晶莹的液体,爽!雪碧~~ | |
|
|
|
|
| 美化表格,创建漂亮的文本框 |
|
|
用<table>表格做文本框,可以说没有定式,多种多样,灵活性非常大,下面是几个经过美化的表格所实现的文本框。这些文本框你可以不用记他们的代码,直接的复制过去,在空白处添加你的文字即可。
By 词嘲墨尽
以下效果中使用的文字分别来自于:
SUPER HOUSE。◕‿◕。超人气小屋
❀。◕‿◕。现实☂虚幻の➵道❧彩虹。◕‿◕。❀
┋✿┋✿┋小女子❤大味道┋✿┋✿┋
谢谢你们提供这些美丽的文字。
如果你也想在这里展现你的文字或者图片,请点击这里留言
 |
一位男同事大学时的小故事: |
 |
|
 
一次同学小聚,几个男生到市场买菜。
卖菜大婶说:青菜三毛一把,五毛两把。
一男生说:我们买很多的,便宜一些吧。
卖菜大婶:你说多少钱?
一男生说:一块钱三把啦~~~
卖菜大婶:一块钱三把?.....
不卖!你们去别处买吧。
男生们怏怏地走了......
从此成为班上十大经典之一

|
|
 |
|
 |
如果你想用代码编辑,请复制下面的代码,在相应处添加文字即可。
<TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD><IMG height=20 src="http://members.jcom.home.ne.jp/noriaki.s/03-06/table/ringo1/ringo1-left-top.gif" width=20></TD> <TD width=205 background=ringo1-yoko-waku.gif bgColor=#f7cec6> <P align=center> </P></TD> <TD><IMG height=20 src="http://members.jcom.home.ne.jp/noriaki.s/03-06/table/ringo1/ringo1-right-top.gif" width=20></TD></TR> <TR> <TD background=ringo1-tate-waku.gif bgColor=#f7cec6></TD> <TD background=ringo1-kabe1.gif bgColor=#f7cec6> <P align=center> </P> <P align=center>添加你的文字</P> <P align=center><BR><BR><BR></P></TD> <TD background=ringo1-tate-waku.gif bgColor=#f7cec6></TD></TR> <TR> <TD><IMG height=20 src="http://members.jcom.home.ne.jp/noriaki.s/03-06/table/ringo1/ringo1-left-under.gif" width=20></TD> <TD background=ringo1-yoko-waku.gif bgColor=#f7cec6> <P align=center> </P></TD> <TD><IMG height=20 src="http://members.jcom.home.ne.jp/noriaki.s/03-06/table/ringo1/ringo1-right-under.gif" width=20></TD></TR></TBODY></TABLE>
下面另一些漂亮的文本框,喜欢的话直接复制过去
 |
加了威士忌的爱尔兰咖啡 |
 |
|
我确实活得艰难,一要承受种种外部的压力,
更要面对自己内心的困惑。在苦苦挣扎中,
如果有人向我投以理解的目光,
我会感到一种生命的暖意,
或许仅有短暂的一瞥,就足以使我感动不已 |
|
 |
|
 |
 |
泉の完全生活手册 |
 |
| |
回忆,如今,已是被丢弃的碎片;
往事,惦起,也只是片刻的满足。
抱着回忆不愿放,无法继续憧憬。
过去的片断,就像过了季的衣裳,不要总拿出来回味。
梳理一下思绪,整理一下心情;
将记忆封存,让往事随风…… |
|
 |
|
 |
|
|
 |
|
 |
|

几个黑色的符号,
在白纸上留下痕迹;
几抹彩色的笔触,
让梦的形影在明暗对比中
隐约浮现。
思想就在世代与国度之间
自由翱翔
|
|
 |
|
 |
|
| |