苏菲亚の一个人的唯美哲学 摘要  |  地域  |  标签  |  留言
教学 相关日志共1 篇
2008/04/24   只是一些简单的CSS教学 (9)


只是一些简单的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] [NEXT]
管理  |   发布
BLOG main image
一个人生活,是一种流行,也是一种趋势。。。 但,我更爱称它为一种生活哲学
一个人的天空也可以是蓝蓝的 (53)
自言自语疯 (31)
享受美食乃人生大事 (3)
昭告天下 (2)
那一霎那,我按下了快门 (5)
心灵充电,去走走 (2)
当我还是神的孩子 (1)
教学,学教 (1)
回叙一本好书 (2)
回顾那一出好戏 (4)
他和她的文字感动了我 (2)
搞怪 冷笑话 五月天 Ikopi 公告 Ajisen Ramen 马来餐 妈妈 梁靖芬。《梦寝以北》 Putrajaya City of Angels 屋漏偏逢连夜雨 山本文绪《涡虫》 怀念小表姨甥 又是吃 汤圆 母亲节 Nasi Tomato 阳光 开斋节 感想 文冬的日出 重新出发 人生感想 决定 打包 中国-容县 酵素 九型人格分析 压力
难道你就这样离开了? (13)
让我们来世都变成涡虫吧 (12)
我没做老大很多年了 (6)
请继续,不要停火 (8)
当记忆归零,生活重新开始 (26)
好久没来,怎么一来就是那么...
09/03 - 应界
好久没看东海岸新闻了 因为人...
09/03 - S型•樱戈子
节哀顺变。 保重哦~身体健康...
09/03 - 猫耳朵
人几坚强,人体还是脆弱的。...
09/02 - .。白水。.
真的佩服你..
08/31 - 四月

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