2007/10/20 | 在文章里加多个图片及晃动图片代码学习
类别(我们能为你做的) | 评论(0) | 阅读(59) | 发表于 01:38

在文章里加多个图片及晃动图片代码学习

在文章里加多个图片代码:<center><P><IMG src="在这里加上图片的链接"> </P><b>  

注:链接必须是以http//开头的。<center>这个代码的意思是居中,如果不想居中可以去掉,如果想把文字居中,也可以在代码前加上<center>

 

晃动图片代码:<marquee width=100% behavior=alternate scrollamount=3>

<img src= "在这里加上图片的链接" width=300 height=150></marquee>

背景的代码格式及背景地址

欢迎光临我的博客

     代码格式:<div align="center">
<table cellspacing="25" cellpadding="0" width="100%" bgcolor="#f1ebdd" background="
http://img1.3lian.com/img2008/03/012/0031.gif" border="0">
    <tbody>
        <tr>
            <td>
     背景地址一:
http://img3.3lian.com/2006/025/08/003.jpg

     背景地址二:http://img4.3lian.com/sucai2/img4/86/pic153.jpg

     背景地址三:http://img3.3lian.com/2006/015/02/040.jpg

     背景地址四:http://img3.3lian.com/2006/015/02/044.jpg

     背景地址五:http://img2.3lian.com/img2009/02/08/113.jpg

     更多背景请在本博客的《素材库》复制!

播放器代码格式及音乐地址的寻找

 <p><embed style="LEFT: 21px; WIDTH: 300px; TOP: 149px; HEIGHT: 45px" src="http://go.6to23.com/bzlym/images/aipin.wma" width="300" height="45" type="audio/mpeg"></embed></p>


 

音乐地址的寻找 :

1、在播放器没隐藏、是播放mp3或者wma格式音乐的Windows Media Player播放器,鼠标右击播放器,点“属性”, 里面的地址就是音乐地址!

2。利用百度等搜索引擎来搜索音乐,这个很简单。用它搜索出来的音乐都显示源文件地址。

3。利用下载工具

  可以用网际快车, 比如在百度搜索出一个歌曲的页面后, 用鼠标右键点其中一个歌名, 再左键点 使用网际快车下载 , 出现的菜单里的网址就是音乐源地址.



背景音乐的代码格式及音乐地址的寻找…

背景音乐代码格式:

<bgsound src=音乐网址 Loop=-1>

音乐的后缀往往是.mp3 或者.WMA  .RM

音乐地址的寻找 :

1。利用百度等搜索引擎来搜索音乐,这个很简单。用它搜索出来的音乐都显示源文件地址。

2。利用下载工具

  可以用网际快车, 比如在百度搜索出一个歌曲的页面后, 用鼠标右键点其中一个歌名, 再左键点 使用网际快车下载 , 出现的菜单里的网址就是音乐源地址.


文字特效的代码格式及置换规则(一)

一.文字的基本设制

 
基本代码如下:

<*P align=center><*FONT color=#CFCF88  face=华文行楷 size=5>插入文字

 <*P align=center>表示居中,<*P align=left>表示居左,<*P align=right>表示居右。

face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小,这里的最大值为7 取值越大文字就越大


color=颜色代码  [颜色代码请在素材库中复制]

另一种贴法:
<*font style=font:40pt face=新宋体 color=#ff0000>插入文字

 font:40pt 数值越大文字就越大。

color=颜色代码。


让你的文章更精彩!

 

 

二。文字的特效设置

漂流的永恒欢迎大家光临我的博客!

 

 

代码: (复制后要去*)

<*marquee direction*=up behavior*=scroll width=400 height=90 scrolldelay*=80 scrollamount*=1><*font color=red size=3 face=华文新魏>插入文字

说明: direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

behavior=移动方式, scroll 一圈一圈绕着走, slide 只走一次, behavior=alternate 来回走

width=宽度  height=高度  scrolldelay=速度  scrollamount=位移

 上面的参数大家可以根据不同的情况自行调节。

 



font:40pt 数值越大文字就越大。

color=颜色代码。

 

文字特效的代码格式及置换规则 (二)

