注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

乱世狂刀

剑指九天扬正气,拳立华夏显武威

 
 
 

日志

 
 

博客代码.1  

2006-12-06 13:30:01|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

十里飘香引用 (引用)博客代码

 

引用

隆的设计厂DW(引用)博客代码

一.显示访客IP地址:

(1)效果:



代码:<P align=center><IMG src="http://www.hotik.com/sign.png"></P>
2.效果:



代码:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>
文章来源:http://atiger.spaces.live.com/Blog/cns!1pULH0I9hEReHUZ6MWvfMq5w!300.entry

 

二.为大家介绍两个好网站

1),素材网,里面好多漂亮的图片哦: http://www.3lian.com/

2),各类图标在线生成网站,非常不错:http://www.eoool.com/

 

再加个魔方特效:

 

 

 

代码:

<TABLE height=290 cellSpacing=3 cellPadding=0 width=300 align=center background=http://blog.163.com/photo/JrlqC60wQMmcbmW2ZIfahw==/587438276395155535.jpg border=5>
<TBODY>
<TR>
<TD><EMBED     pluginspage=http://www.macromedia.com/go/getflashplayer align=middle src=http://flash.picturetrail.com/pflicks/acrobatcube_r.swf width=300 height=306 type=application/x-shockwave-flash  loop="false" quality="high" FlashVars="backopacity=100&amp;cubecroptofit=1&amp;enlargecroptofit=0&amp;logopath=http://flash.picturetrail.com/pflicks/ptlogo1.swf&amp;ptdim=50.10&amp;ptxy=400.16&amp;faceopacity=80&amp;img1=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/193709072.jpg&amp;img2=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/193709085.jpg&amp;img3=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/193709253.jpg&amp;img4=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/194208734.jpg&amp;img5=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/194208740.jpg&amp;img6=http://pic30.picturetrail.com:80/VOL1508/6792539/13053579/194208746.jpg" wmode="transparent" bgcolor="#ffffff"></EMBED></EMBED></EMBED> </EMBED></FONT></A></SMALL>
<DIV></DIV></TD></TR></TBODY></TABLE>

 

三.滚动条添加

 

预览:

 

小时侯
乡愁是一枚小小的邮票
我在这头
母亲在那头
长大后乡愁是一张窄窄的船票
我在这头
新娘在那头
后来呵
乡愁是一方矮矮的坟墓
我在外头
母亲呵在里头
而现在
乡愁是一湾浅浅的海峡
我在这头
大陆在那头

 

代码:


<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px">
<P align=left>在这里输入是文字,也可以是链接</P></DIV>

 

注:(left)为对齐方式,当前是左对齐 

 

四、制作滚动字幕

1.上下滚动:

小时侯
乡愁是一枚小小的邮票
我在这头母亲在那头
长大后乡愁是一张窄窄的船票
我在这头
新娘在那头
后来呵
乡愁是一方矮矮的坟墓
我在外头
母亲呵在里头
而现在
乡愁是一湾浅浅的海峡
我在这头
大陆在那头

 

代码:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

 

2.左右滚动:

 

放入代码后,点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。

 

代码:<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

 

说明:此代码在IE浏览器中使用效果较好,在火狐等其他浏览器中可能出现文字不滚动等问题。

 

五、怎样才能实现图片在网页中的移动?

1.图片向上移动代码:

<center><marquee align="center" behavior="scroll" direction="up" height=150 scrollamount="2" scrolldely="10"><center><img src="图片地址"></img></center></marquee>

2.图片向下移动代码:<center><marquee align="center" behavior="scroll" direction="down" height=150 scrollamount="2" scrolldely="10"><center><img="图片地址"></center></marquee>
3.图片向左移动代码

<center><marquee align="center" behavior="scroll" direction="left" height=150 scrollamount="2" scrolldely="20"><center><img="图片地址"></center></marquee>
4.图片向右移动代码:<center><marquee align="center" behavior="scroll" direction="right" height=100 scrollamount="3" scrolldely="10"><center><img="图片地址"></center></marquee>
 
六、教程:如何在图片中加入文字?
如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?
</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

兰色是:背景网址(可换)

红色是:放入文字的位置和格式

在图中如何加入SWF特效:

如何在图片中加入文字?
如何在图片中加入SWF特效?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT
></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR></TBODY></TABLE>

绿色:是放入特效的位置和格式


双层表框加字 (特效)

天上云欢迎你来到制贴天地学习

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT><FONT color=#c709f7>(特效)</FONT></FONT></P></TD></TR>
<TR>
<TD height=300>
<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=4><FONT color=#309d46>落叶无痕</FONT><FONT color=#e6bd1a>欢迎你来到制贴天地学习</
FONT></FONT></DIV>
<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR></TBODY></TABLE>

如何使用上下滚动字幕?

  

如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>
<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================

文字上下滚动代码:<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>注:scrollAmount=2   是控制字速,数值越大字速就越快!

左右移动字:


如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?
如何在图片中加入文字?

代码如下:


<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD>[*fly]
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字?</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字?</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

附注:这是方法一,在UBB操作用“飞”就可达到这效果,在使用时把[*/fly]的*号去掉

左右移动字方法(二):




左右移动的字!

左右移去的字!

左右移去的字!

谢谢!

代码如下:

<TABLE height=300 cellPadding=10 width=500 align=center background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">
<TBODY>
<TR>
<TD></EMBED><BR><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff>
<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字!</B></FONT></P>
<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字!</FONT></P>
<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢!</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

七、边框 美丽公告板及使用教学
公告是最体现个性的部分了.因此还是勤奋一点,自己动手做一个美丽的公告板吧.这是灵儿收集的一部分,还有很多.但是小巧一些的才好用在SINA的自定义面板里.直接用背景代码可以在上面写字.先举几个样式.使用语法和说明写在后面.(更新后的代码)
      
                   
                   

     

    

 
下面是背景和滚动字嵌套出的代码,直接COPY就可以用了.例:
 
<center>
  <table border="0" cellspacing="1" width="194" height="134" background="
http://album.sina.com.cn/pic/583d286e020004uv ">
    <tr>
    <td align=center width="194" height="134">
      <marquee scrollamount="2" direction="UP" width="100" height="80"> 输入你的文字</marquee>
        </td>
     </tr>
  </table>
  </center>

这是第二款长颈鹿样式的公告代码.把公告地址换成自己喜欢样式的就可以了.长度和宽度要根据使用的公告自己调整.标注的颜色分别代表公告板的尺寸,公告框的尺寸公告文字的尺寸.
点击上面图片可以得到地址.但为了打开速度和自己页面一致,最好的方法是把图片保存后上传到自己的BLOG里拿地址.

 

八、最新幻灯片代码

<embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=图片地址1|图片地址2|图片地址3|图片地址4|图片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth=180&borderheight=180&textheight=20" menu="false" quality="high" width="180" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

 

代码说明:
 
图片地址,就是你图片或者文章配图的图片地址。
文章地址,如果图片地址1你用的是这一篇文章的图片,那就把这篇文章的地址粘贴在这里。
文章名字就是这篇文章的名字。
 
width="180" height="200" 是幻灯片的尺寸,可以自行调节。
bgcolor="#FDD248" 是背景颜色,可以参考颜色代码表 上设置。
textheight=20 是文字区域高度,可以自行调节。
  评论这张
 
阅读(216)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017