第二步:在弹出的信纸中选择一款自己喜欢的,将鼠标放在信纸图片上,右键,弹出菜单,点击“属性”,如图:
第三步:在属性菜单上找到“地址”中的阿拉伯数字(红线)部分拉蓝复制,如图:
第四步:将复制好的红线部分的阿拉伯数字替换到下面“编辑完整的黄钻信纸代码”中红色部分的数字位置。黄钻信纸就这样轻松地到手了,是吧,很简单的哦。
下面我来说说编辑代码,这些代码是我经过多次实践并精炼而成,没有多余的“废话”,也或许还存在着不足,若朋友们在使用过程中有不方便之处请你告诉我,我会加以改进的。首先,我们要明白黄钻信纸的构成,它是由顶栏图、标题栏和背景图组合而成,顶栏图有在信纸上方的,也有在信纸底部的;有在左边的,也有在右边的,只要掌握了规律,就象套公式一样往代码里套就行了。
编辑顶栏图代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_dec5.jpg); WIDTH: 870px" height=220 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
这里指的宽和高是顶栏图片的实际数据,有的顶栏图高是230,这就需要在点击图片时留意数据。若你要小窝型的信纸,要将这里的 dec5. 的5去掉,切记,不可将数字后面的 . 弄丢了哟,再把 WIDTH: 870px 数据改为690即可。
编辑背景代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_bg.jpg); WIDTH: 870px" cellSpacing=30 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
这里的 WIDTH: 870px 改为690即为小窝型。
编辑标题栏代码:
<DIV style="BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_t5.gif); MARGIN-BOTTOM: 35px; MARGIN-LEFT: 65px; WIDTH: 690px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 70px" align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; COLOR: #000000; WORD-BREAK: break-all; PADDING-TOP: 25px"><FONT face=宋体 color=#000000 size=5>这里写文章标题</FONT></SPAN></DIV>
将这段代码里的t5的5去掉,再将 WIDTH: 690px 改为510即为小窝型。字体、色号和字号都可以根据自己的喜好改换的。
好了,现在就来编辑完整的黄钻信纸代码吧。
一.图片居上的信纸代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_dec5.jpg); WIDTH: 870px" height=220 cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_bg.jpg); WIDTH: 870px" cellSpacing=30 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV style="BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/62653_t5.gif); MARGIN-BOTTOM: 35px; MARGIN-LEFT: 65px; WIDTH: 690px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 70px" align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; COLOR: #000000; WORD-BREAK: break-all; PADDING-TOP: 25px"><FONT face=宋体 color=#000000 size=5>这里写文章标题</FONT></SPAN></DIV>
<P> </P>
<P> </P>
<P> </P>
<P align=left><FONT face=宋体 color=#000000 size=4>这里输入文章内容</FONT></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE>
效果图如下(为了便于观看,我使用了小窝型)
二.图片居下的信纸代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/64141_bg.jpg); WIDTH: 870px" cellSpacing=30 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV style="BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/64141_t5.gif); MARGIN-BOTTOM: 35px; MARGIN-LEFT: 65px; WIDTH: 690px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 70px" align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; COLOR: #000000; WORD-BREAK: break-all; PADDING-TOP: 25px"><FONT face=宋体 color=#000000 size=5>这里写文章标题</FONT></SPAN></DIV>
<P> </P>
<P> </P>
<P> </P>
<P align=left><FONT face=宋体 color=#000000 size=4>这里输入文章内容</FONT></P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE>
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/13/64141_dec5.jpg); WIDTH: 870px; PADDING-TOP: 0px; HEIGHT: 220px" cellSpacing=0 cellPadding=0 align=center bgColor=#000000>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
效果图如下(为了便于观看,我使用了小窝型)
三.图片居左的信纸代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/3/57091_bg.jpg); WIDTH: 870px" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG style="FLOAT: left; MARGIN-LEFT: 0px; WIDTH: 390px; HEIGHT: 530px" src="http://ctc.qzs.qq.com/qzone/space_item/orig/3/57091_dec5.jpg">
<DIV style="BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/3/57091_t5.gif); PADDING-BOTTOM: 35px; MARGIN-LEFT: 360px; WIDTH: 430px; PADDING-TOP: 50px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 70px" align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; COLOR: #ffffff; WORD-BREAK: break-all; PADDING-TOP: 25px"><FONT face=宋体 color=#000000 size=5>这里写文章标题</FONT></SPAN></DIV>
<DIV style="PADDING-RIGHT: 30px; PADDING-LEFT: 30px">
<P> </P>
<P> </P>
<P> </P>
<P><FONT face=宋体 color=#000000 size=4> 这里输入文章内容</FONT></P>
<P> </P>
<P> </P></DIV></TD></TR></TBODY></TABLE>
效果图如下(为了便于观看,我使用了小窝型)
这里写文章标题
|
四.图片居右的信纸代码:
<TABLE style="BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/8/50040_bg.jpg); WIDTH: 870px" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG style="MARGIN-TOP: 0px; FLOAT: right; WIDTH: 390px; MARGIN-RIGHT: 0px; HEIGHT: 530px" src="http://ctc.qzs.qq.com/qzone/space_item/orig/8/50040_dec5.jpg">
<DIV style="BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(http://ctc.qzs.qq.com/qzone/space_item/orig/8/50040_t5.gif); PADDING-BOTTOM: 35px; MARGIN-LEFT: 30px; WIDTH: 430px; PADDING-TOP: 50px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 70px" align=center><SPAN style="DISPLAY: block; FONT-WEIGHT: bolder; COLOR: #ffffff; WORD-BREAK: break-all; PADDING-TOP: 25px"><FONT face=宋体 color=#000000 size=5>这里写文章标题</FONT></SPAN></DIV>
<DIV style="PADDING-RIGHT: 30px; PADDING-LEFT: 30px">
<P> </P>
<P> </P>
<P><FONT face=宋体 color=#000000 size=4> 这里输入文章内容</FONT></P>
<P> </P>
<P> </P></DIV></TD></TR></TBODY></TABLE>
效果图如下(为了便于观看,我使用了小窝型)
这里写文章标题
|
下面是视频课程录像