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

幸福人生

幸福人生

 
 
 

日志

 
 

网页制作代码  

2010-06-21 10:40:58|  分类: 应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

特效文字添加;

<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 522px; HEIGHT: 272px"><FONT size=7><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>文字内容</FONT> <BR></FONT></DIV></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV><FONT size=7></FONT></DIV>
<P align=center>&nbsp;&nbsp;&nbsp;</P>

 

纵向滚动字代码;

<MARQUEE style="WIDTH: 456px; HEIGHT: 354px" scrollAmount=2 direction=up width=456 height=354>
<P align=center><STRONG><FONT size=7>独在异乡为异客,<BR></FONT></STRONG></P>
<P align=center><STRONG><FONT size=7>每逢佳节倍思亲。<BR></FONT></STRONG></P>
<P align=center><STRONG><FONT size=7>遥知兄弟登高处,<BR></FONT></STRONG></P>
<P align=center><STRONG><FONT size=7>遍插茱萸少一人。</FONT></STRONG></P>
<P align=center><STRONG><FONT size=7>&nbsp;&nbsp;&nbsp;&nbsp; 诗;王维 </FONT></STRONG></P></MARQUEE>

横向走动字代码;

<MARQUEE style="WIDTH: 700px; HEIGHT: 34px" scrollAmount=9 width=700><FONT color=#ffd700 size=6><STRONG>内容......</STRONG></FONT></MARQUEE>

音乐代码;

<P align=left>
<OBJECT style="WIDTH: 1px; HEIGHT: 1px" height=9 width=10 classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA><PARAM NAME="_ExtentX" VALUE="26"><PARAM NAME="_ExtentY" VALUE="26"><PARAM NAME="AUTOSTART" VALUE="-1"><PARAM NAME="SHUFFLE" VALUE="0"><PARAM NAME="PREFETCH" VALUE="0"><PARAM NAME="NOLABELS" VALUE="0"><PARAM NAME="SRC" VALUE="音乐网址"><PARAM NAME="CONTROLS" VALUE="ControlPanel,StatusBar"><PARAM NAME="CONSOLE" VALUE="Clip1"><PARAM NAME="LOOP" VALUE="-1"><PARAM NAME="NUMLOOP" VALUE="0"><PARAM NAME="CENTER" VALUE="0"><PARAM NAME="MAINTAINASPECT" VALUE="0"><PARAM NAME="BACKGROUNDCOLOR" VALUE="#000000"></OBJECT><BR></P>

背景音乐代码:

<bgsound src="音乐网址" loop="99">

添加透明SWF的代码;

<EMBED align=right
src=FLASH地址width=1000
height=700 type=application/octet-stream wmode="transparent"


quality="high"></EMBED>

图片的连接

<P>&nbsp;</P>
<P align=center><IMG src="../../admin/../../admin/uploadpic/2008122112029834.jpg" border=0 ;></P></A>
<P></P>
<DIV></DIV>
<P>&nbsp;</P>

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

<DIV id=img style="LEFT: 100px; WIDTH: 200px; POSITION: absolute; TOP: 150px; HEIGHT: 100px"><IMG style="WIDTH: 335px; HEIGHT: 231px" height=306 src="../../admin/../../admin/uploadpic/2008122112029834.jpg" width=550 border=0 ;>
<P></P></A>
<P></P>
<DIV></DIV>
<P>&nbsp;</P></DIV>

图片像册代码:

<applet codebase="." code="lvbook.class" width="820"  align="top" height="525">
    <param name="Background1" value="66B381">
    <param name="Background2" value="ffffaa">
    <param name="Font" value="MS UI Gothic,20,12">
    <param name="Foreground" value="#0099ff">
    <param name="Image1" value="x.jpg">
    <param name="Image2" value="0.jpg">
    <param name="Image3" value="b.jpg">
    <param name="Image4" value="c.jpg">
    <param name="Image5" value="d.jpg">
    <param name="Image6" value="e.jpg">
    <param name="Image7" value="f.jpg">
    <param name="Image8" value="g.jpg">
    <param name="Image9" value="h.jpg">
    <param name="Image10" value="i.jpg">
    <param name="Image11" value="j.jpg">
    <param name="Image12" value="k.jpg">
    <param name="Image13" value="l.jpg">
    <param name="Image14" value="m.jpg">
    <param name="Image15" value="n.jpg">
    <param name="Image16" value="o.jpg">
    <param name="Image17" value="p.jpg">
    <param name="Image18" value="q.jpg">
    <param name="Image19" value="s.jpg">
    <param name="Image20" value="t.jpg">
    <param name="Image21" value="u.jpg">
    <param name="Image22" value="a.jpg">
    <param name="OpenImages" value="No">
    <param name="PageBorders" value="Yes">
    <param name="EffectDuration" value="1500">
    <param name="PauseDuration" value="5000">
    <param name="Target" value="_blank">
  </applet>

