[转载]在透明效果圖片加入文字

Sat, 21 Jul 2007 02:59:47 GMT

昨天有人問我怎樣做到在透明效果圖片上寫文字，於是就想到了將背景透明化來達到目的。不過這同時也將日志透明化了，但可以用代碼裏的參數（包括圖片高度和寬度，圖片效果選擇）和文字顔色，文字位置（居左，居中，居右）來調節效果。

說明一下： opactity=100表示起始度不透明度為100（為不透明）。finishOpactity=0表示結束不透明度為0（為完全透明） Style可設0，1，2，3勻可。可以達到不同的效果。0為不透明，1為兩邊開始透明，2為圓形效果。3為四邊形效果。

<div align=center>
<TABLE width=圖片寬度 background=背景圖片地址>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2)" align=middle width=寬度 background=圖片地址 height=高度>
<P align=center><FONT color=文字顔色 size=文字大小><STRONG>日志在這裏</FONT></STRONG></P>
</TD>
</TR>
</TBODY>
</TABLE>
</div>

=========================================================================================如果你只想實現在透明效果加入文字。可以用這個：
<div align=center>
<TABLE style="FILTER: Alpha(opacity=100,finishOpacity=0,style=2)" align=middle width=寬度 background=圖片地址 height=高度>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=文字顔色 size=文字大小><STRONG>日志在這裏</FONT></STRONG></P>
</TD>
</TR>
</TBODY>
</TABLE>
</div>

滚动条日志制作方法

Sat, 21 Jul 2007 02:49:32 GMT

代码：
<DIV align=center>
<DIV style='color: navy; background-color: pink; border: orange solid 1px; width: 600px; height: 100px;
overflow: auto; scrollbar-face-color: pink; scrollbar-shadow-color: pink; scrollbar-highlight-color: pink; scrollbar-3dlight-color: pink; scrollbar-darkshadow-color: pink; scrollbar-track-color: pink; scrollbar-arrow-color: navy;'>
日志图文内容
</DIV></DIV>

粘贴在日志的HTML中就可以了，颜色 height随便改
我使用中间宽两边窄的架构，日志的width最好600。已经试过了，其他宽度的架构我就不一一试了

咖啡·E品上馆: 网页制作

[转载]在透明效果圖片加入文字

滚动条日志制作方法