Discuz官方 顶部 多行三列 文字广告添加方式，及这样的广告代码写作方法

广告如何添加？如下图所示：

这样的广告，写作代码方法如下：

页内文字代码对于懂HTML代码的朋友们是非常简单的，这个教程主要针对刚入门的新手


为了更方便直观的写代码，我建议大家用Dreamweaver 软件，这样可以很快的得到需要的文字代码

第一步：新建空白html文档





第二步：建立表格



注释：因为表格比较方便一点，这里我就建议新手朋友们使用表格

表格CSS属性：width="100%" border="0" style="text-align:center; font-weight:bold; font-size:14px"

css属性解释：宽度百分之百，无边框，文字居中，文字加粗，文字规格14个像素大小

属性说明：宽度100%这样这个表格就会根据论坛宽度自动调整，如果固定宽度比论坛模板整体框架宽或者窄，就会出现内容被应藏或者宽度不够的问题，至于边框、文字大小、是否加粗等看个人喜好

第三步：书写代码



dw书写代码非常好用，因为他有提示所以不必担心自己是否能够记住这么多，只需要空格打出代码的第一个字母就会自动联想

例子：

1. 
   
2. <table width="100%" border="0" style="text-align:center; font-weight:bold; font-size:14px">
   
3. <tr>
   
4. <td><a href="#" style="color:#F00">红色</a></td>
   
5. <td><a href="#" style="color:#00F">蓝色</a></td>
   
6. <td><a href="#" style="color:#090">绿色</a></td>
   
7. </tr>
   
8. <tr>
   
9. <td><a href="#" style="color:#F90">黄色</a></td>
   
10. <td><a href="#" style="color:#F09">酒红</a></td>
    
11. <td><a href="#" style="color: ">黑色</a></td>
    
12. </tr>
    
13. </table>

复制代码

上面的文字连接也可以改成图片连接：
<a href="#"><img src="图片地址" alt="图片介绍，利于SEO" /></a>

如果不需要在当前窗口打开这些广告连接，那么我们可以赋予A标签的_blank属性：
<a href="#" target="_blank">

连接加注释：
<a href="#" title="注释说明">

综合：
<a href="#" title="注释说明" target="_blank">文字文字</a>


多在网上搜索相关资料对你会更有帮助：http://www.baidu.com/baidu?word=DW%C8%EB%C3%C5

在cr180的基础上整理。

这个爽呀

。

这个爽呀

。
小小女女 发表于 2010-3-14 14:31

       感谢支持。

学习了.........

  感谢支持。

非常支持一下

谢谢楼主分享

支持兄弟~

支持兄弟~
肥爺 发表于 2010-3-15 11:29