個人檔案小小的工作室相片部落格清單 工具 說明

董 小小

職業
Seasons always change, winter to spring. But i love you, until the end of the time
尚未新增內容。
2005年9月

背景添加技术

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="376" id="AutoNumber1" height="514">
<tr>
<td width="100%" background="http://www.ka-ca.com/home/m/data/db/photo/2/72/81/97/11234099451" align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="495">
<tr>
<td width="11%" height="170"> </td>
<td width="78%" height="170"> </td>
<td width="11%" height="170"> </td>
</tr>
<tr>
<td width="11" height="309"> </td>
<td width="78%" height="309">
<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">
<div>
<p align="left"><font face="Arial" style="font-size: 9pt">1.
<span lang="zh-cn">文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">2.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">3.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">4.</font></p>
<p align="right"><font face="Arial" style="font-size: 9pt">5.<span lang="zh-cn">右对齐文字内容</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">6.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">7.<img border="0" src="http://img69.imageshack.us/img69/4432/msnlogo2uw.gif" width="48" height="48"><span lang="zh-cn">图片</span></font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">8.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">9.</font></p>
<p align="center"><font face="Arial" style="font-size: 9pt">10.<span lang="zh-cn">居中文字内容</span>...</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">11.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">12.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">13.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">14.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">15. </font>
</p>
<p align="left"><font face="Arial" style="font-size: 9pt">16.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">17.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">18.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">19.</font></p>
<p align="left"><font face="Arial" style="font-size: 9pt">20.<span lang="zh-cn">文字内容</span>...</font></div>
</div>

</td>
<td width="11" height="309"> </td>
</tr>
<tr>
<td width="11%" height="16"></td>
<td width="78%" height="16"></td>
<td width="11%" height="16"></td>
</tr>
</table>
</td>
</tr>
</table>

 

这么长的代码,即使懂HTML语言,也很难做分析.所以尽量复制上部的演示部分.
在这里重点解释几个重要组成部分.
1.<table>标识部分:有两套<table>.
外部的<table>是为了添加最底部背景图片.此部分可参考第一个演示注释.
内部的<table>是为了固定滚动框的位置而添加的.
2.<div>部分:也有两套<div>
外部的<div>是滚动框部分.内部的<div>是文字内容部分.
在这里对外部<div>做简单的解释.此部分代码较长.

<div style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 270px; BACKGROUND-COLOR: transparent">

只要记住(红色部分)宽度和高度位置就可以.

2005年9月

图片链接

代码:<A href="Space地址" target=_blank><IMG  src="图片地址" border=0></A>
将Space地址换成你要用的地址,图片地址换成你要用的图片的地址就可以了

滚动条的设置

滚动条对于写一篇很长的文章很有作用,因为有了滚动条,会使的网络日志不会过长,而节省空间!
添加方法:
<DIV align=center
style='
color: #ffffff;
background-color: #000000;
border: solid 2px black;
width: 120px;
height: 200px;
overflow: scroll;
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
'>在这里写文字</DIV>

文字竖排

文字竖排的代码:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>这里写文字</P></DIV>
其后的tb代表文字排列从上到下,rl代表从右到左
 

自定义Html模块的设置

添加了自定义HTML的模块之后,记住在这个自定义模块中只能写512个字。
 
第 1 張 / 共 1 張