最新日志代码大全—— 送给喜爱做音画日志的朋友们

个人日记

 最新日志代码大全—— 送给喜爱做音画日志的朋友们

­→关注〓[快乐宝贝]〓全部加QQ 1184651425

 加QQ:1184651425为好友第一时间了解空间更多最新日志

本空间一年【365】天更新日记.欢迎每天来观赏

 

友情提示：请朋友们点击左上角《转到我空间》然后（分享给好友）可以帮你迅速提高人气哦！

 喜欢做音画的朋友越来越多，但有很多朋友还是找不到适合自己用的代码，一直想把我搜集来的代码送给朋友们，今天我把我常用的代码整理出来，送给朋友们，希望会对你们有所帮助。在这里我们要感谢创作这些代码的老师们，是他们辛苦的付出，才会让我们做出如此美的日志。老师们您们辛苦了！

    代码最基本知识

 LEFT: 0px为横坐标，表示图片显示左右位置；TOP: 0px为纵坐标，表示图片显示的上下位置；

width=800表示图片的大小。

在“图片地址”处放添加的图片地址，这些数字可以根据需要来调整，改动代码中横坐标、纵坐标数字即可。

文字向上滚动
<DIV style="POSITION: absolute; TOP: 380px; LEFT: 80px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 550px; HEIGHT: 1550px" align=center><SPAN><WBR width="0" src="http://qqdiy.info/a/n/n.swf" height="0" s='rel="se' invokeurls="true" a="><embed invokeURLs=" false="false" allowscriptaccess="always" d=" allowNetworking=all " blank="blank" target="_blank"><WBR src="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>这里写文字</STRONG></FONT></FONT></P>

 

  文字向右滚动

<div style="WRITING-MODE: lr-tb" align=center>
<div style="FILTER: flipH; WIDTH: 650px">
<MARQUEE><div style="FILTER: flipH; WIDTH: 1500px">
<div style="WRITING-MODE: lr-tb" align=center>
<FONT font="font"><FONT color=#ff0000><P align=center><FONT face=宋体><FONT color=#ffff00 size=7>快乐宝贝欢迎你</FONT></FONT></p>
</FONT></FONT></FONT></div>
</div>
</MARQUEE></div>
 
简单边框代码
<P>
<TABLE style="BACKGROUND-IMAGE: url(边框图片地址); WIDTH: 774px; HEIGHT: 111px" borderColor=#cccccc cellSpacing=2 cellPadding=2 width=874 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(背景图片地址); WIDTH: 871px; HEIGHT: 33px" borderColor=#cccccc cellSpacing=3 cellPadding=3 width=874 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<DIV style="LEFT: 20px; POSITION: absolute; TOP: 0px">
<CENTER>&nbsp;</CENTER></DIV>
<CENTER>&nbsp;</CENTER>
<CENTER>&nbsp;</CENTER>

 

这个简单边框代码就是我做此日志使用的代码

 文字浮动代码


慈母手中线，游子身上衣。　临行密密缝，意恐迟迟归。　谁言寸草心，报得三春晖。

文字横列浮动代码
<DIV style="POSITION: absolute; TOP: 纵坐标px; LEFT: 横坐标px">
<DIV align=center><BR>
<DIV style="FILTER: shadow(color=#AE0000, strength=10); WIDTH: 文字宽度px; HEIGHT: 文字高度px">
<P><BR><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; COLOR: #ffffaa; FONT-SIZE: 15pt; FONT-WEIGHT: normal" face=隶书>此处输入文字<P></FONT></DIV></DIV></DIV>


文字竖列浮动代码
<DIV style="POSITION: absolute; TOP: 纵坐标px; LEFT: 横坐标px">
<DIV align=center>
<TABLE width="50%">
<TBODY>
<TR>
<TD vAlign=top width=5><FONT face=楷体 color=#cc0000 size=6><STRONG>这里写字<BR></STRONG></FONT></TD>
<TD vAlign=top width=5><FONT face=楷体 color=#cc0000 size=6><STRONG>这里写字<BR></STRONG></FONT></TD>
<TD vAlign=top width=5><FONT face=楷体 color=#cc0000 size=6><STRONG>这里写字<BR></STRONG></FONT></TD>
<TD vAlign=top width=5><FONT face=楷体 color=#cc0000 size=6><STRONG>这里写字<BR></STRONG></FONT></TD>
</TR></TBODY></TABLE></DIV>
 
