注册 登录
北美网备份站 返回首页

北美生活网的个人空间 http://beimeilife.duckdns.org/?4 [收藏] [复制] [RSS]

日志

编辑外框参考

热度 2已有 478 次阅读2016-12-10 17:59 |系统分类:日记随笔| 资料




开头:(简化)

<div align="center">
<table align="center" bgcolor="#003399" border="0" cellpadding="8" cellspacing="12" height="90%" width="760px"><tbody><tr><td align="center"><table bgcolor="#009966 " border="0" cellpadding="14" cellspacing="14" height="90%" width="90%"><tbody><tr><td align="center"><table bgcolor="#CCCCCC" border="0" cellpadding="2" cellspacing="2" height="100%" width="100%"><tbody><tr><td align="center"><table bgcolor="#CCCCFF" border="0" cellpadding="8" cellspacing="12" height="100%" width="100%"><tbody><tr><td align="center"><table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td><div align="center"><table bgcolor="#ffffff" border="0" cellpadding="10" cellspacing="100" width="100%"><tbody><tr><td><div align="center">

---------------------------------------------------------
原来的开头

<div align="center">
<table align="center" bgcolor="#008000" border="0" cellpadding="8" cellspacing="12" height="90%" width="760px">
<tbody>
<tr>
<td align="center">
<table bgcolor="#FF0000" border="0" cellpadding="14" cellspacing="14" height="90%" width="90%">
<tbody>
<tr>
<td align="center">
<table bgcolor="5533FF" border="0" cellpadding="2" cellspacing="2" height="100%" width="100%">
<tbody>
<tr>
<td align="center">
<table bgcolor="F3FF33" border="0" cellpadding="8" cellspacing="12" height="100%" width="100%">
<tbody>
<tr>
<td align="center">
<table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody>
<tr>
<td>
<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="10" cellspacing="100" width="100%">
<tbody>
<tr>
<td>
<div align="center">


wwwwwwwwwwwwwwwwwwwwww

结尾:

<br><br><br>
<table align="center" bgcolor="#FF0000" border="0" cellpadding="0" cellspacing="0" width="760px">
</table></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

<br><br><br>
-----------------------------------------------------------------

绿色:
<div align="center"><table align="center" bgcolor="#ffffff" border="0" cellpadding="8" cellspacing="12" height="90%" width="740px"><tbody><tr><td align="center"><table bgcolor="#009966 " border="0" cellpadding="14" cellspacing="14" height="90%" width="90%"><tbody><tr><td align="center"><table bgcolor="#CCCCCC" border="0" cellpadding="2" cellspacing="2" height="100%" width="100%"><tbody><tr><td align="center"><table bgcolor="#ccfdff" border="0" cellpadding="8" cellspacing="12" height="100%" width="100%"><tbody><tr><td align="center"><table bgcolor="#ffffff" border="0" cellpadding="1" cellspacing="1" width="100%"><tbody><tr><td><div align="center"><table bgcolor="#ffffff" border="0" cellpadding="10" cellspacing="100" width="100%"><tbody><tr><td><div align="center">



<table align="center" bgcolor="#FF0000" border="0" cellpadding="0" cellspacing="0" width="760px">
</table></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><p class="MsoNormal" style="text-align: center;"><span style="font-family: SimSun; font-size: 10.5pt;">&nbsp;</span></p><p class="MsoNormal"><br></p>
--------------------------------------------------------------------

显示效果如下:







 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


设置背景颜色:

  <table border=2 cellSpacing=0 borderColor=#cccccc cellPadding=3 width="100%" bgColor=#ff0000 height="100%">
    <tr>
      <td>内容处</td>
    </tr>
  </table>
-------------------------------------------------------


学习: 使用动画做背景的效果(借用茶妹的日志)


<div style="text-align: center;"><br></div><div style="text-align: center;"><font color="#f00000" size="4">花友美眉近曰摄于上植…………好香呀……</font></div>


<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083441n1l441lanf7aa4h7.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf&#10;" quality="high" wmode="transparent"> </td></tr></tbody></table></div>

<br>

<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083446hz2rq342rt350wt3.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf&#10;" quality="high" wmode="transparent"> </td></tr></tbody></table></div>

