如何给日志加边框和自定义模板

如何给日志加边框和自定义模板 [原创 2008-11-25 20:02:20]   

字号：大 中 小

         

 

为了完善个人门户的功能，和讯新的个人门户模板已上线近一周了，看到有博友制作的模板心里痒痒的，今天有幸对个人门户做了装修，总体效果还是比较令人满意的。        和讯新推出的个人门户自定义模板个人认为功能比较强大，制作上也比较容易上手，虽然有许多功能还没有做到全面尝试。但我相信，千篇一律的模板从此会变得更加多姿多彩！      制作过程中要体现一种风格，确定一种主色调，然后围绕这个色调调配、调试、预览。 下面简要介绍制作方法：      1，从个人门户“进入管理”，选择模板，然后选择“自定义模板”，进入"个人门户管理系统”。在“背景自定义”里选择背景颜色，上传背景图片等，背景自定义设置完后可以做下预览，不满意可以反复修改，直至满意为止。     2.背景自定义满意后可以进入下一个参数环节设定（同上一个步骤），最后做一下整体调试。      3.制作过程中，在选择颜色时如果觉的提供的颜色不能满足你的要求的，也可以自定义自己喜欢的颜色。       4.头部（即门户的上方）的高度、背景图都可以自行设置，在设置“边框颜色”时要比其他背景颜色稍深一些，以做到协调、有立体感。       5.背景图片关系到整个模板的色调，可以采用虚幻的和自己喜欢的颜色和图片作为整个模板的主色调。        6. 你可以采用的主色调如冷色的、暖色的、怀旧的、仿古的、建筑型的、梦幻型的、五花八门型的等等，可以充分发挥你的想象力和创造力。       以上是个人的制作体会，相信一定还有许多高手的大作等待我们学习探讨，也希望我们普通的博友有更精彩的个性模板和大家见面。

 

 

          

       各位朋友上网发贴子是为了展露才华、表达心声、抒发情感，那么在丰富的文章内涵与优美的文字之外，您是否还想给自己的文章做一番装饰，让它更具魅力呢？如果想，那就让我们一起边学边作好嘛！

    我也是个初学者，只是想把从老师那里学到的一些知识，在这里与朋友们交流一二，与初学者一起学习，请高手不要见笑，并恳请各位多多指教，！我这也是班门弄斧，请朋友们见谅！谬误之所在所难免，请各位方家及时指正！我将不胜感激！

    这里给朋友们提供一些成品贴子装饰素材及其代码，只要你会复制粘贴就会把自己的帖子装饰得更漂亮！可以直接把成品或者代码复制过去，再把颜色和图片改成你想要的即可以了。当然这是简单的，要想学习很复杂的，那就得咱们一起慢慢向老师学习了。（来源：心缘之梦，如有侵权，烦告知）

一、边框

    贴子的重要组成部分是先做一个边框。现在提供几个成品边框几代码：

1.一层边框（单表格）

代码：

<TABLE borderColor=#9900cc width="100%" border=10>
<TBODY>
<TR>
<TD width="100%"></TD></TR></TBODY></TABLE>

=#9900cc 这是颜色代码，可以换成你需要的颜色。

2.两层边框（两张表格的嵌套）

Table No.1(Father Table) Table No.2(Son Table) Table No.1(Father Table)

代码：

<table border=8 bordercolor=#0099cc width=100%>
<tbody>
  <tr>
   <td>Table No.1(Father Table)
    <table border=8 bordercolor=#ccffcc width=100%>
     <tbody>
      <tr>
       <td><br>Table No.2(Son Table)<br></td>
      </tr>
     </tbody>
    </table>
    Table No.1(Father Table)
   </td>
  </tr>
</tbody>
</table>

3.三层边框（三张表格的嵌套）

代码：

 

<TABLE borderColor=#6633ff width="100%" border=8>
<TBODY>
  <TR>
   <TD>
    <TABLE borderColor=#cc9966 width="100%" border=8>
     <TBODY>
      <TR>
       <TD>
        <TABLE borderColor=#003300 height=200 width="100%" border=8>
         <TBODY>
          <TR>
           <TD></TD>
          </TR>
         </TBODY>
        </TABLE>
       </TD>
      </TR>
     </TBODY>
    </table>
   </td>
  </tr>
</tbody>
</Table>

    以上是黑马老师教的表格制作方法及代码

 4.四个边框（四个表格嵌套，加背景）

 代码：

<TABLE borderColor=#6633ff cellPadding=10 width="100%" bgColor=#cccc00 background=http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_3.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cc9966 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#663388 height=200 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#003300 height=200 width="100%" border=8>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#556633 height=100 width="100%" border=8>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 5.七层边框

加入内容

代码:

<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_4.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_5.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_6.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_5.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_5.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_6.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=

http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_4.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>加入内容 </TD></TR></TBODY></TABLE>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>

</DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

</TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

</TD></TR></TBODY></TABLE>

 二、加入内容

     在边框（表格）内加入的内容有：文字、图片、音乐。文字的大小、颜色、字体均可选择，直到满意为止。图片的花样、种类更是丰富多彩，选中所需要图片的格式代码、只要改变图片的地址即可。

 例子

 1.一层

加入内容

 代码：

<TABLE cellSpacing=1 cellPadding=1 width="100%" align=center background=http://image59.360doc.com/DownloadImg/2013/04/0917/31524614_7.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

2.两层

加入内容

 代码：

<P align=center>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#663399 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#99ccff border=0>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

“加入内容”这是加入内容的地方，请注意保持边框（表格）代码的完整。

      无论几层边框（表格）加入内容都可以此类推