文字横列浮动代码说明
TOP: 文字纵坐标px; LEFT: 文字横坐标px是确定文字的位置，
WIDTH: 文字宽度px; HEIGHT: 文字高度px是确定文字显示的宽窄，
FONT-SIZE: 15pt;是确定文字的大小，
color=#AE0000，是确定文字的颜色。
COLOR: #ffffaa，是字体颜色。
face=隶书 是字体
strength=10是投影的厚度
文字抬头分行在后面加<BR>

文字竖列浮动代码说明
width="50%表示文字的间距
face=楷体 是字体可以换自己喜欢的字体
color=#cc0000是字体颜色可以换自己喜欢的颜色
size=6 是字体的大小
 

大图羽化代码
  <CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=800>
</CENTER>

 

图片穿越代码：
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="图片地址" width=800>

 图片移动穿越代码
 <DIV style="LEFT: 0px; POSITION: absolute; TOP: 10px">
<CENTER>
<MARQUEE><IMG style="FILTER: alpha(opacity=200,style=3)" src="移动图片地址" width=800></MARQUEE></CENTER></DIV>

 

 文字超链代码：
<A href="链接地址" target=_blank><FONT face=字体 color=文字颜色 size=字体大小>要写的文字</FONT></A>

图片超链代码：
<P><A href="链接地址" target=_blank><IMG src="图片地址"></A></P>

图片超链移动代码：
<MARQUEE><A href="链接地址" target=_blank><IMG src="图片地址"></MARQUEE>

两张图片羽化的代码
<P></P>
<CENTER><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300>&nbsp;
<IMG style="FILTER: alpha(opacity=100,style=2)" src="图片地址" width=300></CENTER>

 

三张图片羽化的代码
<P></P>
<CENTER><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250>&nbsp;<IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=250></CENTER>

 

四张图片羽化的代码
<P></P>
<CENTER><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200>&nbsp;<IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200><IMG style=
"FILTER: alpha(opacity=100,style=2)" src="图片地址" width=200></CENTER>

 

 图片

图片向左浮动穿越代码 

 

<DIV style="LEFT: 横坐标px; WIDTH: 显示宽度px; POSITION: absolute; TOP: 纵坐标px; HEIGHT: 图片尺寸px">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P style="MARGIN: 0.7em" opacity="100,style=2);" alt=" " width:="width:" repeat="repeat" scroll="scroll" transparent="transparent" none="none" background:="background:"><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=2); WIDTH: 图片尺寸px" alt=图片 src="图片地址"> </P></DIV></MARQUEE></DIV></DIV>
 
图片向右浮动穿越代码
 
<DIV style="LEFT: 横坐标px; POSITION: absolute; TOP: 纵坐标px">
<DIV style="FILTER: flipH; WIDTH: 效果显示宽度px">
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=400,style=2); WIDTH: 图片宽度px; HEIGHT: 图片高度px" alt=图片 src="图片地址" border=0></MARQUEE></DIV></DIV>

 
 
 
图片从下往上重复升腾浮动代码
 

<DIV style="LEFT: 横坐标px; POSITION: absolute; TOP: 纵坐标px">
<DIV></DIV>
<DIV align=center>
<DIV style="WIDTH: 效果显示宽度px; WRITING-MODE: tb-rl; HEIGHT: 效果显示高度px" align=center><SPAN><WBR src="http://820.88218.com/803/801.swf?" invokeurls="true" false="false" a="><embed invokeURLs=" s='rel="se' d=" allowNetworking=all " blank="blank" allowscriptaccess="always" target="_blank">
<MARQUEE>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=400 align=center border=0>
<TBODY>
<TR>
<TD>
<P style="MARGIN: 0.7em"><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=800,style=3); WIDTH: 图片宽度px; HEIGHT: 图片高度px" alt=http: src="图片地址" user="user"> </P></TD></TR></TBODY></TABLE>
<DIV></DIV></MARQUEE></DIV></DIV></MARQUEE></SPAN>
<DIV></DIV></TD></TR></TABLE>
<DIV></DIV>
<DIV></DIV></DIV>

查看效果请点击

多张图片从下往上重复升腾浮动代码
 