图片翻动代码:

<style type="text/css">
<!--
body {
 background-color: #000000;
 margin: 0px;
 padding: 0px;
 border: 15px ridge #33FF00;
 overflow: visible;
 top: 0px;
 bottom: 0px;
 clip: rect(0px,auto,0px,auto);
 left: auto;
 right: auto;
}
-->
</style>
<center><DIV align=center>
<TBODY>
<TBODY>
<TR>
<TD width=1024><a onMouseOver="displayStatusMsg();return document.returnValue" href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=2,transition=15); WIDTH: 1024px; HEIGHT: 730px" height=343 src="" width=1024 border=0 name=bannerADrotator></a></TD>
</TR>
<TBODY>
<TR>
<TD>
<SCRIPT language=JavaScript>
<!--
// BannerAD
   var bannerAD=new Array();
   var bannerADlink=new Array();
   var adNum=0; 
   bannerAD[0]="";
   bannerADlink[0]="index.asp"; 
   bannerAD[1]="";
   bannerADlink[1]="index.asp";
   bannerAD[2]=""
   bannerADlink[2]="index.asp";
   bannerAD[3]="";
   bannerADlink[3]="index.asp";
   bannerAD[4]="";
   bannerADlink[4]="index.asp";
   bannerAD[5]="";
   bannerADlink[5]="index.asp";
   bannerAD[6]="";
   bannerADlink[6]="index.asp";
   bannerAD[7]="";
   bannerADlink[7]="index.asp";
   bannerAD[8]="";
   bannerADlink[8]="index.asp";
     var preloadedimages=new Array();
   for (i=1;i<bannerAD.length;i++){
      preloadedimages[i]=new Image();
      preloadedimages[i].src=bannerAD[i];
   }