代码格式: <*MARQUEE scrollAmount=8 direction=right behavior=alternate><*B><*FONT color=#7700bb size=5><*FONT color=lime><*MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">漂<*/MARQUEE><*FONT color=red><*MARQUEE direction=up behavior=alternate width=40 height=150>流<*/MARQUEE><*FONT color=orange><*MARQUEE direction=up behavior=alternate width=40 height=200>的<*/MARQUEE><*FONT color=fuchsia><*MARQUEE direction=up behavior=alternate width=40 height=150>永<*/MARQUEE><*FONT color=olive><*MARQUEE direction=up behavior=alternate width=40 height=200>恒<*/MARQUEE><*FONT color=green><*MARQUEE direction=up behavior=alternate width=40 height=150>欢<*/MARQUEE><*FONT color=red><*MARQUEE direction=up behavior=alternate width=40 height=200>迎<*/MARQUEE><*FONT color=orange><*MARQUEE direction=up behavior=alternate width=40 height=150>你<*/MARQUEE><*FONT color=orange><*/FONT><*/B><*/MARQUEE>

 

 



很漂亮的特效字

 

代码:




<*TABLE align*="center" border="0" cellpadding="0" cellspacing="0" background*=http://www.dabaoku.com/gif/168/gif074.gif><*TR><*TD style*="FILTER: chroma(color=#336699"><*TABLE align=center bgcolor*=#FCF3F4><*TR><*TD align*=middle>很漂亮的特效字 <*/TABLE>



很漂亮的特效字

代码:

 <*TABLE align*="center" border="0" cellpadding="0" cellspacing="0" background*=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0154.gif ><*TR><*TD style*="FILTER: chroma(color=#336699"><*TABLE align=center bgcolor*=#FCF3F4><*TR><*TD align*=middle>很漂亮的特效字 <*/TABLE>

很漂亮的特效字

 

代码:

代码: <*TABLE align*="center" border="0" cellpadding="0" cellspacing="0" background*=http://www.dabaoku.com/gif/168/gif062.gif><*TR><*TD style*="FILTER: chroma(color=#336699"><*TABLE align=center bgcolor*=#FCF3F4><*TR><*TD align*=middle>很漂亮的特效字 <*/TABLE>

文字特效的代码格式及置换规则 (三)

漂流的永恒踩着风车前来支持!

代码复制:[要去掉*]
<*table cellspacing="10" cellpadding*="0" width*="90%" border*="0">
    <*tbody>
        <*tr class="unnamed1">
            <*td valign="top" width="100%" height="80">
            <div align*="center"><*marquee style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrolldelay*="100" width*="600" height*="200"><img alt="" src*="http://pic.23717.com/pic/icon/icon2/31/WPE0047605.gif" /><*font color="#0fa000"><font color*="#008000"><font face*="楷书" color*="#0000ff" size="6"><strong>漂流的永恒风风火火来支持!</strong*><img alt="" src*="http://pic.23717.com/pic/icon/icon2/31/WPE0047605.gif" /></font></font></font></marquee></div>
            <*/td>
        <*/tr>
    <*/tbody>
<*/table>
<*div></div>
<*div></div>
文字特效的代码格式及置换规则 (四)
阿里巴巴商人论坛
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" size=4>文字</FONT></CENTER>
文字特效的代码格式及置换规则 (五)

阿里巴巴商人论坛

<p align="left"><font style="FONT-SIZE: 35pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><strong>阿里巴巴商人论坛 </strong></font></p>

文字特效的代码格式及置换规则 (六)

由上往下移代码

<marquee direction="down" width="480" height="50"><img alt="" src="http://www.dabaoku.com/gif/154/gif040.gif" _fcksavedurl=""http://www.dabaoku.com/gif/154/gif040.gif"" /><font face="隶书" color="#ff0000" size="4">出差旅游论坛欢迎您<img alt="" src="http://www.dabaoku.com/gif/154/gif040.gif" /></font></marquee>

文字特效的代码格式及置换规则 (七)

代键头左右交叉代码