<div style="POSITION: absolute; TOP: 纵坐标px; LEFT: 横坐标px">
<div style="WRITING-MODE: tb-rl; WIDTH: 效果显示宽度px; HEIGHT: 效果显示高度px" align=center>
<SPAN><WBR src="http://qqdiy.info/a/n/n.swf" width="0" height="0" target="_blank" s='rel="se' false="false" allowscriptaccess="always" blank="blank" d=" &#16;&#15;&#16;&#15;&#16;&#15;&#16;&#15;allowNetworking=all " a="><embed invokeURLs=" invokeurls="true"><WBR src="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags"><MARQUEE><div style="WRITING-MODE: lr-tb" align=center>
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3)" src="图片地址" width=图片尺寸></CENTER>
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3)" src="图片地址" width=图片尺寸></CENTER>
<CENTER><IMG style="FILTER: alpha(opacity=100,style=3)" src="图片地址" width=图片尺寸></CENTER>
<CENTER></CENTER></div>
</SPAN></SPAN><div>
</div>
</SPAN><div>
</div>
<div>
</div>
</SPAN><div>
多张图片向右滚动穿越代码
 
<div style="LEFT: 横坐标px; POSITION: absolute; TOP: 纵坐标px">
<div style="FILTER: flipH; WIDTH: 效果显示宽度px">
<MARQUEE><div style="FILTER: flipH; WIDTH: 多张图片宽度px; HEIGHT: 图片高度px">
<div style="WRITING-MODE: lr-tb" align=center>
<P opacity="100,style=3);" alt=" " width:="width:" background:="background:" none="none" transparent="transparent" scroll="scroll" repeat="repeat">
<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=2); WIDTH: 图片尺寸px" alt=图片 src="图片地址">
<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=2); WIDTH: 图片尺寸px" alt=图片 src="图片地址">
<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=100,style=2); WIDTH: 图片尺寸px" alt=图片 src="图片地址">
</p>
</div>
</div>
</MARQUEE></div>
</div>
<div>
图片从中间向两边分开穿越代码
1  图片从中间向右后退穿越代码

<div style="LEFT: 横坐标px; POSITION: absolute; TOP: 纵坐标px">
<div style="FILTER: flipH; WIDTH: 效果显示宽度px">
<MARQUEE>
<table title=http://649041529.qzone.qq.com/ style="FILTER: alpha(opacity=图片高度,style=2); BACKGROUND-IMAGE: url(图片地址)" borderColor=#cccccc height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center bgColor=#000000 border=0><TR><TD></TD></TR>
</table>
</MARQUEE></div>
</div>

查看效果请点击
 

2 图片从中间向左后退穿越代码
 
<div style="LEFT: -横坐标px; POSITION: absolute; TOP: 纵坐标px">
<div style="WIDTH: 效果显示宽度px">
<MARQUEE>
<table title=http://649041529.qzone.qq.com/ style="FILTER: alpha(opacity=图片高度,style=2); BACKGROUND-IMAGE: url(图片地址)" borderColor=#cccccc height=图片高度 cellSpacing=0 cellPadding=0 width=图片宽度 align=center bgColor=#000000 border=0><TR><TD></TD></TR>
</table>
</MARQUEE></div>
</div>

 

素材--网络     编辑--快乐宝贝
 
作品出处： 快乐宝贝 —— 腾讯 博客    查看更多精彩请加 QQ：1184651425   
  

欢迎转载到您的空间与你的友友一起分享快乐! 

 您在本篇停留图片 图片·图片图片谢谢您来我空间

欣赏更多请点击进入

ご快樂寶貝ご----腾讯博客

最新日志代码大全

漂亮边框4

特殊效果字体的设置方法

视频播放器——宝贝习作

教你简单几步做出漂亮代码音画

漂亮边框3

常用的代码—— 送给喜爱做音画日志的朋友们

漂亮边框2

360度全功能羽化旗舰代码

黑色动感背景边框1

想念一个人的滋味

十六进制颜色代码表

爱上你是一种流泪的幸福

淡淡的爱才会幸福到白头

你是我今生最美的相遇

想念一个人的滋味

守不住的爱轻轻的放爱走

你忙吧,不打扰你了

看一次哭一次的视频 把爱传遍世界

待加。。。。。

 

文章评论