校内网涂鸦板CSS代码的设置
|
这最后一讲就说说其他的页面设置 先说说页脚#frame #footer， #container #footer { width：780px； height：110px； position：relative； top：-264px； background：url（http://img.xiaonei.com/photos/20060816/2100/orig66525.jpg） no-repeat fixed；}我在这里重新设置了宽和高，调整了位置，加了一个背景看了这么多讲，应该都能看明白了吧 #footer p { margin：10px 0； color：#CCC； text-align：center； line-height：15px；}。shy { color：#CCC； text-decoration：none；}这两句是文本 这样校内网个人主页的css设置我们捋了80%以上 "我要留言"的按钮* html .inputbutton， * html .inputsubmit { padding：3px； border：1px solid #b1ff0b； background：#000； color：#b1ff0b； height：24px； line-height：16px；} 第一个属性文字周围的空白3px第二个是边框颜色，默认是分别设置了四周的边框属性，我简化了然后是背景色，文本色，按钮高度，行高"提交"和"取消"是一起改的 textarea { overflow：auto； border：1px solid #bdc7d8； width：490px；}这个是留言文本框的设置，大家可以改改尤其改过留言板宽度的朋友，可以把那个留言块加宽些 滚动条的详细定制加入的滚动条如果没有定制样式的话，有可能破坏页面美观下面详细说一下height：720px； /*高度*/ overflow-y：auto； /*纵向值为自动*/ overflow-x：hidden； /*横向隐藏多余的*/ scrollbar-arrow-color：#b1ff0b； /*上下箭头的颜色*/ scrollbar-face-color：#000； /*包含箭头的方块内部颜色*/ scrollbar-darkshadow-color：#b1ff0b； /*右侧及下侧边框颜色*/ scrollbar-highlight-color：#b1ff0b； /*左侧及上侧边框颜色*/ scrollbar-3dlight-color：#b1ff0b；scrollbar-shadow-color：#b1ff0b；scrollbar-track-color：#000； /*轨道色*/ allowtrancparency：true；/*www.top183.cn*/ 下面是别人在你主页对你打招呼时的那个提示框的样式，因为不好测试，不知道实际效果如何分析页面得到的注释，不一定正确#dialog { border-collapse：separate； margin：0px auto； border：solid 10px #000；}外边框 #dialog td.dialog { padding-top：10px； border：solid 1px #b1ff0b；}内边框 #dialog td td { border：none；} #dialog td .formtable { margin：5px 10px 0px；} #dialog p { margin：10px； text-align：left；} #dialog h4 { border-bottom：solid 1px #b1ff0b； margin：5px 10px 5px； padding：0px 0px 2px； font-size：13px；}内部分割线 #dialog .buttons { padding：10px； text-align：right；} #dialog .buttons input { margin-left：10px；} #dialog small { color：gray；} 下面这部分也和打招呼有关#pan{ z-index：1000； display：none； position：absolute； background-color：#000； width：390px； height：170px； border：1px solid #b1ff0b；} #poke_confirm，#poke_working，#poke_ok { display：none；} #poke_ok，#poke_working { text-align：center；} 一些经验下面是对有兴趣研究页面的朋友说的研究了5q和校内网的个人主页，得到些经验，这3周左右的时间，对css更加了解了一些 FrontPage是分析页面结构很好的东西为什么这么说呢，FrontPage有显示一个标签范围的功能，对于现在层越来越多的页面来说，如果拿记事本类的编辑器查源码分析结构实在是太痛苦了Div能嵌套10+层 或者用更直观的看法了解一个id的管辖范围用css的滤镜filter：alpha（opacity=XX）；这个滤镜是用来进行制作元素之间的融合效果，有很复杂的参数不过，大家用得最多的就是opacity这个参数了，后面跟整数值0~100，代表透明度0全透，100无变化比如你想知道header这个id有多大范围，那么这么写#header{filter：alpha（opacity=0）；}提交上去，看看哪部分"没了"，那就是header的范围 css提供了八个还是九个滤镜，可以完成比较不错的效果，可以多加利用具体用法网上搜教程吧 颜色的定制我推荐一个小软件ColorImpact大概8M左右吧，高级色环，很赞 其他的想到再补充吧如果有问题给我发信件或者主页留言，回帖子这里没提示，我不一定看得见尽管写得不特别好，但总还是本人的原创，如要转载请注明出处，拜一拜 感谢你能看完本教程，谢谢咯~~ |
