Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[疑难] 请教高手,模型中,如何修改信息列表为一行多列信息显示呢?

[复制链接]
驴十三 发表于 2008-5-17 23:33:51 | 显示全部楼层 |阅读模式
我试了好多次,总也调不出来,在论坛里搜了好久也没搜到相关的解决方法,希望得到高人的帮助。非常感谢!!
我是在默认模板的基础上修改的,请问,在category.html.php文件中,这段代码如何修改才能实现如下的效果呢?(三列显示,图片下面有相对应的名称与类型)
|——————|     |——————|    |——————|
|                     |     |                     |    |                     |
|——————|     |——————|    |——————|
名称:***                名称:***              名称:***
类型:***                类型:***              类型:***


以下是原文件中的代码:
                <div class="models-articlelist">
                        <!--{if !empty($listarr)}-->
                        <!--{loop $listarr $key $value}-->
                        <div class="models-article">
                                <p class="thumb"><a href="$value[ss_url]" target="_blank" title="$value[subject]"><img src="$value[ss_imgurl]" alt="$value[subject]" /></a></p>
                                <div class="models-articlelistinfo">
                                        <p class="title"><a href="$value[ss_url]" target="_blank">$value[subject]</a></p>
                                        <!--{if !empty($columnsinfoarr)}-->
                                        <ul>
                                        <!--{loop $columnsinfoarr $tmpkey $tmpvalue}-->
                                                <!--{if !is_array($value[$tmpkey])}-->
                                                <!--{if strlen($value[$tmpkey]) > 0}-->
                                                        <li><em>$tmpvalue[fieldcomment]:</em>
                                                        <!--{if $tmpvalue[formtype]!='timestamp' }-->
                                                        <a href="$siteurl/m.php?name=$modelsinfoarr[modelname]&mo_$tmpkey=<!--{eval echo rawurlencode($value[$tmpkey]);}-->">$value[$tmpkey]</a>
                                                        <!--{else}-->
                                                        #date("m月d日 H:i", $value[$tmpkey])#
                                                        <!--{/if}-->
                                                        </li>
                                                <!--{/if}-->
                                                <!--{else}-->
                                                        <li class="maxcontent"><em>$tmpvalue[fieldcomment]:</em>
                                                        <!--{loop $value[$tmpkey] $dkey $dvalue}-->
                                                                <!--{if $tmpvalue[formtype]=='textarea' }-->
                                                                $dvalue
                                                                <!--{else}-->
                                                                <a href="$siteurl/m.php?name=$modelsinfoarr[modelname]&mo_$tmpkey=<!--{eval echo rawurlencode($dvalue);}-->">$dvalue</a>
                                                                <!--{/if}-->
                                                        <!--{/loop}-->
                                                        </li>
                                                <!--{/if}-->
                                        <!--{/loop}-->
                                        </ul>
                                        <!--{/if}-->
                                </div>
                        </div>
                        <!--{/loop}-->
                        <!--{/if}-->
                </div>
回复

使用道具 举报

 楼主| 驴十三 发表于 2008-5-19 13:51:54 | 显示全部楼层
顶起来!
哪位高手帮忙指点一下,万分感谢!
下面的是images/style.css中的代码。

/*搜索列表*/
.models-articlelist{background:url(models_line_t.jpg) repeat-x left top; margin-top:10px;}
        .models-article{background:url(models_line_x.gif) repeat-x center bottom;  min-height:100px;height:auto !important;height:100px; padding:10px 0;}
        /*\*/ * html .models-article{ height: 1%; }/**/ *> .models-article{ overflow: hidden; }
        .models-article .thumb{width:100px; height:100px;text-align:center;float:left; overflow:hidden;margin:0 8px;}
        .models-article img {max-width: 100px; max-height: 100px; width: expression(this.width > 100 && this.width > this.height ? 100 : true); height: expression(this.height > 100 ? 100 : true); font-size: 12px; }
                        @media all and (min-width: 0px){ .models-article img { width: 100px; height: 100px; } } /*for Opera Only*/

        .models-articlelistinfo{ width:560px;overflow:hidden;}
                .models-articlelistinfo p{text-align:left;color:#686868;line-height:20px; padding-bottom:2px;}
                .models-articlelistinfo em{color:#000;}
                .models-articlelistinfo a{ color:#686868;}
                .models-articlelistinfo .title a{color:#0093BB;}
        
                /*\*/ * html .models-articlelistinfo ul{ height: 1%; }/**/ *> .models-articlelistinfo ul{ overflow: hidden; }
                .models-articlelistinfo li{float:left;margin:0 8px 8px 0;background:none !important; white-space:nowrap; color:#666;}
                .models-articlelistinfo .maxcontent {white-space:normal;line-height:18px;width:560px;}
回复

使用道具 举报

lianliankan 发表于 2008-5-19 14:04:15 | 显示全部楼层
discuz很好很强大,人气旺盛啊
回复

使用道具 举报

 楼主| 驴十三 发表于 2008-5-19 18:05:34 | 显示全部楼层
晕,请高手帮忙
回复

使用道具 举报

jy129056 发表于 2008-5-20 09:52:51 | 显示全部楼层
关注,同求
回复

使用道具 举报

jy129056 发表于 2008-5-20 10:32:12 | 显示全部楼层
回复

使用道具 举报

 楼主| 驴十三 发表于 2008-5-20 17:02:27 | 显示全部楼层
谢谢楼上的,我是先找到了这篇帖子,

原帖由 kylinxu 于 2008-3-11 11:17 发表
将6.0模型里面如交友电影里面 把图片弄成一行显示多个条信息
以前自己碰到这个问题,现在已经解决看到论坛几个朋友给我留言也要这种效果那就给除来哦
演示地址:http://www.oopen.net/m.php?name=party
截图:235 ...


但按照这位朋友的分享,不能达成我想要的那个效果,所以才发帖求助的。
现在也不急了,正在学习div+css。但愿不会太慢。。。。。。

当然,谁要知道怎么修改,也请不吝赐教。
回复

使用道具 举报

jy129056 发表于 2008-5-21 11:26:24 | 显示全部楼层
不是要上面图片 下面标题吗?
回复

使用道具 举报

 楼主| 驴十三 发表于 2008-5-22 10:57:42 | 显示全部楼层
哦,不仅是要调用标题,还需要调用一些别的内容,唉,菜鸟呀。
正在学习呢,不过短期内看来是学不会这个了,谢谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-9-14 16:49 , Processed in 0.083617 second(s), 14 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表