html日志常用代碼

情醉湖畔 2012-02-03

展開全文

圓形代碼：

代碼

方形代碼：

代碼

圖片移動(dòng)代碼：

代碼

改變圖片大小代碼

代碼

使用說明：只需要更換一下你喜歡的圖片地址，

把圖片的高度（height=200 ）和寬度（width=300 ），

改成你需要的大小就行了。

以后再看到大的圖片放不進(jìn)邊框，你就可以用代碼隨意改變圖片大小了！

圖片左右對稱代碼

代碼<P align=center>
<IMG style="FILTER: FlipH"src="圖片地址"

width=250 height=360>

<IMG src="圖片地址"width=250 height=360></P

圖片上下對稱代碼

代碼
<P align=center>

<IMG src="圖片地址"width=500 height=300><BR><BR>
<IMG style="FILTER: FlipV"src="圖片地址"

width=500 height=300></P>

多圖滾動(dòng)代碼

代碼

<MARQUEE>
<P align=center>
<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""
src="

<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 567px; HEIGHT: 749px" height=48 alt=""
src="

注：需要加多少圖片就放幾次代碼

</P></TD></TR></TBODY></TABLE></CENTER></TD></TR><D></TR></TBODY></TABLE></MARQU

圖片顯現(xiàn)后而影藏的代碼

代碼<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="圖片地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>

文字向左移動(dòng)定位代碼

你要寫的字
你要寫的字
你要寫的字
你要寫的字
你要寫的字
你要寫的字
你要寫的字
你要寫的字
你要寫的字

代碼

<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=500 align=center <TABLE style="BACKGROUND-IMAGE: url(圖片地址)" border=15 table>
<TBODY>
<TR>
<TD>
<P>
<P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff00ff><BR>你要寫的字<BR>你要寫的字<BR>你要寫的字<BR>你要寫的字<BR>你要寫的字<BR>你要寫的字<BR>你要寫的字
<BR>你要寫的字<BR>你要寫的字<BR></FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

文字向上滾動(dòng)代碼

代碼

DIV style="POSITION: absolute; TOP: 20px; LEFT: 130px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 600px; HEIGHT: 800px" align=center><SPAN>
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=left><FONT font="font"><FONT color=#ffffff size=4><STRONG>輸入文字</STRONG></FONT></FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>
<DIV></DIV></DIV>

圖片加豎排文字代碼

代碼

<DIV style="POSITION: absolute; TOP: 600px; LEFT: 300px">
<DIV align=left>
<DIV style="TEXT-ALIGN: left; WRITING-MODE: tb-rl; WIDTH: 400px; HEIGHT: 400px; FONT-SIZE: 20pt">
<P><FONT color=#87cefa face=楷體_GB2312><STRONG>書寫豎列文字</STRONG><BR><STRONG>書寫豎列文字</STRONG><BR><STRONG>書寫豎列文字</STRONG><BR><STRONG>書寫豎列文字</STRONG><BR></FONT></P></DIV></DIV></DIV>

橫排文字定位代碼1

代碼

<DIV style="LEFT: 120px; POSITION: absolute; TOP: 200px">

<P><FONT face=楷體_GB2312 color=#ffcc00 size=5><STRONG>輸入文字</STRONG></FONT> </P></DIV>

橫排文字定位代碼2

代碼<DIV style="POSITION: absolute; WIDTH: 800px; HEIGHT: 658px; TOP: 700px; LEFT: 80px">
<P><FONT color=#ffffff size=5 face=楷體_GB2312>輸入文字</P></STRONG></FONT></DIV>

純顏色霧化圖片代碼

代碼<CENTER>
<TABLE style="BACKGROUND: #<TBODY>
<TR>
<TD><IMG style="FILTER: progid:DximageTransform.Microsoft.Alpha(opacity=0, Finishopacity=100, style=1, startx=100, Finishx=0, startY=0, FinishY=100); CURSOR: hand" src="

添加flash代碼

代碼
<embed src="Flash素材地址"; width="素材寬度" height="素材高度" quality="high" wmode="transparent" align="right" style="position: absolute; left:水平距離; top:垂直距離">

添加動(dòng)畫代碼

代碼

<P> </P>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=動(dòng)畫地址 width=寬度 height=高度/x- shockwave-flash quality="high" wmode="opaque"></P>

隨便找張圖片就可以做日志信紙1：

代碼

隨便找張圖片就可以做日志信紙:2

代碼

<P> </P>

圖片制作播放器

<TD style="FILTER: alpha(opacity=50,style=3)"><P align=center><EMBED src=歌曲網(wǎng)址 width=300 height=25/mpeg autostart="1" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

漂亮標(biāo)題欄

代碼

<DIV align=center>
<TABLE style="BACKGROUND-IMAGE:

url(背景圖片地址)" title=絳珠草歡迎你

align=center border=0 cellSpacing=0

cellPadding=5 width=502

align=center height=70 <table>
<TBODY>
<TR>
<TD>
<P align=center><FONT

color=#66ccff size=5>

<B>請?jiān)谶@輸入文章標(biāo)題</B></FONT>

</P></TD></TR></TBODY></TABLE></DIV>

無縫圖片拼接

代碼 <TABLE height=3000 cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

<TR><TD><IMG height=600 src="圖片地址" width=750></TD></TR>

</TBODY></TABLE>

代碼使用說明：

1、以上是8幅圖片，可復(fù)制<TR><TD><IMG height=600 src="增減。

2、width、height的數(shù)值是圖片的寬和高，根據(jù)圖片本身的大小改變其數(shù)值。

圖片穿越代碼

代碼

