加载中…
diy你的博客的几大法宝_(1)修改首页的css
(2007-01-09 05:20:09)| 分类： *博客教程* -欢迎学习- |
| <style type=text/css> body {background:url("页面大背景图片地址") repeat scroll!important;} .logo {background:url("题图上背景图片地址") no repeat no scroll!important;} .banner {background:url("题图下背景图片地址") no repeat no scroll!important;} .menu {background:url("题图下的菜单背景图片地址") no-repeat center;} .feeds .up {background:url("正文标题栏上翻时的图片地址") no-repeat center;} .feeds .down {background:url("正文标题栏下翻时的图片地址") no-repeat center;} .feeds .function {background:url("正文摘要结尾处的图片地址") no-repeat right;} .links .up {background:url("面板标题栏上翻时的图片地址");} .links .down {background:url("面板标题栏下翻时的图片地址");} .links .mid {background:url("面板的背景图片地址");} .photo .mid {background:url(个人形象照片处的背景图片地址);} .label .mid {background:url("自定义面板的背景图片地址");} .calendar .mid {background:url("日历面板背景图片地址");} .callboard .up {background:url("公告栏标题栏上翻时的图片地址");} .callboard .down {background:url("公告栏标题栏下翻时的图片地址");} .callboard .mid {background:url("公告栏背景图片地址");} .bodyBg {background:url("页面内背景图片地址");} .sysBr500 {background:url("所有文章的背景图片地址，建议不使用这段代码");} .bodyBottom {background:url("内背景页脚处图片地址");} .sysW770 {background:url("页面底部“新浪BLOG意见反馈留言板”等字所在的背景图片地址");} .feeds .page {background:url("正文文章页数图片地址") no-repeat center;} .links .more {background:url("最新文章列表下的MORE的背景图片") no-repeat right;} .add {background:url("发表文章四个字所在的背景图片") no-repeat right;} .add .ico {background:url("发表文章四个字左边的小图片") no-repeat right;} </style> |
注:以上的背景图片还可以自己控制长宽格式如下
比如改 发表文章四个字左边的小图片的宽高为80*40
代码如下 .add .ico
{ width:80px; height:40px;
background:url("发表文章四个字左边的小图片") no-repeat right;}
透明也可以后面中括号改成{background:#transparent}就可以了
比如改 最新文章列表下的MORE的背景图片 为透明就是
.links .more{background:#transparent}
注:相同的属性不同的部分,不同的部分之间可以用“,”隔开
比如： .add .ico，.links .more{background:#transparent}
一个部分的不同的属性，不同的属性之间可以用“；”隔开
比如： .add .ico
{ width:80px; height:40px;
background:url("发表文章四个字左边的小图片") no-repeat right;}
文字的：（颜色）
|
<STYLE> .menu a{color:#000000;} —菜单部分（HOME、登录、注册、搜索、帮助） .menu .text{color:#000000;} —菜单部分（“┆”符号） .menu .text a{color:#000000;} —菜单部分（登录、注册、搜索、帮助，无HOME） .menu .home a{color:#000000;} —菜单部分（只HOME） .callboard .title{color:#000000;} —我的公告栏标题文字 .sysHand .title{color:#000000;} —我的公告栏标题文字(与上面那个用其一即可，2006/11/16补充更新) .links .text{color:#000000;} —模板标题文字（不包括公告栏） .links .desc{color:#000000;} —模板上最新评论，最新留言的内容 #zone你的博客ID a{color:#000000;} —活力地带处“个人首页，控制面板，我的文章，我的相册，给我留言”这几个字，所谓博客ID就是你的博客未升级前博客地址后面的那一连串数字 #zone你的博客ID .text{color:red;} —“活力地带”这四个字 .links td a{color:#000000;} —活力地带，我的文章分类，最新文章列表，友情链接以及评论和留言人的名字 .banner .title td{color:#000000;} —题图处的博客名字（如xxxxxxx的博客） .banner .link a{color:#000000;} —题图处的博客地址、复制、收藏本页 .banner .link td{color:#000000;} —题图处的博客地址、复制、收藏本页之间的“﹥”符号 .photo .infoText a{color:#000000;} —形象照片处文字（如xxx的BLOG） .add a{color:#000000;} —右上角发表文章四个字 #labelFM000012 a{color:#000000;} —右上角发表文章四个字(与上面那个用其一即可) .feeds .time{color:#000000;} —文章发表时间 .feeds .text{color:#000000;} —文章正文文字 .feeds .text a{color:#000000;} —点击此处查看源文 .feeds .title a{color:#000000;} —文章标题文字 .feeds .function a{color:#000000;} —正文阅读处（固定链接、评论、引用、阅读） .feeds .function td{color:#000000;} —正文阅读处（“┆”符号） .feeds .page a{color:#000000;} —正文底部翻页处文字（第(1/12)页 2 3 4 5 6 >>） .feeds .page span{color:#000000;} —正文底部翻页处文字（1，当前页） .foot{color:#000000;} —页脚处文字（新浪BLOG意见反馈留言板等） .foot p a,.foot center a{color:#000000;} —页脚处文字（与上者合起来为页脚处所有文字） #labelFM000011 a{color:#000000;} —博客计数器下面的“订阅到RSS阅读器” </STYLE> |
注:
文字样式
比如改文章正文文字（.feeds .text）
就是.feeds .text{color:#000000;font-size:**px;font-weight:bold; ont-
family:隶书; }
选择
大括号里那些不同颜色的分号之间的属性都是独立的大家可以自己修改和删减~
别忘了首尾的<STYLE>和</STYLE>
喜欢
0
赠金笔