Discuz! 论坛官方 » UCenter Home-安装使用 » 怎样控制论坛调用uchome的样式？

插件作者的标准出来了！Manyou诚邀开发者加盟！ “互联网平台开发者”特刊有奖征集开发者	立即免费下载 Discuz!6.1.0正式版 Discuz! 6.1.0 使用说明	Discuz!NT2.5正式版发布开放源码下载
UCenter Home 1.2 正式版发布官方站 \| 帮助文档	基于ECShop的网店托管-卖否 PHP就业培训直通车 \| LAMP培训大连	Discuz!收费服务内容及价格 “感谢有你同行”手握手2008年数万元重奖志愿者
Discuz!/ECShop 专用官方虚拟主机亿声传媒（Insenz）中秋祝福发送中	Comsenz 招聘信息网店系统ECShop v2.6.0正式版火热发布	基于Discuz!的免费论坛空间5D6D 参与有奖社区调查赢取台湾5日游

20 12 ››

打印

[使用] 怎样控制论坛调用uchome的样式？

散步的鱼

头衔 Conqueror

星级 Rank: 3 Rank: 3

UID: 273985
帖子: 272
积分: 218
威望: 0
金币: 0 个
注册时间: 2005-11-16
最后登录: 2008-8-29

1^# 大中小发表于 2008-7-3 03:26 只看该作者

怎样控制论坛调用uchome的样式？

调用了uchome十二条最新日志。不过不懂css不好控制样式。请大家帮忙写个代码。谢谢。

像以前x-space放在论坛首页的那样。三行四列的一个表格。

搜索更多相关主题的帖子: uchome 调用 css

青阳网：http://www.0566cn.com

TOP

《PHPer》电子杂志免费下载

pktmandy

头衔 Practise Moderator

星级 Rank: 7 Rank: 7 Rank: 7

UID: 933371
帖子: 628
积分: 1109
威望: 50
金币: 58 个
注册时间: 2008-5-14
最后登录: 2008-8-30

2^# 大中小发表于 2008-7-3 08:20 只看该作者

4列就是要4条记录了!
<ul class="hotblog">
<li>zzz<span class="author">zhang san</author><span class="date">2007-05-02</span></li>
</ul>

TOP

《PHPer》电子杂志免费下载

散步的鱼

头衔 Conqueror

星级 Rank: 3 Rank: 3

UID: 273985
帖子: 272
积分: 218
威望: 0
金币: 0 个
注册时间: 2005-11-16
最后登录: 2008-8-29

3^# 大中小发表于 2008-7-3 09:53 只看该作者

没看懂！

青阳网：http://www.0566cn.com

TOP

《PHPer》电子杂志免费下载

散步的鱼

头衔 Conqueror

星级 Rank: 3 Rank: 3

UID: 273985
帖子: 272
积分: 218
威望: 0
金币: 0 个
注册时间: 2005-11-16
最后登录: 2008-8-29

4^# 大中小发表于 2008-7-3 10:14 只看该作者

青阳网：http://www.0566cn.com

TOP

LAMP教学视频免费下载！

散步的鱼

头衔 Conqueror

星级 Rank: 3 Rank: 3

UID: 273985
帖子: 272
积分: 218
威望: 0
金币: 0 个
注册时间: 2005-11-16
最后登录: 2008-8-29

5^# 大中小发表于 2008-7-3 13:42 只看该作者

顶上去！

青阳网：http://www.0566cn.com

TOP

LAMP教学视频免费下载！

pktmandy

头衔 Practise Moderator

星级 Rank: 7 Rank: 7 Rank: 7

UID: 933371
帖子: 628
积分: 1109
威望: 50
金币: 58 个
注册时间: 2008-5-14
最后登录: 2008-8-30

6^# 大中小发表于 2008-7-3 14:09 只看该作者

复制内容到剪贴板

代码:

<html>

<head>

<style type="text/css">

#hotblog{

