求一门户图片列表代码

查看他们源代码复制下来

不能回头的牛 发表于 2013-5-15 16:48
查看他们源代码复制下来

谢谢.......试试看

如果是CSS写入的会错位的

可爱的轩轩 发表于 2013-5-16 10:46
如果是CSS写入的会错位的

是的  我在后台直接新建图片模板的代码...效果不是太好.

www.23zhongguo.com你看看我下面的那个是不是呀！！！如果是的话我这个代码可以用

<style>
        .htj ul{ padding:0px; *padding:0px 0px 10px 0px;_padding:0px; margin:0px; }
        .htj li{ list-style:none; display:block; width:162px; height:162px; position:relative; float:left; margin-right:10px; margin-bottom:10px; }
        .htj li img{ display:block; width:162px; height:162px; }
        .htj span{ width:162px;  position:absolute; left:0px; bottom:0px;overflow:hidden;display:none; }
        .htj a:hover span{ display:block;text-align:center;background-color:#000; opacity:0.7;filter:alpha(opacity=70); }
        .htj a:hover { text-decoration:none; color:#fff; font-size:14px; }
</style>
<div class="htj">
<ul class="cl">
        [order=1]
        <li style="width:250px; height:334px;">
                <a href="{url}" {target} title="{title}">
                        <img src="{pic}" style="height:334px; width:250px;" alt="{title}" />
                        <span style="width:250px;"><p>{title}</p></span>
                </a>
        </li>
        [/order]
        [order=5]
        <li style="margin-right:0px;">
                <a href="{url}" {target} title="{title}">
                        <img src="{pic}"alt="{title}" />
                        <span><p>{title}</p></span>
                </a>
        </li>
        [/order]
        [order=9]
        <li style="margin-right:0px;">
                <a href="{url}" {target} title="{title}">
                        <img src="{pic}" alt="{title}" />
                        <span><p>{title}</p></span>
                </a>
        </li>
        [/order]
        [loop]
        <li>
                <a href="{url}" {target} title="{title}">
                        <img src="{pic}" width="{picwidth}" height="{picheight}"  alt="{title}" />
                        <span>{title}</span>
                </a>
        </li>
        [/loop]
</ul>
</div>