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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

Discuz! 5.0模板风格系列教程--CSS详解

[复制链接]
chren 发表于 2006-9-12 10:31:12 | 显示全部楼层
我顶!
回复

使用道具 举报

anyforever 发表于 2006-9-12 16:34:11 | 显示全部楼层
这东西真叫是好啊。。
回复

使用道具 举报

antdk 发表于 2006-9-12 16:49:43 | 显示全部楼层
赞美楼主的行为,你是个好人。
回复

使用道具 举报

无名小卒 发表于 2006-9-12 17:48:32 | 显示全部楼层
学习一下。。
回复

使用道具 举报

5025488.net 发表于 2006-9-12 17:53:06 | 显示全部楼层
支持
回复

使用道具 举报

lastpig 发表于 2006-9-13 12:10:33 | 显示全部楼层
先顶再看!
回复

使用道具 举报

 楼主| dfox 发表于 2006-9-14 08:56:05 | 显示全部楼层
原帖由 kensonl 于 2006-9-11 16:35 发表
这里的CSS风格在哪里设啊??
不想让他透明....



在模板文件
discuz.htm中找到如下代码


  1. <tr class="altbg2">
  2.   <td width="5%" align="center"><img src="{IMGDIR}/online.gif" alt="" /></td>
  3.   <td colspan="2">
  4.   <table cellspacing="0" cellpadding="0" border="0" width="98%" align="center">
  5.   <tr><td colspan="7" valign="middle">$_DCACHE[onlinelist][legend]</td></tr>
  6.   <!--{if $detailstatus}-->
  7.    <tbody><tr><td colspan="7"><hr class="line" size="0"></td></tr><tr><td nowrap>
  8.    <!--{if $whosonline}-->
  9.     <!--{loop $whosonline $key $online}-->
  10.      <!--{if $key % 7 == 0}--></td></tr><tr><td width="15%" nowrap><!--{else}--></td><td width="15%" nowrap><!--{/if}-->
  11.      <img src="images/common/$online[icon]"  alt="" />
  12.      <!--{if $online['uid']}-->
  13.       <a href="viewpro.php?uid=$online[uid]"
  14.       <!--{else}-->
  15.       <a href="###"
  16.      <!--{/if}-->title="{lang time}: $online[lastactivity]{LF}
  17.      {lang action}: $online[action]
  18.      <!--{if $online['fid']}-->{LF}{lang forum}: $online[fid]<!--{/if}-->
  19.      ">$online[username]</a>
  20.     <!--{/loop}-->
  21.    <!--{else}-->
  22.         {lang online_only_guests}
  23.    <!--{/if}-->
  24.   <!--{/if}-->
  25.   </td></tr></tbody></table></td></tr>
复制代码


修改这里的

<tr class="altbg2">

方法一:
定义新的class
将新的class添加到css.htm中,并对class作详细定义,也通过变量对其属性在后台进行设置

如:
<tr class="onlineuser">

在css.htm中新增
.onlineuser{
  background:{oluserbg}
}

方法二:
直接修改
<tr style="background:#eeeeee;">         背景色方式

<tr style="background:url(onlineuser.gif)   背景图方式
回复

使用道具 举报

tout 发表于 2006-9-14 14:30:04 | 显示全部楼层
太有用了啊,高人啊,顶啊
回复

使用道具 举报

雨云儿 发表于 2006-9-14 16:00:47 | 显示全部楼层
好东西~
回复

使用道具 举报

yangyangill 发表于 2006-9-15 06:09:52 | 显示全部楼层
很详细请请楼主
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-5-19 10:09 , Processed in 0.094671 second(s), 15 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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