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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[疑难] 求UCHome默认个人空间代码!

[复制链接]
kiss_shawn 发表于 2009-9-15 10:13:58 | 显示全部楼层 |阅读模式
UCHome模板
适用版本: UCHome 2.0
语言编码: GBK简体 
风格转换者:
本帖最后由 kiss_shawn 于 2009-9-15 10:15 编辑

小弟想在默认模板的基础上改成自己有个性的个人页面。
但是找不到默认模板的代码。请教高人指点一二。。
 楼主| kiss_shawn 发表于 2009-9-15 10:22:42 | 显示全部楼层
来帮帮我吧 在线等那
回复

使用道具 举报

 楼主| kiss_shawn 发表于 2009-9-15 10:29:49 | 显示全部楼层
一直在线等 一直在线等~~~
回复

使用道具 举报

 楼主| kiss_shawn 发表于 2009-9-15 10:48:05 | 显示全部楼层
本帖最后由 血殇舞 于 2009-8-15 18:52 编辑

=================首先是关于如何使用空间的个人主页风格=================



开启条件:1000积分高级会员帐户,空间VIP帐号(可以通过活动,优秀会员等途径获得),和其他空间管理人员帐号


第一步:点帐号设置




第二步:选择主页风格---->自定义风格



第三步,把需要切换的风格的CSS代码复制进去,保存就可以了


由于代码放文本附件上传,下载的话还要扣掉一定猥币,所以我直接写在空间日志里了,大家自己点链接进去复制即可










===================我上传到猥皮的主页风格分享===================


卡通风格:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1096


绿光森林:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1095


黑色风格:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1094


FatMouse, Blue_Gray:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1099


幸福开始:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1100


清新菏叶:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1161


幸福恋人
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1164


欢乐圣诞:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1165



情人节:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1166



LOVE:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1169



颓废:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1171



森林天马:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1174



甜心:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1175



消失的记忆:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1176




自然深处:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1178




新年快乐 :
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1179




天空:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1180



嘻哈HATE:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1182




300勇士:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1184



圣诞:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1185



QQ家园:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1186




TOP:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1187




仙剑ONLINE:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1188




剑侠叁风格:
预览图:

代码:http://home.tgbus.com/space.php?uid=100&do=blog&id=2489




黑色浪漫:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1189





紫蝶:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1190




粉色心情:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1193




淡忘爱:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1197




暗黑破坏神3:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1199




让心宁静:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1203





奶瓶聚会:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1204



与狼共舞:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1206



快乐精灵:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1216




摄影:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1707




梦幻舞台:
预览图:

代码:
http://home.17woo.com/space.php?uid=100&do=blog&id=1709




粉色女郎:
预览图:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=2480




淡淡清香:
预览图:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=2482




中国年:
预览图:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=2484




紫瞳深情:
预览图:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=2487




情系人人(校内网改名人人网友情主题):

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=15967




我们一起:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=15971




素秀淡雅:

代码:
http://home.tgbus.com/space.php?uid=100&do=blog&id=15974







=================================最后,是自己制作空间主页风格的方法===========================





我的风格样张:





首先,本楼列代码:

/*
[name]本提自己搭配[/name]
*/
a{ color: 颜色1; }

body { padding: 0 0 50px; background: url(网络图片1) center center; color: #666; background-attachment: fixed;}
#wrap { padding: 15px; border: 3px solid #e55c89; background: 颜色2; }
#header { margin: 0; background: url(网络图片2) repeat-x; color: #CCC; }
#header a { color: #FFF; }
.headerwarp { height: 240px; background: url(网络图片3) no-repeat 0 40px; color: 颜色3; }
#header .logo a { width: 82px; height: 40px; background: url(images/logo.gif) no-repeat left center; overflow: hidden; display: block; }
#header .logo a img { margin: -200px; }
.login_thumb { background-image: url(网络图片4); }
#ubar h2,
#space_page .feed_header,
.sidebox h2.title { padding: 0 10px; height: 30px; background: #F2F2F2 url(网络图片5); color: #FFF; line-height: 29px; }

#ubar h2{
  background-position: 0 -100px;
}
.sidebox h2.title{
  background-position: 0 -200px;
}


.ulist,
#space_page .feed li,
#space_page .comments_list li,
#footer { border-color: 颜色4; }
.tabs_header{ position: absolute; margin:-44px 0 0 170px; width: 600px; border: none;}

.tabs_header ul.tabs li a, .tabs_header ul.tabs li a span{ background-image: url(images/tab_bg.gif); color: #FFF; }
.tabs_header ul.tabs li.active a, .tabs_header ul.tabs li.active a span{ background-image: url(网络图片6); color: 颜色5; }

.tabs_header ul.tabs li{
  margin: 0 5px 0 0;
}

a#i_rss{
  color: #FFF;
}




蓝色字体:表示网络图片,即jpg或者bmp或者gif的网络图片,就是图片的网络地址
红色字体:以#XXXXXX(X为数字,颜色代码)的形式出现的颜色代码






=====================图片部分==================




图片1:


背景图片,我用的简单而能做到华丽的一种方法,新建大小为1296*610的图象(当然大小不要求固定,但是我推荐的是最佳大小),然后完全自己发挥,也可以用动态GIF背景闪图,
但是我做的风格中,中间部分无法显示的,因为中间要列出主页的内容,所以设计好两边图案是关键。



图片2:


顶部图片,就是主页顶部那一栏的背景,会用图片2复制一排排列来做为主页的标题背景。





图片3:


这个就不用说了吧,页面顶部的图片,占的重要性非常大,一般别人进来就看这块图的,我用的大小是1006*200,推荐高度不要超过200。长度可以稍微增减。




图片4:


这个是空间右上角你的邀请 | 设置 | 隐私 | 退出   左边的个人头像的背景框,不需要更改,可以用我提供的。


图片5:



这个也相当重要,是各段标题的背景。我用的三段式背景,可以把我的PNG图片保存到自己那,然后用自己喜欢的标题背景替换,也可以单纯的就建一条标题背景来使用。




图片6:

页面右上角的小标题狂,颜色是白色所以看不见,这个也不需要改,推荐就用我提供的图片。




=====================颜色部分=====================

颜色1:我的代码为#f50f4b,是整个首页大边框的颜色,不容易看出,所以不是很重要
颜色2:我的代码为#fce5ed,也是边框底色部分,不重要
颜色3:我的代码为#ed1d53,小标题字体颜色,可以看的出来一点
颜色4:我的代码为#ECF1F3,主页的朋友印象交替颜色,和回复他人留言的框架背景色,一般就推荐白色默认。
颜色5:不太清楚用来干什么的{:9_369:}





其他的就不说仔细了~~反正这是小白教程,逃~~~{:9_391:}
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-18 02:32 , Processed in 0.041412 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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