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

UCHOME不错，挺方便。呵呵
最近使用了UCHOME，首页感觉缺少点什么，自己加了点东西，增加了最新相册，使用选项卡方式显示最新日志，热门日志和最新动态。
演示：李氏家族，李氏网：http://www.muzili.com（换服务器时数据转移出了点纰漏，所以动态显示过去的数据有问题）

以下正传：
后台先设置数据调用，分别调用最新日志，最新相册，热门日志，具体方法相信大家都知道了，记下调用代码。打开template/default/index.htm，找到：

1.   <div id="radomuser" class="nbox">
   

复制代码

在上面插入：

1.   <div class="nbox">
   
2.     <div class="nbox_c">
   
3.       <h2 class="ntitle">最新相册</h2>
   
4.       <!--{template data/blocktpl/5}-->
   
5.     </div>
   
6.     <div class="nbox_s side_rbox">
   
7.           <DIV class=tabs_header>
   
8.             <UL class=tabs>
   
9.               <LI id=li_zxrz><A id=a_select_zxrz onclick="javascript:showSQLDiv('zxrz');" href="javascript:void(0);"><SPAN>最新日志</SPAN></A></LI>
   
10.               <LI id=li_rmrz><A id=a_select_rmrz onclick="javascript:showSQLDiv('rmrz');" href="javascript:void(0);"><SPAN>热门日志</SPAN></A> </LI>
    
11.               <LI id=li_zxdt><A id=a_select_zxdt onclick="javascript:showSQLDiv('zxdt');" href="javascript:void(0);"><SPAN>动态</SPAN></A> </LI>
    
12.             </UL>
    
13.           </DIV>
    
14.       <div class="side_rbox_c">
    
15.         <DIV class=bdrcontent>
    
16.           <TABLE class=formtable id=zxrz style="DISPLAY: none" cellSpacing=0 cellPadding=0>
    
17.             <TBODY>
    
18.               <TR>
    
19.                 <TD><!--{template data/blocktpl/7}-->
    
20.                 </TD>
    
21.               </TR>
    
22.             </TBODY>
    
23.           </TABLE>
    
24.           <TABLE class=formtable id=rmrz style="DISPLAY: none" cellSpacing=0 cellPadding=0>
    
25.             <TBODY>
    
26.               <TR>
    
27.                 <TD><!--{template data/blocktpl/8}-->
    
28.                 </TD>
    
29.               </TR>
    
30.             </TBODY>
    
31.           </TABLE>
    
32.           <TABLE class=formtable id=zxdt style="DISPLAY: none" cellSpacing=0 cellPadding=0>
    
33.             <TBODY>
    
34.               <TR>
    
35.                 <TD><ul class="line_list" id="scrollbody" style="height: 276px; overflow:hidden;">
    
36.                     <!--{loop $feedlist $value}-->
    
37.                     <li><img src="$value[icon_image]" /> $value[title_template]</li>
    
38.                     <!--{/loop}-->
    
39.                   </ul>
    
40.                   <script>startMarquee(250, 60, 0, 'scrollbody');</script>
    
41.                 </TD>
    
42.               </TR>
    
43.             </TBODY>
    
44.           </TABLE>
    
45.         </DIV>
    
46.         <SCRIPT language=javascript type=text/javascript>
    
47. var curMod = '';
    
48. function showSQLDiv(sid) {
    
49. var sObj = $(sid);
    
50. if('' != curMod) {
    
51. $(curMod).style.display = 'none';
    
52. $('li_' + curMod).className = '';
    
53. }
    
54. $('li_' + sid).className = 'active';
    
55. sObj.style.display = '';
    
56. curMod = sid;
    
57. }
    
58. showSQLDiv('zxrz');
    
59. </SCRIPT>
    
60.       </div>
    
61.     </div>
    
62.   </div>
    

复制代码

上面代码中的
<!--{template data/blocktpl/5}-->
<!--{template data/blocktpl/7}-->
<!--{template data/blocktpl/8}-->
分别对应你在后台数据调用中的调用代码，当然JS的也行。

然后打开根目录下的index.php，（这里要感谢ceozheng的帖子：https://discuz.dismall.com/viewth ... ghlight=%7Bactor%7D，让我找到了解决方法。）

找到：

1.         //实名
   

复制代码

在上面一行插入：

1.   //大家的最新动态
   
2. $feedlist = array();
   
3. $query = $_SGLOBAL['db']->query("SELECT * FROM ".tname('feed')." WHERE friend='0' ORDER BY dateline DESC LIMIT 0,20");
   
4. while ($value = $_SGLOBAL['db']->fetch_array($query)) {
   
5.         realname_set($value['uid'], $value['username']);
   
6.         $feedlist[] = $value;
   
7. }
   
8. //格式化动态
   
9. foreach ($feedlist as $key => $value) {
   
10.         $feedlist[$key] = mkfeed($value);
    
11. }
    

复制代码

模板是完成了，接下来是CSS，我的CSS技术不行，大家别见笑，高手自己去优化哈。
打开template/default/style.css，找到：

1. /*************************************************TABS HEADER***/
   

复制代码

下的这行（我改过了，不记得原始代码），替换为：

1. .tabs_header { margin-bottom:5px; height: 29px; border-bottom: 1px solid #EBE6C9; clear: both; overflow: hidden; background: #FFFFFF; }
   

复制代码

找到：

1.     .line_list img { margin: 0 2px 0 0; vertical-align: middle; }
   

复制代码

在下面插入：

1. .line_list1:link,.line_list1:visited{
   
2. padding: 3px 10px 2px 10px;
   
3. width:195px;        
   
4. word-break:keep-all;/* 不换行 */
   
5. white-space:nowrap;/* 不换行 */
   
6. overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
   
7. text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
   
8. display:block;
   
9. color:#000000;
   
10. }
    

复制代码

OK了。后台更新缓存。刷新，搞定。。

新手，请大家指正。谢谢。

坐沙发上支持~~

帮助顶下！

呃。。。。谢谢帮顶的同学们。

好东西，谢谢分享，收藏拉。

感谢分享 不错的东西

顶顶更健康   http://www.shisexingye.cn/jianfeicaipu/index.html

好东西，谢谢分享，收藏拉。

不错  欢迎来到 www.friend520.com  大学生第一原创社交网