Discuz X 右下角站长推荐仿凤凰论坛凤坛简报样式

原样式：

美化后：

无图版：（自动适应宽度）

修改方法：（修改前记得备份相应文件）

1 、打开：template/default/common/common.css

查找：

• /* 热点：站长推荐内容，在页面右下角弹出 */
• .focus { position: fixed; right: 10px; bottom:
  10px; z-index: 300; overflow: hidden; width: 270px; border: 1px solid;
  border-color: #CCC #999 #999 #CCC; background: {WRAPBG}; }
• * html .focus { position: absolute; top:
  expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
  }
• .focus .flb { margin: 0; padding: 6px 10px; background: url({IMGDIR}/thead.png) repeat-x 0 0; }
• .focus .flb em { font-size: 12px; color: {LINK}; }
• .focus .detail { padding: 10px; text-align: left; }
• .focus .detail h4 { margin-bottom: 5px; }
• .focus .detail img { float: left; margin-right: 8px; width: 58px; }
• .focus .detail a { color: #06C; }
• .focus .moreinfo { float: right; display:
  inline; margin-right: 10px; padding: 6px 15px 6px 0; background:
  url({IMGDIR}/arw_r.gif) no-repeat 100% 50%; }

替换为：

• /* 热点：站长推荐内容，在页面右下角弹出 */
• .focus { position: fixed; right: 10px; bottom: 10px; z-index: 300; overflow: hidden; width: 300px; height:180px;}
• * html .focus {
  position:absolute ; top:
  expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
  }
• .focus .flb {
  padding:0;margin:0;height:27px;line-height:27px;background:
  url({IMGDIR}/focustit.gif) repeat-x 0 0; color:#711018;font-size: 18px;}
• .focus .flb em {padding-left:10px;color:#711018}
• .focus .flb em img {padding-right:5px;}
• .focus .flb span { padding-top:4px;padding-right:10px; float:right; }
• .focus .detail { padding:10px; text-align:left; border:1px solid #e4e4e5; background:{WRAPBG}; width:278px; position:absolute; }
• .focus .detail h4 { margin-bottom: 5px; font-size:14px; height:18px; overflow:hidden; }
• .focus .detail .tipsimg { float: left; margin-right:5px}
• .focus .detail .tipsimg img { padding:1px; border:1px solid #ccc; width: 112px;height:92px; }
• .focus .detail .tipscon { float:right; width:155px; height:105px; overflow:hidden; }
• .focus .detail a { color: #e61056; }

2 、打开：template/default/common/footer.htm

查找：

• <div id="sitefocus">
• <h3 >
• <em><!--{if
  $_G['cache']['focus']['title']}-->{$_G['cache']['focus']['title']}<!--{else}-->{lang
  focus_hottopics}<!--{/if}--></em>
• <span><a
  href="javascript:;" onclick="setcookie('nofocus_$focusid', 1,
  86400);$('sitefocus').style.display='none'" title="{lang
  close}">{lang close}</a></span>
• </h3>
• <hr />
• <div >
• <h4><a href="{$focus['url']}" target="_blank">$focus['subject']</a></h4>
• <p>
• <!--{if $focus[image]}-->
• <a href="{$focus['url']}"
  target="_blank"><img src="{$focus['image']}"
  onload="thumbImg(this, 1)" _width="58" _height="58" /></a>
• <!--{/if}-->
• $focus['summary']
• </p>
• </div>
• <hr />
• <a href="{$focus['url']}" target="_blank">{lang focus_show}</a>
• </div>

替换为：（有用户反映修改后无法关闭站长推荐，原因是因为我发帖子时候 DZ 自动过滤了下面代码中的 onclick="setcookie('nofocus_$focusid', 1, 86400);$('sitefocus').style.display='none'"
请您查找您的 footer.htm 中有没有前面这段代码，如果没有请重新用下面的代码替换即可。）

• <div id="sitefocus">
• <h3 >
• <em><img
  src="{IMGDIR}/focuslogo.gif" align="absmiddle"><!--{if
  $_G['cache']['focus']['title']}-->{$_G['cache']['focus']['title']}<!--{else}-->{lang
  focus_hottopics}<!--{/if}--></em>
• <span><a
  href="javascript:;" onclick="setcookie('nofocus_$focusid', 1,
  86400);$('sitefocus').style.display='none'" title="{lang
  close}">{lang close}</a></span>
• </h3>
• <hr />
• <div >
• <h4><a href="{$focus['url']}" target="_blank">$focus['subject']</a></h4>
• <!--{if $focus[image]}-->
• <div >
• <a href="{$focus['url']}"
  target="_blank"><img src="{$focus['image']}"
  onload="thumbImg(this, 1)" _width="112" _height="92" /></a>
• </div>
• <div >
• <p>$focus['summary'] <a href="{$focus['url']}" target="_blank">{lang focus_show}</a></p>
• </div>
• <!--{else}-->
• <p>
• $focus['summary'] <a href="{$focus['url']}" target="_blank">{lang focus_show}</a>
• </p>
• <!--{/if}-->
• </div>
• </div>

3 、上传附件中的图片到论坛 static/image/common 目录 （直接上传，不会有覆盖）