Профиль пользователя OCSme光速幻想™ FaNtaSy:Speed of L...ФотографииБлогСпискиДополнительно ![]() | Справка |
为日志添加背景图片首先进入正常日志编辑模式,键入你所需的日志内容,并视个人需要进行排版编辑。然后进入HTML语法编辑模式,将下列语法粘贴至你的编辑页面内顶端:
<IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
再将你刚刚编辑好的文字内容(注意,除了文字内容可能还会包含你进行格式编排后的若干语法语句)剪切并粘贴到上面语法中的“你的日志文字”的位置。
以下更详细的内容感谢James的分享
代码:
<IMG style="FILTER: alpha(opacity=100,finishOpacity=100,style=1); WIDTH: 200px; HEIGHT: 200px" src="图片地址" align=right> 代码将在日志中,通过设定文本框浮于插入的图片上方,形成背景图片。
最简代码: <IMG src="图片地址" align=right><DIV style="FLOAT: left; WIDTH: 100%">日志文字</DIV>
语法说明: <IMG style="FILTER: alpha(opacity=100,finishOpacity=100,style=1); WIDTH: 200px; HEIGHT: 200px" src="图片地址" align=right> <IMG> 图形标记,用于插入图像。 支持jpeg,gif,png等格式。 style="……" 设置图片风格。此语句缺省时 图片按正常方式(无渐变)显示。 FILTER:alpha(opacity=100,finishOpacity=100,style=1) 设置图片渐变滤镜阀值。FILTER ,滤镜;alpha,阀值。
opacity 开始的不透明度。参数为:0~100(百分比); WIDTH,HEIGHT 图片宽、高尺寸,单位为px。若用百分比表示 width:100%;height:100%,则占满整个日志正文页面。 src="图片地址" 设置图片源。图片地址可以 是服务器本地址,也可以是URL地址(如http://www……)。 align=right 图片对齐方式为右对齐。此语句不能更改,否则不能使文字浮 于上方。 ------------------------- <DIV style="FILTER: alpha(opacity=50,finishOpacity=50,style=0); FLOAT: left; WIDTH: 100%; LINE-HEIGHT: 14pt; LETTER-SPACING: 0.2em; HEIGHT: 100%">日志 文字</DIV> 代码将插入一个无边框的文本框。 <DIV></DIV> 定位标记。 style="……" 设置文字风格。 filter:alpha(opacity=50,finishOpacity=50,style=0) 同上。
-------------------------
图片风格示例: 主要是演示style的参数及不透明度的设定,大家慢慢比较吧。
□ 原图片
● style="FILTER: alpha(opacity=50,finishOpacity=100,style=0)
● style="FILTER: alpha(opacity=100,finishOpacity=50,style=0)
● style="FILTER: alpha(opacity=0,finishOpacity=100,style=1)
● style="FILTER: alpha(opacity=100,finishOpacity=0,style=1)
● style="FILTER: alpha(opacity=0,finishOpacity=100,style=2)
● style="FILTER: alpha(opacity=100,finishOpacity=0,style=2)
● style="FILTER: alpha(opacity=0,finishOpacity=100,style=3)
● style="FILTER: alpha(opacity=100,finishOpacity=0,style=3) Комментарии (7)Чтобы добавить комментарий, войдите с помощью идентификатора Windows Live ID (если используется учетная запись служб Hotmail и Xbox LIVE или программы Messenger, у вас уже есть идентификатор Windows Live ID). Войти Нет идентификатора Windows Live ID? Зарегистрироваться
Обратные ссылки (1)URL-адрес ссылки на эту запись: http://deepmoverhythm.spaces.live.com/blog/cns!AADB175D2220D137!453.trak Блоги, ссылающиеся на эту запись
|
|
|