分享

〓★日志中常用的HTML代码★〓

 春天秋艺 2012-09-13
1更换日志背景的代码
使用方法:  新建一日志  把代码输入HTML格式下  更改想要的图片地址并编辑日志  最后发布日志. 
<TABLE style="WIDTH: 738px; HEIGHT: 322px"  background="图片地址">
<TBODY>
<TR>
<TD>
在这里添加你的文字或者链接
</TD>
</TR>
</TBODY>
</TABLE>
2日志文字左右对齐
使用方法:  编辑好日志   在日志首字的最前面添加此代码
中文日志:
<div style="font-size:12px;width:730;text-align:justify; text-justify:inter-ideograph">
英文日志:
<div style="font-size:12px;width:730;text-align:justify;text-justify:inter-ideograph">
PS:  730为日志宽度  如果你不想你的日志这么宽  就将数值改小吧  
3日志文字加单色背景
使用方法:  输入代码  编辑好日志  发布日志 
<FONT style="BACKGROUND-COLOR: #ff99cc">日志文字</font>
4日志文字光效果
使用方法:  输入代码  编辑好日志  发布日志
<DIV style="FILTER: Chroma(Color=#000000) glow(color:#3366ff,Strength=3); HEIGHT: 1px"><FONT color=#ffffff>编辑日志文字 </FONT><DIV>
紫色位置是光的颜色
绿色位置是文字的颜色
粉色位置是光的大小
5留言处变装方法
使用方法:  编辑好日志  发布日志  再点击编辑日志  在日志最尾处输入此代码
使用目的: 扩大留言版面  是评论处有光影效果  并改变评论处背景  适用于MSN留言版
<PRE></TABLE></TABLE>
<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 background="图片地址" border=0><TBODY><TR><TD><DIV style="FILTER: Chroma(Color=#ffeff3) glow(color:#cc3366,Strength=3); HEIGHT: 1px"><DIV><TABLE></PRE>
6图片或文字的链接
使用方法:  把代码输入HTML格式下  更改转向地址  图片地址  编辑文字
使用目的: 点击图片或者文字可转向到其它网页
<a href="转向地址"><img border="0" src="图片地址" alt="文字"></a>
7邮件地址的链接
使用方法:  把代码输入HTML格式下  更改邮件地址  图片地址  编辑文字
使用目的: 点击图片或者文字可转向到邮件箱
<A href="mailto:邮件地址"><IMG src=图片地址></A>
或者<A href="mailto:邮件地址">编辑文字</A>
8首字符放大下沉
使用方法:  把代码输入HTML格式下  编辑文字  在首字的位置输入你需要下沉的文字
<DIV style="BORDER: 1px solid; WIDTH: 377px;">
<P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
<SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。
</P>
</DIV>
9左侧滚动条
使用方法:  把代码输入HTML格式下  编辑文字
<DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
<DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
编辑文字
</DIV>
</DIV>

PS: WIDTH = 滚动框的宽度  HEIGHT = 滚动框的高度  BORDER = 边线的宽度  Line-height = 行距  font-size = 字体大小
所有数值可根据自己喜好调整
10文字竖排
使用方法:  把代码输入HTML格式下  编辑文字
代码1:
<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>『MSN超级工具箱』
<P>大家常来哦,嘟嘟。。。嘀嘀。。。</P></DIV>
代码2:
<DIV style="WRITING-MODE: tb-rl">
<P>『MSN超级工具箱』
<P>大家常来哦,嘟嘟。。。嘀嘀。。。</P></DIV>

HTML代码(似乎这个才是文字竖排的正确代码)

<DIV style="writing-mode:tb-rl;text-align:left;font-family:Arial">日志文字</DIV>
<!--writing-mode设置书写模式,text-align设置文字对齐方式,font-family设置字型-->

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多