最简自定义AC空间-2张图片3行代码

瓶子里的风 · 发表于 2009-9-8 20:53

研究了两天空间CSS代码.把自己空间改的面目全非.朋友见了说太昏暗.不过还是刺激了一些朋友来问怎么弄.
有点小麻烦的.不是三言两语说的清楚的.索性在这里做个贴.跟大家一起学习.自己也只弄懂了最简单的代码.
期间从天子.智慧MM.右手的空间代码里得到很多启发.整理出一个目前我的能力之中想的到的最简单的AC空间自定义方式.

3行代码
@import url(theme/t13/style.css);

#footer{height:420px;background:url( http://my.anti-cnn.com/attachment/200909/8/31683_1252407958wyxE.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom)}

#space_page{background-image:url( http://my.anti-cnn.com/attachment/200909/8/31683_1252407977BhA8.jpg)}

将三行代码直接保存在自定义模式下就是以下和平X的空间样式.http://my.accn.com/?31683

@import url(theme/t13/style.css);
这行代码是AC空间的默认模板.在1~20之间大部分都是默认的绿色模板.有一半数字是有效的.具体不记得了.可以自己试验下.10~15是肯定有的.这个模板就是和平X空间里的主菜单和下面那个小图还有整体的淡蓝背景

#footer{height:420px;background:url( http://my.anti-cnn.com/attachment/200909/8/31683_1252407958wyxE.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom)}
第二行代码是脚图.就是空间最下面的那个图片.需要做的是将你需要的图片的链接替换出代码种的图片地址就好了.注意420这个数字.是脚图高度.如果脚图跟上面的图有空隙可以一点点变化这个数值来移动.

#space_page{background-image:url( http://my.anti-cnn.com/attachment/200909/8/31683_1252407977BhA8.jpg)}
这个就是背景图.选一张色彩对比度低.图案不凌乱的.上下沿颜色接近.拼接效果好的图片.替换了就OK.这里如果是像和平X这里用的是个小图.则图片默认是无限纵向叠加的.如果是一个长图.则能统一背景风格.不过用小图容易点.

以上三个命令不分前后.顶格录入就好了.需要做的其实就是找到自己喜欢的两张大小合适或者差不多的图片.能大别小..

如果想查看别人的空间代码.右键页面查看源文件.
比如和平这个空间会生成.内容如下的文本
其中橙色部分是AC的模板代码.这个是默认的改不了.不够我们可以在定制好的几种之间选择.就是红色的第一行代码.
红色部分代码就是我们自己定义进去的.这部分每个定义的空间都不同.修改内容越多代码越多.找到开头结尾就好了.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>拥抱和平 - AC空间-全球华人温暖家园</title>
<script language="javascript" type="text/javascript" src="source/script_cookie.js"></script>
<script language="javascript" type="text/javascript" src="source/script_common.js"></script>
<script language="javascript" type="text/javascript" src="source/script_menu.js"></script>
<script language="javascript" type="text/javascript" src="source/script_ajax.js"></script>
<script language="javascript" type="text/javascript" src="source/script_face.js"></script>
<script language="javascript" type="text/javascript" src="source/script_manage.js"></script>
<style type="text/css">
@import url(template/default/style.css);
@import url(template/default/space.css);
@import url(template/green/style.css);
@import url(theme/t13/style.css);
#footer{height:420px;background:url(  http://my.anti-cnn.com/attachment/200909/8/31683_1252407958wyxE.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom}
#space_page{background-image:url(  [url=http://my.anti-cnn.com/attachment/200909/8/31683_1252407977BhA8.jpg)}]http://my.anti-cnn.com/attachment/200909/8/31683_1252407977BhA8.jpg)}[/url]
</style>
<link rel="shortcut icon" href="image/favicon.ico" />
<link rel="edituri" type="application/rsd+xml" title="rsd" href="xmlrpc.php?rsd=31683" />
</head>
<body>
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>
<div id="header">
以下未贴大量代码  囧...

瓶子里的风 · 发表于 2009-9-8 20:57

本帖最后由瓶子里的风于 2009-9-8 21:02 编辑

不说太多别的设置了.在主贴说太多会让人看的心情沉重.
我只开始弄这个东西1天多.觉得蛮好玩.这个是目前我能想到的最简的搞法.
自己定义空间的朋友如果有问题.不妨留下来.这样懂技术的朋友就会突然出现给予解答.
感谢先.

sevensky · 发表于 2009-9-8 21:05

嗯？说太多会让人心情沉重。
瓶子你情歌听多了吧你，说个代码有啥沉重的…

瓶子里的风 · 发表于 2009-9-8 21:06

嗯？说太多会让人心情沉重。
瓶子你情歌听多了吧你，说个代码有啥沉重的…
sevensky 发表于 2009-9-8 21:05

沉重到望而却步的意思..跟我听情歌有啥关系..

sevensky · 发表于 2009-9-8 21:07

沉重到望而却步的意思..跟我听情歌有啥关系..
瓶子里的风发表于 2009-9-8 21:06

第一次听说原来望而却步到最后就是沉重了……
hummm...

90hou · 发表于 2009-9-8 21:49

- -有点麻烦~

古禾 · 发表于 2009-9-8 22:30

这两天在玩深沉?

瓶子里的风 · 发表于 2009-9-8 23:21

这两天在玩深沉?
古禾发表于 2009-9-8 22:30

忙着研究代码呢..咋了..一天不给送新衣服就有意见了啊..

zuzo · 发表于 2009-9-9 01:22

图片透明的问题解决了没？

Kaen · 发表于 2009-9-9 08:13

LZ，我ID的密码给你，你帮我弄得了
----我又不是学CSS什么语言的，看不明白的哇

瓶子里的风 · 发表于 2009-9-9 11:44

图片透明的问题解决了没？
zuzo 发表于 2009-9-9 01:22

没啊..稀里糊涂的弄了个用上了先...囧

瓶子里的风 · 发表于 2009-9-9 11:45

LZ，我ID的密码给你，你帮我弄得了
----我又不是学CSS什么语言的，看不明白的哇
Kaen 发表于 2009-9-9 08:13

不会的啊..我也不是学这个的..也没接触过..其实就是换个图片地址..自己仔细看完就会弄了.
你想我弄复杂的我也弄不来

渔音谦谦 · 发表于 2009-9-9 11:46

看不懂。。。o050)

瓶子里的风 · 发表于 2009-9-9 11:51

看不懂。。。o050)
渔音谦谦发表于 2009-9-9 11:46

o050) 你没说咩咩...

渔音谦谦 · 发表于 2009-9-9 12:38

o050) 你没说咩咩...
瓶子里的风发表于 2009-9-9 11:51

怕你剃掉我们家羊毛。。谁给说咩咩。

北小沫 · 发表于 2009-9-9 12:48

复制那些看不太懂的代码——在图片地址的地方换上自己喜欢的图片地址..
可能就ok了...

amywqhy · 发表于 2009-9-16 12:24

太有实力了

amywqhy · 发表于 2009-9-16 12:24

太有实力了

乌龟 · 发表于 2009-9-16 12:54

瓶子你可爱死了

瓶子里的风 · 发表于 2009-9-16 13:00

这个才叫可爱 ..

		自动登录	找回密码
密码			注册会员

最简自定义AC空间-2张图片3行代码

评分

相关帖子