<marquee direction="right" width="250" height="50"><img alt="" src="http://www.dabaoku.com/gif/154/gif033.gif" /><font face="隶书" color="#99cc66" size="5">恒永的流漂<img alt="" src="http://www.dabaoku.com/gif/154/gif033.gif" /></font></marquee><marquee width="250" height="50"><img alt="" src="http://www.dabaoku.com/gif/154/gif034.gif" /><font face="隶书" color="#99cccc" size="5">漂流的永恒<img alt="" src="http://www.dabaoku.com/gif/154/gif034.gif" /></font></marquee>

文字特效的代码格式及置换规则 (八)

左右跳动字体代码

<marquee scrollamount="8" direction="right" behavior="alternate"><strong><font color="#7700bb" size="6"><font color="#008000"><marquee direction="up" behavior="alternate" width="40" height="60" align="middle"></marquee><font color="#ff0000"><marquee direction="up" behavior="alternate" width="40" height="80"></marquee><font color="#ffc0cb"><marquee direction="up" behavior="alternate" width="40" height="60"></marquee></font></font></font></font></strong></marquee><center></center><br />



在文章里加多个图片及晃动图片代码学习

在文章里加多个图片代码:<center><P><IMG src="在这里加上图片的链接"> </P><b>  

注:链接必须是以http//开头的。<center>这个代码的意思是居中,如果不想居中可以去掉,如果想把文字居中,也可以在代码前加上<center>

 

晃动图片代码:<marquee width=100% behavior=alternate scrollamount=3>

<img src= "在这里加上图片的链接" width=300 height=150></marquee>



文字特效的代码格式及置换规则 (九)

滚动字体代码<DIV class=content style="WORD-WRAP:break-word">

<br><br><MARQUEE scrollAmount=2 direction=up width=800 height=200><center></font><font color=purple face=华文新魏 size=5><br>是否自己常挂在嘴上的一句话 ~ ~

我想要买房,我想要买车,

我想要赚更多的钱,我想要帮助更多的人,

一连串的我想要 ~ ~ ~ ~ ~ 我想要 ~ ~ ~ ~ ~

但是在过了这么漫长的一段日子里,

您想要的达成了没有,

你真正的梦想是什么?</P><br></MARQUEE><br><br>  <br>

文字特效的代码格式及置换规则 (十)

坛论人商巴巴里阿

代码如下:

在这写上歌的名字


在这写上歌的歌词

 

在这里你可以自己写上你自己想写的话

代码如下:

<table align="center" border="20" width="0%" height="300" bordercolor="#FF0000"> <td align="left"><marquee style="WIDTH: 100%; HEIGHT: 46px" scrolldelay="300" behavior="alternate" width="100%" bgcolor="#550000"> <h2 align="center"><font color="#ff0000">在这写上歌的名字</font></h2> </marquee><br /> <bgsound src="在这复制上你要发的音乐地址" loop="infinite"></bgsound><marquee style="WIDTH: 100%; HEIGHT: 100px" scrolldelay="400" direction="up" width="100%" bgcolor="#009000" height="300"><font color="#ffffff"><strong>在这写上歌的歌词</strong></font></marquee> <TABLE id=table0 style="BORDER-RIGHT: #9b0000 4px ridge; BORDER-TOP: #9b0000 4px ridge; LEFT: 62px; BORDER-LEFT: #9b0000 4px ridge; WIDTH: 368px; BORDER-BOTTOM: #9b0000 4px ridge; POSITION: 62px;absolute; TOP: 62px; HEIGHT: 368px" cellSpacing=0 cellPadding=0 align=center background=http://blog.sina.com.cn/pic/46a27042020000eb border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE id=table010 style="BORDER-RIGHT: #9b0000 0px ridge; BORDER-TOP: #9b0000 0px ridge; LEFT: 0px; BORDER-LEFT: #9b0000 0px ridge; WIDTH: 305px; BORDER-BOTTOM: #9b0000 0px ridge; POSITION: relative; TOP: 0px; HEIGHT: 249px" cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD> <P align=center><IMG style="WIDTH: 323px; HEIGHT: 250px" height=249 src="在这复制上图画的地址" width=315> <P></P></TD></TR> <P></P></TBODY></TABLE></DIV> <DIV align=center><FONT color=#cccc66>在这里你可以自己写上你自己想写的话</FONT></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <DIV></DIV> </table>