<br>

<div align="center" style="line-height: 25.2px; "><table height="600" cellspacing="0" cellpadding="0" width="850" background="http://beimeilife.duckdns.org/data/attachment/album/201712/28/083452x0v07zmixikum12v.jpeg"><tbody><tr><td><embed height="600" type="application/x-shockwave-flash" align="right" pluginspage="http://www.macromedia.com/go/getflashplayer" width="850" src="https://www.beimeilife.com/data/attachment/userupload/3/t02%5B1%5D.swf&#10;" quality="high" wmode="transparent"> </td></tr></tbody></table></div>


<p style="text-align: center;"><br></p><p style="margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><strong style="margin: 0px; padding: 5px 0px; text-decoration: none; text-align: center; display: block;"><font size="5" color="#f000f0">冬至前月赴季父梅花之集与韩蒲向宪唐干诸人</font></strong></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">【作者:<span style="text-decoration-style: initial; text-decoration-color: initial;">胡寅</span>】</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0"><br></font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">不辞开后苦寒侵,为与骚人托契深。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">可但风光回岁律,更分华色掞儒林。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">欲歌白雪词难和,试挽幽香力尚禁。</font></p><p style="text-align: center; margin: 0px; padding: 0px; font-family: -webkit-standard; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><font size="5" color="#f000f0">等是美名无玷染,腊梅何事色如金。</font></p><p style="text-align: center; margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: -webkit-standard; font-size: 12px; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><br></p><p style="text-align: center; margin: 0px; padding: 0px; color: rgb(102, 102, 102); font-family: -webkit-standard; font-size: 12px; text-size-adjust: auto; background-color: rgb(255, 255, 255);"><br></p></div></div>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

如何用flash动画作日志背景,让日志更生色


图片上添加flash动画有两种代码 ,宽高尺寸可自行修改。

代码1

<P align=center><TABLE style="WIDTH: 460px; HEIGHT: 336px" height=336 cellPadding=0 width=460 align=center background=背景图片官方地址 border=0><TBODY><TR><TD>

<EMBED src=flash动画地址 width=350 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high">

</TD></TR></TBODY></TABLE>

 

代码2

<DIV align=center><EMBED src=flash动画地址 width=600 height=580 type=application!/x-shockwave-flash wmode="transparent" >

<P style="MARGIN-TOP: -550px; MARGIN-LEFT: 10px" align=center>

<P><FONT color=#ff0000>输入文字处</FONT></P></P></DIV>


--------------------------------------------------



透明flash动画在背景上的定位

原始代码:

<P align=center>
<TABLE height=500 cellSpacing=0 cellPadding=0 width=800 background=背景图片地址 border=0><TBODY><TR><TD>
<P align=center><EMBED style="MARGIN-LEFT: Xpx; POSITION: absolute; MARGIN-TOP:Ypx" align=right src=透明flash地址 
width=700 height=400 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED></P></TD></TR></TABLE></P>

 

代码说明:

1、MARGIN-LEFT: Xpx 表示flash动画离屏幕左侧的距离,X值越大动画越往右,X值也可以为负值(负值越大动画越往左);

2、MARGIN-TOP: Ypx 表示flash动画离屏幕顶端的距离,Y值越大动画越往下,Y值可以为负值(负值越大动画越往上);

3、当定位代码中的MARGIN-TOP: Ypx,Y取负数,其绝对值应大于要定位的flash高度,如果下一个flash没有使用定位代码时,会将下一个flash也插入到上一个flash之中。
解决的办法:下一个flash也使用定位代码。或者使用插入一行的代码<p></p> ,视Y和高度情况插入数个<p></p> 
      4、POSITION: absolute;表示flash动画位置固定;

 5、wmode="transparent"   表示使flash动画透明(就是没有背景),如果不想透明就去掉这个代码,一般使用透明flash都要加上这个代码,不然你的透明flash就不是透明的了,不是大白板就是大黑板。

  以上参数可以根据你的意向加以变化,让动画出现在你需要的位置。其实就是在文章中设置了一个坐标,调整相应的值就可以定位动画的位置。有的时候需要不断的调整,直到满意为止。

评论 (0 个评论)

返回顶部