给UCHOME首页增加最新相册和最新日志,热门日志,最新动态选项卡
作者:小戒 日期:2009-09-29
UCHOME不错,挺方便。呵呵
以下正传:
后台先设置数据调用,分别调用最新日志,最新相册,热门日志,具体方法相信大家都知道了,记下调用代码。打开template/default/index.htm,找到:在上面插入:上面代码中的
<!--{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,让我找到了解决方法。)
找到:在上面一行插入:模板是完成了,接下来是CSS,我的CSS技术不行,大家别见笑,高手自己去优化哈。
打开template/default/style.css,找到:下的这行(我改过了,不记得原始代码),替换为:找到:在下面插入:OK了。后台更新缓存。刷新,搞定。。
以下正传:
后台先设置数据调用,分别调用最新日志,最新相册,热门日志,具体方法相信大家都知道了,记下调用代码。打开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>
<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);
}
$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);
}
打开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;
}
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;
}
评论: 1 | 引用: 0 | 查看次数: -
发表评论


上一篇:
下一篇:
文章来自:
Tags:
相关日志:
请问博主,我经常来这样发点外链行不行啊?
每天一条,不乱写东西。