制作上下反向移动边框图贺卡的代码【祝父亲节快乐】_昭昭公主

制作上下反向移动边框图贺卡的代码【祝父亲节快乐】_昭昭公主_新浪博客

效果图一

效果图二

移动边框素材一

移动边框素材二

图片一

图片二

明天就是父亲节了，设计两款不同风格和色彩的父亲节祝福卡供朋友们参考，祝天下的父亲们节日快乐。本代码固定了图片宽度，所以您使用的图片规格无论大小，均以此宽度自动调整高度。替换文字、图片后预览满意即可发表。红色代码是上移动边框，用同素材地址连接加长。绿色代码是下移动边框，用同素材地址连接加长。蓝色代码是图片地址。黄色代码是中间图片背景，使用移动素材地址。请与博文《》对比效果。建议边框颜色设置与图片协调为好。发挥您的智慧，创作出更美的佳作。

点击图片看昭昭公主的文字博客

<DIV align=center>
<TABLE style="BORDER-RIGHT: 8px ridge; BORDER-TOP: 8px ridge; BORDER-LEFT: 8px ridge; WIDTH: {bfb}; BORDER-BOTTOM: 8px ridge" cellSpacing=6 borderColorDark=#006400 cellPadding=6 bgColor=#000000 borderColorLight=#00cc00 border=4>
<TBODY>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: {bfb}" scrollAmount=2 scrollDelay=30 behavior=alternate height=30><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0></MARQUEE></TD></TR>
<TR>
<TD align=middle background=http://static9.photo.sina.com.cn/orignal/5e1a7abfg89622ec95ea8&690 height=380>
<DIV align=center>
<TABLE borderColor=#00ff00 cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="" width=620 border=0></DIV>
<DIV align=left>
<DIV style="MARGIN-TOP: -200px; MARGIN-LEFT: 10px">
<MARQUEE style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 250px; COLOR: #00ff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=1 direction=up width=250 height=120>爸爸：是您让我拥有了更广阔的天空，看得更高、更远！<BR>祝您父亲节快乐！</MARQUEE></DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: {bfb}" scrollAmount=2 scrollDelay=30 direction=right behavior=alternate height=30><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0></MARQUEE></TD></TR></TBODY></TABLE></DIV>

<DIV align=center>
<TABLE style="BORDER-RIGHT: 8px ridge; BORDER-TOP: 8px ridge; BORDER-LEFT: 8px ridge; WIDTH: {bfb}; BORDER-BOTTOM: 8px ridge" cellSpacing=6 borderColorDark=#808080 cellPadding=6 bgColor=#000000 borderColorLight=#c4c4c4 border=4>
<TBODY>
<TR>
<TD bgColor=#000000 height=40>
<MARQUEE style="WIDTH: {bfb}" scrollAmount=2 scrollDelay=30 behavior=alternate height=30><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0></MARQUEE></TD></TR>
<TR>
<TD align=middle background=http://static3.photo.sina.com.cn/orignal/5e1a7abfg89396454bf02&690 height=380>
<DIV align=center>
<TABLE borderColor=#ee0000 cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="" width=620 border=0></DIV>
<DIV align=center>
<DIV style="MARGIN-TOP: -100px; MARGIN-LEFT: 10px">
<MARQUEE style="FONT-SIZE: 18pt; FILTER: shadow(color=black); WIDTH: 410px; COLOR: #00ffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=1 direction=up width=410 height=80>爸爸：是您让我拥有了更广阔的天空，<BR>——看得更高、更远！<BR>祝您父亲节健康、快乐！</MARQUEE></DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: {bfb}" scrollAmount=2 scrollDelay=30 direction=right behavior=alternate height=30><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0><IMG height=30 src="" border=0></MARQUEE></TD></TR></TBODY></TABLE></DIV>

已投稿到：

郑重声明：资讯【制作上下反向移动边框图贺卡的代码【祝父亲节快乐】_昭昭公主_新浪博客】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——