苏菲亚の一个人的唯美哲学 摘要  |  地域  |  标签  |  留言
只是一些简单的CSS教学
教学,学教 | 2008/04/24 11:18
2008/04/24 11:18 2008/04/24 11:18

进去模板编辑,然后选取下方的style.css。

1。换背景
     body{
             background:url("你照片的url放这里");
             ...........
             ...........
     }

     如果要照片在scrollbar scroll下来的时候保持不动,就加个fixed 在后方。
     body{
             background:url("你照片的url放这里") fixed;
             ...........
             ...........
     }
    
     如果照片不够大而使背景出现重复,你可以加个no-repeat在后方。
     body{
             background:url("你照片的url放这里") no-repeat;
             ...........
             ...........
     }

2。把整个画面拉大,也就是把整个container(文章+sidebar)拉扩。container通常出现在header 和content 附近。只要把它的width改大就好了。要记得一点的是container的宽度必须大于content+sidebar的width.
#container {
                  .............
                  width:xxxpx;
                  .............
}
修改sidebar和content 的方法和以上的一样。不过,有一点要注意的是,content 只能为文章预留空间,至于你的文章到底要用多少空间,那就要另外设置了。(这就是为什么有时候你会看见文章的左右两边都不对称)

要左右两边都保留平均的空位,就要到 entry 里去修改了。
在entry附近,通常都会找到article 这个字眼(如果没有的话,你可以去找找看哪一个在entry范围里含有width这个element的来修改就对了。因为不同的设计者,会用不同的名字)

.article (.....width:xxxpx;.........)

要记得一点的是,article的width不可以大于content 的width。

3。如果要将content 和 sidebar的背景改成透明,只需加入这句 background-color:transparent;
     把这句加入 #content 和 #sidebar里就可以了,就像:

    #content {
                    ...................
                    background-color:transparent;
                    ...................
    }

     #sidebar{
                    ...................
                    background-color:transparent;
                    ...................
    }

4。以上的方法只适合用于一般的模板,如果你的模板是属于advance级数的,或许需要另外的设置。就好比我现在在用着的这个模板,如果要拉扩content,就必须到html里修改了。

把html code往下拉,直到找到编辑,编辑(新窗口),引用(传送)和删除这几个字后,再往下拉一点,你就会看到一个名为td_body的class了。你只需在table width里改成你要得尺寸就好了,就像:

<td class="td_body"><table width="620" border="0" cellspacing="0" cellpadding="0">

以上只是一些简单的CSS教学(比较难的,我也不太懂。你们要去请教老大了!)。希望这几个小技巧能帮助到大家。还有疑问的可以留言让我知道。


标签 :
引用0 | 评论9
引用地址 :: http://www.antzblog.com/sophia/trackback/123
MaCy 2008/04/24 15:40 L R X
谢谢~~~ 我正懊恼着要问谁呢!
草莓小颖 2008/04/24 23:51 L R X
我看了这一些会觉得@@
因为一对就不会放弃地去看一直到成功为止
>.<
不过,这个一个很好的教程哦
谢谢~
~:*:白雪不是公主:*:~ 2008/04/25 00:46 L R X
哈哈哈,谢谢你的教学,对我也很有帮助呢!
现在想要换background,太白了,有点刺眼。

但是还找不到任何适合的背景。

谢谢你一直关心我的ps......
我弄了几次都不成功,有点沮丧,然后现在........






=___________="
蜡笔小贤 2008/04/25 08:45 L R X
哈哈~
快谢谢我~
嘻嘻!!
各位,他真得好强哦~~
小贤把她当神了~!!
2008/04/25 14:01 L R X
你的北京用黑色,让我看得很辛苦
欧洛格 2008/04/25 23:44 L R X
对了,顺便提一下,妳的背景在firefox看是没有repeat的,IE就没问题。
Otaku.kit 2008/04/26 00:21 L R X
谢谢分享。。
苏菲亚 2008/04/29 10:01 L R X
谢谢大家的厚爱,太感动了!
哈哈,!大家都好像忘了我是电脑系毕业生了!
y.l. 2008/04/29 11:24 L X
是哦?XD

昵称 :
密码 :
主页 :
  保密
内容 :
 



[PREV] [1] ... [29][30][31][32][33][34][35][36][37] ... [56] [NEXT]
管理  |   发布
BLOG main image
一个人生活,是一种流行,也是一种趋势。。。 但,我更爱称它为一种生活哲学
一个人的天空也可以是蓝蓝的 (56)
自言自语疯 (32)
享受美食乃人生大事 (3)
昭告天下 (2)
那一霎那,我按下了快门 (6)
心灵充电,去走走 (2)
当我还是神的孩子 (2)
教学,学教 (1)
回叙一本好书 (2)
回顾那一出好戏 (4)
他和她的文字感动了我 (2)
云顶 越南 祸不单行 The Lake House 中秋节,灯笼,蜡烛,大餐 IKEA 四川大地震 无题 文冬的日出 spahhetti 屋漏偏逢连夜雨 我爱你 Gasolin 回来了 公告 奖牌 摄影 领悟 双峰塔 Madam Kwan 鼠年 女人 chives flower 老妈的菜园 教学 饥饿30 朋友 爱情与面包 幸福 五月天
很高兴 (15)
你是否还记得18岁的那一片的... (20)
我知道,当初的那一份感动回来过 (12)
难道你就这样离开了? (15)
让我们来世都变成涡虫吧 (12)
halo~我是从666哪里转来的。...
10/09 - txsh
我都忘了來這裡恭喜你了,恭...
10/05 - 玄@hudxuan
18岁感觉离我太遥远。。。
10/05 - Feeling
恭喜小苏受访成功! 几名...
10/04 - 闻舒
我看到了!! 恭喜你上报了哦~...
09/28 - 安儿

Antzblog.com
Photobucket
Total : 49171
Today : 27
Yesterday : 67
tt官方
rss
 
 
 
摘要 : 地域 : 标签 : 留言 : 管理
苏菲亚 is member of AntzBlog.com / Powered by TextCube
Designed by frok / Modified by 孙康