具体的步骤是:

1.点击      发新文章          2.在内容旁的框里 点击    源代码         3.   复制上面的全部代码

4.填写代码里的红色的内容                         5.  再点击  源代码    

这样你要的图就可以看的到了,以上代码里的"#FF0000 这些数字是调颜色 具体的颜色可对照

 

<marquee width="500" height="50"><img alt="" src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif" /><font face="隶书" color="#0000ff" size="4">阿里巴巴商人论坛</font><img alt="" src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif" /></marquee><marquee direction="right" width="500" height="50"><img alt="" src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif" /><font face="隶书" color="#0096ff" size="4">坛论人商巴巴里阿</font><img alt="" src="http://bbs.guqu.net/UploadFile/2004-12/2004123020476701.gif" /></marquee>

漂亮外框的结构原理及制作方法

一、介绍:

大家看到那些漂亮的帖子,都想问那些外框是怎样做的?有的网友直接向我索要代码,当然我会在本博客的素材库里陆续贴出,供大家选用!但是,我还是希望大家能学学如何去做那些外框,至少知道那些数据代表的意思,如何去置换它!只有这样才能做出属于自己的个性外框!

二、原理:

其实那些外框都是由若干个不同的背景叠加而成!大家在制作单层背景的时候,会发现背景里有个框线,在写文章的时候,文章是不会超出这个框线的!其实,把文章的内容改成另一个背景,就有了两个背景,一个是框线外面的(原来的)一个是框线里面的(叠加的),在叠加的背景里同样有个框线,如果在里面加入文章的话,就成了双层贴!当然你也可继续加背景,做成三四层的外框!就这么简单!

背景的代码格式及背景地址

三。图解及代码分析

第一张

第一层
第二张
 第二层

第三张:

 第三层

第一张背景的代码:(复制时要去*)

<*div align*="center">
<*table cellspacing*="25" cellpadding*="0" width*="100%" bgcolor*="#f1ebdd" background*=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border*="0">
    <*tbody>
        <*tr>
            <*td>第一层<*/td>
        <*/tr>
    <*/tbody>
<*/table>
<*/div>
第二张背景的代码:(复制时要去*)

<*div align*="center">
<*table cellspacing*="25" cellpadding*="0" width*="100%" bgcolor*="#f1ebdd" background*=100%" bgcolor=100%" bgcolor="http://xz1.2000y.net/348114/uploadpic/20041130223049305.jpg "   border*="0">
    <*tbody>
        <*tr>
            <*td>第二层<*/td>
        <*/tr>
    <*/tbody>
<*/table>
<*/div>

第三张背景的代码:(复制时要去*)
<*div align*="center">
<*table cellspacing*="25" cellpadding*="0" width*="100%" bgcolor*="#f1ebdd" background*=100%" bgcolor="http://img1.3lian.com/img2008/03/012/0031.gif "   border*="0">
    <*tbody>
        <*tr>
            <*td>第三层<*/td>
        <*/tr>
    <*/tbody>
<*/table>
<*/div>

大家稍微比较一下,就会发现这三张背景的基本代码是相同的,只是背景地址不一样!现在,我们就来叠加!

把第二张背景的代码复制后贴在第一张背景的代码中的“第一层”三个字的位置,并取代这三个字,效果如下:

 

 第二层
现在我们再把第三张背景的代码贴到叠加后第二张背景代码中“第二层”三个字的位置,并取代这三个字,效果如下:
 第三层

在代码中有个重要的指标:cellspacing="25",在单层背景里它表示框线到背景边缘的距离,在多层背景里,它表示不同背景之间的距离!现在我把上面的背景间的距离改一下,再换成动感背景看看:

 

欢迎大家光临永恒的博客

大家一起学做个性贴,你会有成就感的!

 

相关链接:

颜色代码表

闪动的背景

贴图的基本代码及应用规则

文字特效的代码格式及置换规则

FLASH的代码及FLASH地址的寻找

背景音乐的代码格式及音乐地址的寻找

收藏的背景代码





0

评论Comments