给UCHOME首页增加最新相册和最新日志,热门日志,最新动态选项卡

UCHOME不错,挺方便。呵呵
以下正传:
后台先设置数据调用,分别调用最新日志,最新相册,热门日志,具体方法相信大家都知道了,记下调用代码。打开template/default/index.htm,找到:
  <div id="radomuser" class="nbox">
在上面插入:
  <div class="nbox">
    <div class="nbox_c">
      <h2 class="ntitle">最新相册</h2>
      <!--{template data/blocktpl/5}-->
    </div>
    <div class="nbox_s side_rbox">
          <DIV class=tabs_header>
            <UL class=tabs>
              <LI id=li_zxrz><A id=a_select_zxrz onclick="javascript:showSQLDiv('zxrz');" href="javascript:void(0);"><SPAN>最新日志</SPAN></A></LI>
              <LI id=li_rmrz><A id=a_select_rmrz onclick="javascript:showSQLDiv('rmrz');" href="javascript:void(0);"><SPAN>热门日志</SPAN></A> </LI>
              <LI id=li_zxdt><A id=a_select_zxdt onclick="javascript:showSQLDiv('zxdt');" href="javascript:void(0);"><SPAN>动态</SPAN></A> </LI>
            </UL>
          </DIV>
      <div class="side_rbox_c">
        <DIV class=bdrcontent>
          <TABLE class=formtable id=zxrz style="DISPLAY: none" cellSpacing=0 cellPadding=0>
            <TBODY>
              <TR>
                <TD><!--{template data/blocktpl/7}-->
                </TD>
              </TR>
            </TBODY>
          </TABLE>
          <TABLE class=formtable id=rmrz style="DISPLAY: none" cellSpacing=0 cellPadding=0>
            <TBODY>
              <TR>
                <TD><!--{template data/blocktpl/8}-->
                </TD>
              </TR>
            </TBODY>
          </TABLE>
          <TABLE class=formtable id=zxdt style="DISPLAY: none" cellSpacing=0 cellPadding=0>
            <TBODY>
              <TR>
                <TD><ul class="line_list" id="scrollbody" style="height: 276px; overflow:hidden;">
                    <!--{loop $feedlist $value}-->
                    <li><img src="$value[icon_image]" /> $value[title_template]</li>
                    <!--{/loop}-->
                  </ul>
                  <script>startMarquee(250, 60, 0, 'scrollbody');</script>
                </TD>
              </TR>
            </TBODY>
          </TABLE>
        </DIV>
        <SCRIPT language=javascript type=text/javascript>
var curMod = '';
function showSQLDiv(sid) {
var sObj = $(sid);
if('' != curMod) {
$(curMod).style.display = 'none';
$('li_' + curMod).className = '';
}
$('li_' + sid).className = 'active';
sObj.style.display = '';
curMod = sid;
}
showSQLDiv('zxrz');
</SCRIPT>
      </div>
    </div>
  </div>
上面代码中的
<!--{template data/blocktpl/5}-->
<!--{template data/blocktpl/7}-->
<!--{template data/blocktpl/8}-->
分别对应你在后台数据调用中的调用代码,当然JS的也行。
然后打开根目录下的index.php,(这里要感谢ceozheng的帖子:http://www.discuz.net/viewthread.php?tid=1395949&highlight=%7Bactor%7D,让我找到了解决方法。)
找到:
//实名
在上面一行插入:
  //大家的最新动态
$feedlist = array();
$query = $_SGLOBAL['db']->query("Select * FROM ".tname('feed')." Where friend='0' orDER BY dateline DESC LIMIT 0,20");
while ($value = $_SGLOBAL['db']->fetch_array($query)) {
        realname_set($value['uid'], $value['username']);
        $feedlist[] = $value;
}
//格式化动态
foreach ($feedlist as $key => $value) {
        $feedlist[$key] = mkfeed($value);
}
模板是完成了,接下来是CSS,我的CSS技术不行,大家别见笑,高手自己去优化哈。
打开template/default/style.css,找到:
/*************************************************TABS HEADER***/
下的这行(我改过了,不记得原始代码),替换为:
.tabs_header { margin-bottom:5px; height: 29px; border-bottom: 1px solid #EBE6C9; clear: both; overflow: hidden; background: #FFFFFF; }
找到:
    .line_list img { margin: 0 2px 0 0; vertical-align: middle; }
在下面插入:
.line_list1:link,.line_list1:visited{
padding: 3px 10px 2px 10px;
width:195px;  
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
display:block;
color:#000000;
}
OK了。后台更新缓存。刷新,搞定。。

上一篇: 谷歌关于ADWORDS的来信
下一篇: 去掉uchome分享中的直接地址
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
雀斑
回复回复雀斑[2009-10-05 10:10 PM | | | del]
学习了!
请问博主,我经常来这样发点外链行不行啊?
每天一条,不乱写东西。
回复来自 小戒 的评论 小戒 于 2009-10-05 10:19 PM 回复
....这倒不失是一个好办法.我没限制...
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.