<DIV style="LEFT: 50px; POSITION: absolute; TOP: 30px">
<CENTER><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址" width=600>

使用方法

LEFT: 50px為橫坐標(biāo)，表示圖片顯示左右位置；TOP: 30px為縱坐標(biāo)，表示圖片顯示的上下位置；

width=600表示圖片的大小。

在“圖片地址”處放添加的圖片地址，這些數(shù)字可以根據(jù)需要來調(diào)整，需要使用多張圖片在背景圖上穿越，

多復(fù)制幾次這個(gè)代碼，改動(dòng)代碼中橫坐標(biāo)、縱坐標(biāo)數(shù)字即可。

移動(dòng)圖片穿越代碼

代碼 <DIV style="LEFT: 30px; POSITION: absolute; TOP: 10px">
<CENTER>
<MARQUEE><IMG style="FILTER: alpha(opacity=200,style=3)" src="圖片地址" width=400></MARQUEE></CENTER></DIV>

音樂播放器加滾動(dòng)圖片代碼

代碼

<DIV align=center>
<TABLE border=0 cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE>
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="圖片1地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="圖片2地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="圖片3地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="圖片4地址"> 　
<IMG style="WIDTH: 500px; BACKGROUND: none transparent scroll repeat 0% 0%; HEIGHT: 313px" alt="" src="圖片5地址"> 　
</MARQUEE>

<FONT color=#ff0000><EMBED style="WIDTH: 544px; HEIGHT: 48px" class=blog_video height=48/mpeg width=544 src=音樂地址 allowscriptaccess="never" allowNetworking="internal" invokeurls="false" showstatusbar="1" autostart="true" loop="true" enablecontextmenu="False" allownetworking="internal"></FONT></TD></TR></TBODY></TABLE>
<DIV></DIV></DIV>

飄浮式音樂播放器制作代碼

代碼
<DIV align=center>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(背景圖片地址); FONT: 12px/25px verdana; WIDTH: 600px; PADDING-TOP: 14px; BACKGROUND-REPEAT: repeat; HEIGHT: 445px"><BR>
<DIV align=left>
<DIV style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 300px">
<MARQUEE style="LEFT: 230px; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=300 height=400>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=MP3地址 width=200 height=20/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1">
<TR>
<DIV align=center><FONT face=華文行楷 color=#ff0000 size=5>可以寫上歌曲名和歌手名</FONT></DIV></TD></TR></TBODY></TABLE></MARQUEE><BR>
<DIV></DIV>
<DIV></DIV><BR>
<DIV></DIV>
<DIV></DIV></MARQUEE></DIV></DIV></DIV></DIV>

空間友情超鏈接

代碼 <P align=center><A class="c_tx2 q_namecard" href="鏈接的空間名稱（文字） </STRONG></FONT></A><FONT color=#0000ff size=6><STRONG> </STRONG></FONT></P>

圖片超鏈接

代碼
<P align=center> </P>
<P align=center><A href="</FONT>target=_blank><IMG title=鏈接的名稱（文字） style="WIDTH: auto; HEIGHT: auto" src="

三.標(biāo)題文字鏈接代碼(參考一同效）代碼如下：

標(biāo)題超鏈接

代碼
<P align=center> </P>
<P align=center><A href="

size=4> （鏈接的）標(biāo)題文字</FONT></A></P>

空間超鏈接

代碼
[代碼url=要鏈接的網(wǎng)頁地址]點(diǎn)擊此處進(jìn)入我的空間[代碼/url]

日志加邊框代碼

代碼 <TABLE style="LEFT: -65px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center bgColor=#696969 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE style="BACKGROUND-IMAGE: url(小邊框圖片地址); WIDTH: 100%" cellSpacing=4 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(大邊框圖片地址); WIDTH: 100%" cellSpacing=120 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(日志背景圖片地址); WIDTH: 100%" cellSpacing=5 align=left>
<TBODY>
<TR>
<TD>

多層加邊框代碼

代碼
代碼：
<TABLE style="LEFT: -65px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 align=center bgColor=#696969 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<TABLE style="BACKGROUND-IMAGE: url(第一層最外面的細(xì)邊框圖片地址); WIDTH: 100%" cellSpacing=4 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(第二層最外面的大邊框圖片地址); WIDTH: 100%" cellSpacing=120 align=left>
<TBODY>
<TR>
<TD>
<P>
<TABLE style="BACKGROUND-IMAGE: url(第三層中間的細(xì)邊框圖片地址); WIDTH: 100%" cellSpacing=5 align=left>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(第四層中間的大邊框圖片地址); WIDTH: 100%" cellSpacing=70 align=left>
<TBODY>
<TR>
<TD>
<P></P>
<P align=center>
<TABLE style="BACKGROUND-IMAGE: url(第五層最里面的細(xì)邊框圖片地址); WIDTH: 100%" cellSpacing=5>
<TBODY>
<TR>
<TD>
<P align=left></P>
<P align=center></P>
<P align=left>
<TABLE style="BACKGROUND-IMAGE: url(http://1872.img.pp.sohu.com.cn/images/blog/2008/10/21/11/2/11dc515664eg215.jpg); WIDTH: 100%" cellSpacing=5>
<TBODY>
<TR></TR></TBODY></TABLE>
<TABLE style="BACKGROUND-IMAGE: url(日志背景圖片地址); WIDTH: 100%" cellSpacing=1>
<TBODY>
<TR>
<TD>

本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

免费高清特黄a大片,九一h片在线免费看,a免费国产一级特黄aa大,国产精品国产主播在线观看,成人精品一区久久久久,一级特黄aa大片,俄罗斯无遮挡一级毛片

html日志常用代碼