function setTransition(){
   if (document.all){
      bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
      bannerADrotator.filters.revealTrans.apply();
   }
}
function playTransition(){
   if (document.all)
      bannerADrotator.filters.revealTrans.play()
}
function nextAd(){
   if(adNum<bannerAD.length-1)adNum++ ;
      else adNum=0;
   setTransition();
   document.images.bannerADrotator.src=bannerAD[adNum];
   playTransition();
   theTimer=setTimeout("nextAd()", 5000);
}
function jump2url(){
   jumpUrl=bannerADlink[adNum];
   jumpTarget='_blank';
   if (jumpUrl != ''){
      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
      else location.href=jumpUrl;
   }
}
function displayStatusMsg() {
   status=bannerADlink[adNum];
   document.returnValue = true;
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</SCRIPT>

<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" bordercolor=#000000 cellspacing=0 cellpadding=0 width=420 align=center border=0>
<TBODY>
<TR>
<TD align=middle width=420 bgcolor=#000000>
<P align=left>
<SCRIPT language=JavaScript>nextAd()</SCRIPT>
</TABLE></DIV>

图框外绿里黄

<DIV>&nbsp;</DIV>
<DIV>&nbsp;</DIV>
<DIV align=center>
<TABLE style="WIDTH: 616px; HEIGHT: 32px" borderColor=#00ffff cellSpacing=2 cellPadding=3 width=616 bgColor=#ffd700 border=20>
<TBODY>
<TR>
<TD>
<P></FONT></P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P></STRONG></FONT></P></TD></TR></TBODY>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV></DIV>>

代码做边框的语句
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=middle bgColor=#ff0000 <TBODY>
<TR>
<TD width="100%">

 

图贴

<TABLE cellSpacing=25 cellPadding=0 width="100%" background=网站 border=0>
<TBODY>
<TR>
<TD width="100%">


图代码

<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#0e098b background=网站 border=0 link="#DFE7FF" vlink="#DFE7FF" alink="#DFE7FF">
<TBODY>
<TR>
<TD width="100%">

图代码

<TABLE style="HEIGHT: 760px" height=556 cellSpacing=0 cellPadding=35 width=760 background=网站 border=1>
<TBODY>
<TR>

<TD width="100%">
=============================================================================================

代码边底

<TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle bgColor=#ff0000 <TD>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=middle bgColor=#000000 <TD>
<TBODY>
<TR>
<TD align=middle width="100%">

 

两格框
<TABLE style="WIDTH: 524px; HEIGHT: 100px" borderColor=#ff0000 cellSpacing=2 borderColorDark=#ff0000 cellPadding=2 width=524 align=center border=4>
<TBODY>
<TR>
<TD align=middle width="100%">

 
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


 带边的

<TABLE cellSpacing=25 cellPadding=0 width="100%" bgColor=#0e098b background=网站border=0 link="#DFE7FF" vlink="#DFE7FF" alink="#DFE7FF">
<TBODY>
<TR>
<TD width="100%">

代码做边框的语句

<TABLE cellSpacing=3 cellPadding=0 width="100%" align=middle bgColor=#ff0000 <TD>
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=middle bgColor=#000000 <TD>
<TBODY>
<TR>
<TD align=middle width="100%">

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

 全代码边框

 

<TABLE style="BORDER-RIGHT: #ffd700 4px dashed; BORDER-TOP: #ffd700 4px dashed; BORDER-LEFT: #ffd700 4px dashed; BORDER-BOTTOM: #ffd700 4px dashed" height=200 cellSpacing=8 cellPadding=0 width="100%" bgColor=#ff3300 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE style="BORDER-RIGHT: #ffd700 10px dotted; BORDER-TOP: #ffd700 10px dotted; BORDER-LEFT: #ffd700 10px dotted; BORDER-BOTTOM: #ffd700 10px dotted" height=200 cellSpacing=3 cellPadding=0 width="100%" bgColor=#ff3300 border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<TABLE style="BORDER-RIGHT: #ffb6c1 3px dotted; BORDER-TOP: #ffb6c1 3px dotted; BORDER-LEFT: #ffb6c1 3px dotted; BORDER-BOTTOM: #ffb6c1 3px dotted" height=200 cellSpacing=3 cellPadding=0 width="100%" bgColor=#ff3300 border=0>
<TBODY>
<TR>
<TD width="100%"></TR></TBODY></P></TR></TBODY></P></TR></TBODY></TABLE>


空心框语句

<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<TABLE style="WIDTH: 391px; HEIGHT: 263px" borderColor=#ff0000 cellSpacing=2 borderColorDark=#ff0000 cellPadding=2 align=center border=4>
<TBODY>
<TR>
<TD width="100%">
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR></TBODY></TABLE>


浮动图片的语句

<DIV id=img style="LEFT: 10px; WIDTH: 179px; POSITION: absolute; TOP: 15px; HEIGHT: 100px"><A href="http://lixianhao.2000y.net/" target=_blank ;><IMG height=165 src="../../admin/uploadpic/2008122112029834.jpg" width=220 border=0 ;></A> </DIV>
<SCRIPT language=Javascript>
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function www_helpor_net() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www_helpor_net();
-->
</SCRIPT> 

 

羽化
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://cn.yimg.com/ncp21/articles/0862_47cb6afd081c3_500_375_135_101.jpg height=300>
<P><B><EMBED align=right src=http://forshine.net/flash/94.swf width=400 height=300 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/137.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high"></B></P></TD></TR></TBODY></TABLE>

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

<P align=center><IMG style="FILTER: Alpha(opacity=100,style=2)" src="http://f18.yahoofs.com/ncp/Rk30Zg9XvRu_/600x600_08110510012796413.gif?np_____DgupgxTWT" width=500 height475 twffan="done"><STRONG>&nbsp;</STRONG></P>

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

 


 


坐标控制绝对定位贴图的方法

 

  在学用代码贴图中,有几个间题较难处理:(1)绝对定位外部挂贴,要插入的内容往往不是在自已的贴子里。(2)在背景图片加叠Flash后,要再加文字或图片很困难。(3)在背景图同一区域中的多个位置上,要插入图文,虽然有靠左居顶等指令,但仍不是很好的办法。近日在整理学习笔记时,觉得有一种代码指令可以解决这些问题,提供大家参考探讨。
  设置一个规定范围的表格(图框),代码如下:
<TABLE id=table style=" ridge; LEFT: 0px; ridge; WIDTH: 500px; ridge; POSITION: relative; TOP: 0px; HEIGHT: 550px" background=http://bbs.guqu.net/UploadFile/2004-12/20041230144914462.jpg border=0>
<TR>
<TD>
插入图文
</TD></TR></TABLE>
  表格化的绝对定位代码:
<TABLE id=table1 style="ridge; LEFT: 10px; WIDTH: 220px; ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px">
<TR>
<TD>
文字设置代码:
<FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 150%; COLOR: #00ff00; LINE-HEIGHT: 150%" face=隶书>
文字内容
</FONT>
或插入图片贴图代码:
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=160 width=140 src="图片地址">
</TD></TR></TABLE>
  代码语句说明:
LEFT: 10px; WIDTH: 220px;插入内容与左边的距离和宽度的范围。
TOP: 0px; HEIGHT: 400px插入内容与顶部的距离和高度的范围。

  评论这张
 
阅读(73)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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