首页顶部公告栏目上方/发贴按钮右边：添加联系我们美化（补充空白部分）[7.1/7.2]

dly · 发表于 2011-11-5 10:20:25

演示如图：

效果一如图：

效果二如图：

修改方法：打开：/templates/default/discuz.htm ［或你当前正在使用风格中的这个文件］

搜索：

复制代码

在这段代码下面加入（有两种效果，加入的代码不同，效果见上图）：
如果需要效果一（只显示QQ），就加下面的代码：

<style type="text/css">
.contact { float:right; width:350px; border:1px solid #f0f1f2; }
.contact strong { background:#f7f7f7; display:block; width:70px; float:left; text-align:center; font-size:14px; margin:1px; color:#f00; }
</style>
<p class="contact"><strong style="">联系我们</strong>
<a href="http://wpa.qq.com/msgrd?V=1&Uin=582150479&Site=驻马店论坛&Menu=yes" target="_blank"title="驻马店论坛站务管理员"><img src="ad/qq1.gif" border="0" alt="驻马店论坛QQ" />站务582150479</a>
<a href="http://wpa.qq.com/msgrd?V=1&Uin=719468490&Site=驻马店论坛&Menu=yes" target="_blank"title="驻马店论坛技术管理员"><img src="ad/qq1.gif" border="0" alt="驻马店论坛QQ" />技术719468490</a>
</p>

复制代码

如果需要效果二(显示QQ，MSN，旺旺等)，就加入下面的代码：

<style type="text/css">
.contact { float:right; width:350px; border:1px solid #f0f1f2; }
.contact strong { background:#f7f7f7; display:block; width:70px; float:left; text-align:center; font-size:14px; margin:1px; color:#f00; }
</style>
<p class="contact">
<strong style="">联系我们</strong>
<a href="http://wpa.qq.com/msgrd?V=1&Uin=385317635&Site=东莞论坛&Menu=yes" target="_blank"><img src="ad/qq.gif" border="0" alt="QQ" />385317635</a>
<a target="_blank" href="e8ddeead87c8fc13@apps.messenger.live.com" title="MSN 聊天"><img style="vertical-align:middle" src="ad/msn.gif" width="16" height="16" /><em id="imme_status_e8ddeead87c8fc13">MSN 聊天</em></a>
<script src="http://messenger.services.live.com/users/e8ddeead87c8fc13@apps.messenger.live.com/presence/?cb=showimmestatus" type="text/javascript" type="text/javascript"></script>
<a target="_blank" href="http://amos.im.alisoft.com/msg.aw?v=2&uid=fengzhun520%40163.com&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="ad/wang.gif" alt="阿里旺旺" /></a></p>
</p>

复制代码

附件带小图下载，小图片请上传到论坛的ad目录中，或者其它目录，请自行修改。

[代码修改] 首页顶部公告栏目上方/发贴按钮右边：添加联系我们美化（补充空白部分）[7.1/7.2]