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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[经验] UCHome模板教程1—【思齐集完美方案】

[复制链接]
pphuang 发表于 2009-5-22 19:20:39 | 显示全部楼层 |阅读模式
本帖最后由 pphuang 于 2009-5-22 19:30 编辑

原贴地址请见:http://www.siqiji.cn/forum/thread-2122-1-1.html

风格展示网址:http://www.siqiji.cn/home
无须注册,预览本方案请用用户名及密码:webtest    webtest 【用户名与密码相同】

先说下UCHome【以下简称UCH】的系统【包括前台与后台】模板及个人风格之间的关系。

首先看下UCH的程序结构,不难发现,UCH各个小系统都使用着同一套模板。这些小系统包括:系统前台模板、系统后台模板、个人主页网络系统。严格上来说,系统后台的模板跟前台的模板是没有关系的,但是,小心点哦,系统后台仍然用到了前台模板中的Style.css样式表。因此,如果你单纯地觉得修改系统前台的样式表时,对后台没有任何关系时,那么你就大错特错了。因此,这里提个醒,后台系统管理界面是引用到了template模板文件夹下面各模板的样式表。

程序的template模板下面的文件其实不仅仅在系统前台后台管理用到而已,另外它还在个人风格的一个重要组成部分。

我们知道同样元素的不同属性总是后面覆盖前面,因此,template目录下的各套模板其实是整个程序的最底层样式。然后系统后台管理在此模式表上进行重写,而个人风格亦是如此。因此在制作一个好看的模板时,后台管理系统必定也需要重写模板模式表的,包括前台个人风格样式。

那么到现在为止,其实上面已经指出了问题,并且给出了答案。很简单的,不能简单对Style.css文件进行更改便当以了事,而应当说重写或者新写一份Style.css时,你要顾及到以上提的三个地方。

以上是个人在进行思齐集-智慧家园模板与个人主页风格制作时得到的一些浅见,欢迎各位指正。以下为各部分的预览图,思齐集真正做到系统后台、系统前台、个人风格三个完美结合!

1.系统后台界面图


2.系统前台界面图1


3.系统登录后界面图


31.系统登录后界面图2


4.个人主页的首页图


5.个人主页风格[记录页]图


6.个人主页风格[相册页]图


7.个人主页风格[日志页]图


8.个人主页风格[分享页]图

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
abenon 发表于 2009-5-22 19:23:36 | 显示全部楼层
蛮不错的,支持下您。
回复

使用道具 举报

 楼主| pphuang 发表于 2009-5-22 19:23:46 | 显示全部楼层
占位更正。
回复

使用道具 举报

shelley1 发表于 2009-5-22 20:52:58 | 显示全部楼层
路过 来看看
回复

使用道具 举报

shelley1 发表于 2009-5-22 20:53:09 | 显示全部楼层
路过 来看看
回复

使用道具 举报

ancf 发表于 2009-5-22 23:49:58 | 显示全部楼层
错位相当严重 css需要兼容性测试
回复

使用道具 举报

 楼主| pphuang 发表于 2009-5-23 10:33:24 | 显示全部楼层
主要是IE6、FF。你的浏览器是什么?
回复

使用道具 举报

arnol 发表于 2009-5-23 12:49:20 | 显示全部楼层
回复

使用道具 举报

snows1980 发表于 2009-5-23 12:53:30 | 显示全部楼层
终于找到了谢谢
回复

使用道具 举报

krain 发表于 2009-5-23 20:17:51 | 显示全部楼层
下班族 支持你,我现在也在学习这方面的知识啊
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-15 10:09 , Processed in 0.031594 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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