注:<>括号不是代码内容
另外,最好有个PS软件
-------------------------空间名称-------------------------
body{background:#FFFFFF}
整个空间的背景颜色;如果需要以图片作为背景,则替换为<background:url(图片地址) repeat>把里面图片地址替换掉就行,()
保留;
图片显示方式:
-- repeat : 横向,纵向平铺
-- repeat-y : 纵向平铺
-- repeat-x : 横向平铺
-- no-repeat : 无平铺
-- center : 居中
-- fixed : 锁定背景图,不随滚动条而移动
例:
body{background:#3399CC url(图片地址) no-repeat center fixed}
<背景图片周围颜色为#3399CC;不平铺;图片居中显示;锁定>
#header{height:89px;background:#3399CC}
这是整个主题图的高度和颜色,就是<主页│博客│相册...>上面的那条蓝色区域;px是象素(wait,象素是什么? -- 我无话可
说..),值越大区域越高,一般要等于或高于图片高度;插入图片方法和上面一样
#header div.lc{background:url(图片地址) no-repeat}
#header div.rc{background:url(图片地址) no-repeat top right}
这两句是左右背景图的代码,<lc>是左边,<rc>是右边;MS图片插入都是默认以左上角开始,所以第二句中有<top>置顶、<right>置
右--猜测而已.. 方法继续同上 - -!
百度默认的是一边一个小蓝条条
突法其想:
-- top:??px <距顶部??象素>
-- left:??px <距最左边??象素>
-- right:??px <距最右边??象素>
在最后加入这个,应该能有作用吧... 因为我空间目前不需要那么复杂的说(懒?),有兴趣朋友可以自己试试(小白鼠?)
#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
这句是调整空间名称位置和字体大小的
-- <距顶部8象素,最左边20象素,字体行高22象素(貌似于作业本中两条线的距离),文字大小20象素,黑体>
字体行高一定要大于文字大小,否则字会显示不完全;据说CSS默认的字体不多,我也懒得一个个的试,大家继续小白鼠吧 - -!
空间标题加萤光效果
-- <;filter:glow(color:#266EFF,strength=3)>
颜色是萤光颜色(字体周围加上一圈颜色),不要跟背景板颜色同,<strength=3>是指发光大小,数值越大,萤光范围越大,但是字也
糊了
空间标题加阴影效果
-- <;filter:DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)>
里头颜色就是阴影的颜色啦,XY那两句我猜想是阴影结束的范围
#header div.tit a.titlink{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
这两句是设置空间名称的;第一句是点击前的,第二句是点击后的;<文字颜色,文字样式>;两句都试过,无用..
文字样式:
-- none : 无装饰
-- blink : 闪烁
-- underline : 下划线
-- line-through : 贯穿线
-- overline : 上划线
用不上的东西(不要扔我鸡蛋)
#header div.desc{top:33px;left:20px;color:#FFFFFF;font-size:13px}
空间简介部分,和空间名称一样;不过少了标题行高,多了个颜色,某C立刻无良地把标题和字体代码加进去,修改字体颜色大小,
OK... 把文字样式加入,无用;在空间名称中加入颜色代码和文字样式代码,继续无用....
-------------------------菜 单 栏-------------------------
所谓菜单栏,就是<主页│博客│相册....>那些东东
#tabline{top:89px;background-color:#FFFFFF}
菜单下方的横线,<距离顶部89象素,颜色为#FFFFFF>
#tab{top:67px;left:320px;background:url(背景图片) repeat-x}
菜单主体部分,<距离顶部67象素,距离左边320象素,背景图片(若要透明效果就把这句删掉,也可以换成其他颜色,同上..),横向平铺(也可换成纵向平铺....有没有斜的?)>
另外,最好有个PS软件
-------------------------空间名称-------------------------
body{background:#FFFFFF}
整个空间的背景颜色;如果需要以图片作为背景,则替换为<background:url(图片地址) repeat>把里面图片地址替换掉就行,()
保留;
图片显示方式:
-- repeat : 横向,纵向平铺
-- repeat-y : 纵向平铺
-- repeat-x : 横向平铺
-- no-repeat : 无平铺
-- center : 居中
-- fixed : 锁定背景图,不随滚动条而移动
例:
body{background:#3399CC url(图片地址) no-repeat center fixed}
<背景图片周围颜色为#3399CC;不平铺;图片居中显示;锁定>
#header{height:89px;background:#3399CC}
这是整个主题图的高度和颜色,就是<主页│博客│相册...>上面的那条蓝色区域;px是象素(wait,象素是什么? -- 我无话可
说..),值越大区域越高,一般要等于或高于图片高度;插入图片方法和上面一样
#header div.lc{background:url(图片地址) no-repeat}
#header div.rc{background:url(图片地址) no-repeat top right}
这两句是左右背景图的代码,<lc>是左边,<rc>是右边;MS图片插入都是默认以左上角开始,所以第二句中有<top>置顶、<right>置
右--猜测而已.. 方法继续同上 - -!
百度默认的是一边一个小蓝条条
突法其想:
-- top:??px <距顶部??象素>
-- left:??px <距最左边??象素>
-- right:??px <距最右边??象素>
在最后加入这个,应该能有作用吧... 因为我空间目前不需要那么复杂的说(懒?),有兴趣朋友可以自己试试(小白鼠?)
#header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
这句是调整空间名称位置和字体大小的
-- <距顶部8象素,最左边20象素,字体行高22象素(貌似于作业本中两条线的距离),文字大小20象素,黑体>
字体行高一定要大于文字大小,否则字会显示不完全;据说CSS默认的字体不多,我也懒得一个个的试,大家继续小白鼠吧 - -!
空间标题加萤光效果
-- <;filter:glow(color:#266EFF,strength=3)>
颜色是萤光颜色(字体周围加上一圈颜色),不要跟背景板颜色同,<strength=3>是指发光大小,数值越大,萤光范围越大,但是字也
糊了
空间标题加阴影效果
-- <;filter:DropShadow(Color=#000000, OffX=3, OffY=3, Positive=true)>
里头颜色就是阴影的颜色啦,XY那两句我猜想是阴影结束的范围
#header div.tit a.titlink{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
这两句是设置空间名称的;第一句是点击前的,第二句是点击后的;<文字颜色,文字样式>;两句都试过,无用..
文字样式:
-- none : 无装饰
-- blink : 闪烁
-- underline : 下划线
-- line-through : 贯穿线
-- overline : 上划线
用不上的东西(不要扔我鸡蛋)
#header div.desc{top:33px;left:20px;color:#FFFFFF;font-size:13px}
空间简介部分,和空间名称一样;不过少了标题行高,多了个颜色,某C立刻无良地把标题和字体代码加进去,修改字体颜色大小,
OK... 把文字样式加入,无用;在空间名称中加入颜色代码和文字样式代码,继续无用....
-------------------------菜 单 栏-------------------------
所谓菜单栏,就是<主页│博客│相册....>那些东东
#tabline{top:89px;background-color:#FFFFFF}
菜单下方的横线,<距离顶部89象素,颜色为#FFFFFF>
#tab{top:67px;left:320px;background:url(背景图片) repeat-x}
菜单主体部分,<距离顶部67象素,距离左边320象素,背景图片(若要透明效果就把这句删掉,也可以换成其他颜色,同上..),横向平铺(也可换成纵向平铺....有没有斜的?)>