float:left;

margin:0;

padding:0;

width:auto;

height:auto;

border:1px solid #ddd;

background-color:#eee;

}

#hotblog ul{

float:left;

margin:0;

padding:0;

width:407px;

height:auto;

list-style:none;

}

#hotblog ul li{

float:left;

margin:0;

padding:0;

width:400px;

height:20px;

}

#hotblog ul li a{

float:left;

margin:0;

padding:0;

width:200px;

height:20px;

background-color:#fff;

}

.author{

float:left;

margin:0;

padding:0;

width:100px;

height:20px;

background-color:#ccc;

}

 .date{

float:left;

margin:0;

padding:0;

width:100px;

height:20px;

background-color:#ddd;

text-align:center;

}

</style>

</head>

<body>

<div id="hotblog">

<ul>

<li><a href="#">zzz</a><span class="author">zhang san</span><span class="date">2007-05-02</span></li>

<li><a href="#">zzz</a><span class="author">zhang san</span><span class="date">2007-05-02</span></li>

<li><a href="#">zzz</a><span class="author">zhang san</span><span class="date">2007-05-02</span></li>

<li><a href="#">zzz</a><span class="author">zhang san</span><span class="date">2007-05-02</span></li>

</ul>

</div>

</body></html>

本帖最近评分记录

安笛威望 +5 原创内容 2008-7-3 14:13
安笛金币 +5 原创内容 2008-7-3 14:13

TOP

插件作者的开发标准出来了！Manyou诚邀开发者加盟！

pktmandy

头衔 Practise Moderator

星级 Rank: 7 Rank: 7 Rank: 7

UID: 933371
帖子: 628
积分: 1109
威望: 50
金币: 58 个
注册时间: 2008-5-14
最后登录: 2008-8-30

7^# 大中小发表于 2008-7-3 14:11 只看该作者

IE7这次比FF都难缠,上面的代码在IE7，FF下都通过测试

TOP

PHP认证培训周末班热招！

pktmandy

头衔 Practise Moderator

星级 Rank: 7 Rank: 7 Rank: 7

UID: 933371
帖子: 628
积分: 1109
威望: 50
金币: 58 个
注册时间: 2008-5-14
最后登录: 2008-8-30

8^# 大中小发表于 2008-7-3 16:39 只看该作者

MS LZ要的不是我调了半天的代码,LZ要的样式很简单,有需要的可以参考下.

复制内容到剪贴板

代码:

<html>

<head>

<style type="text/css">

body{

margin:0;

padding:0;

width:960px;

height:auto;

}

#hotblog{

float:left;

margin-left:5px;

padding:0;

width:auto;

height:auto;

}

#hotblog dl{

float:left;

margin-top:10px;

padding:0;

width:960px;

height:auto;

list-style:none;

border:1px solid #ddd;

}

#hotblog dl dt{

float:left;

margin:0;

padding-top:5px;

padding-left:5px;

width:960px;

height:25px;

}

#hotblog dl dd{

float:left;

margin:0;

padding-top:5px;

width:960px;

height:25px;

}

#hotblog dl dd ul{

float:left;

margin:0;

padding:0;

width:960px;

list-style:none;

}

#hotblog dl dd ul li{

float:left;

margin:0;

padding-left:2px;

width:24%;

height:20px;

}

.author{

float:left;

margin:0;

padding:0;

width:100px;

height:20px;

}

#hotblog dl dd ul li a{

float:left;

margin:0;

padding:0;

height:20px;

}

</style>

</head>

<body>

<div id="hotblog">

<dl>

<dt>个人空间最新日志</dt>

<dd>

      <ul>

            <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

            <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

            <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

            <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

      </ul>

</dd>

<dd>

      <ul>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

      </ul>

</dd>

<dd>

      <ul>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

          <li><span class="author">zhang san</span><a href="#">日志标题</a></li>

      </ul>

</dd>

</dl>

</div>

</body></html>