登陆论坛 申请注册 贪婪规章 帮助中心 贪婪首页
       
在线漫画 在线音乐 资源网 涂鸦墙 动漫博客 社区首页  

  欢迎您到动漫论坛游览  

社区首页 » 动漫论坛 » 综合区 » 动漫博客区

        :::磁力:::  
 
  刷新本主题  后退请用此按钮,提高浏览速度  

主题:从头到脚打造属于自己的blog~~(源代码开放教程)
 1  2  3  4  5  6  7  8   末   /16

第20楼 
ch00270103
职业: 杀手
念系: 特质系
佣金: 一亿
Level: 4
EXP: 50
 
  
 

看到\ 就想起ASCII码




该贴仅代表ch00270103的个人观点,ch00270103文责自负。
会员编号:784302  发贴数:4111  财产:197218 戒尼  发表于:2006-11-28: 01:02 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第21楼 
ch00270103
职业: 杀手
念系: 特质系
佣金: 一亿
Level: 4
EXP: 50
 
  
 

不小心把自己的计数器给删了~~~那网站还不能浏览图片了~~~气死了~~~~~~~~~

对了你那代码哪个是修改文章标题栏的?




该贴仅代表ch00270103的个人观点,ch00270103文责自负。
会员编号:784302  发贴数:4113  财产:197318 戒尼  发表于:2006-11-28: 02:33 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第22楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第三步:
永久链接地址颜色变更及blog背景(在一个代码里)





body {
background-image: url(http://b.greedland.net/blog/images/uploads/1164588803.jpg);
background-repeat: repeat;
font-size: 13px;
color: #d27f37;
text-decoration: none;

}

代码说明:
body {
background-image: url(http://b.greedland.net/blog/images/uploads/1164588803.jpg);//这个地方用的图片并不一定非要桌面的大小,因为下面我用了repeat,所以图片会不停的重复,另外,我没有使用固定的背景,背景的讲解挺多的,其他方法去看lioka的贴吧。
background-repeat: repeat;  //就是这里写了repeat
font-size: 13px;     //这个地方设置了永久链接地址字体的大小
color: #d27f37;                    //这个地方是字体颜色
text-decoration: none;          //这个地方是有无其他效果,如果需要下划线,请把none改为underline,上划线为overling,删除线line-through,闪烁blink


}





本帖子于 2006-11-28: 09:33 AMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14807  财产:3086754 戒尼  发表于:2006-11-28: 08:20 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第23楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第四步:blog名显示,即logo





我在这个地方用的是一张图片来显示我的blog名,而非文字,但是文字又不能省掉,因为省掉了你的blog给人家显示的时候不是没名字了嘛,所以我就把 非长裙子 这几个字改得很小,而且改成白色了,混在图片里面看不出来而已哈哈~
代码如下:
#logo {
CLEAR: none;
PADDING-RIGHT: 5px;
MARGIN-TOP: 2px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 0px;
TEXT-ALIGN: left;
background-image: url(http://b.greedland.net/blog/images/uploads/1164593331.jpg);
background-repeat: no-repeat;
         height: 85px;
}
H1 {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 10px;
MARGIN: 0px;
PADDING-TOP: 10px;
font-size: 9px;
color: #FFFFFF;
}

代码说明:

1、修改你的logo背景,设为想要的图片
#logo {
CLEAR: none;
PADDING-RIGHT: 5px;
MARGIN-TOP: 2px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 0px;
TEXT-ALIGN: left;                                 //这以上都不用管,是设置logo位置的
background-image: url(http://b.greedland.net/blog/images/uploads/1164593331.jpg); //这个地方开始设置logo背景,我设置成了非长裙子的图片,请大家自己设计想要的图片,图片大小为800*85为宜
background-repeat: no-repeat;      //因为图片刚够大,所以不用重复
         height: 85px;                                          //因为我图片高85,所以我也把logo框的高设为85了
}

2、blog名字体
H1 {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 10px;
MARGIN: 0px;
PADDING-TOP: 10px;
font-size: 9px;                              // 要改的就是这里,这里是字体大小,blog默认的是32像素,我改小了,9像素
color: #FFFFFF;                              //修改颜色,我用的白色,这样就看不出来了
}





本帖子于 2006-11-28: 09:39 AMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14808  财产:3086804 戒尼  发表于:2006-11-28: 08:35 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第24楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第五步:导航条边框颜色





#nav {
BACKGROUND: url(preview.gif);
FLOAT: left;
MARGIN-BOTTOM: 2px;
WIDTH: 776px;
PADDING-TOP: 8px;
HEIGHT: 25px;
TEXT-ALIGN: center;
border: 1px solid #d27f37;                    //要改的就是这里,把边框色改成自己需要的颜色,我用的#d27f37
}





本帖子于 2006-11-28: 09:47 AMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14809  财产:3086854 戒尼  发表于:2006-11-28: 08:40 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第25楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第六步:
修改左边栏目的标题背景
一个很简单的代码:





#block_xs .block_title {
BACKGROUND: url(http://b.greedland.net/blog/images/uploads/1164606160.jpg) no-repeat
}
//就是这个地方使用你要的图片就好了

同理,修改中间栏目的标题背景
#block_l .block_title {
BACKGROUND: url(http://b.greedland.net/blog/images/uploads/1164608057.jpg) no-repeat
}

当然这两张图片要你先画好了哦





本帖子于 2006-11-28: 09:52 AMflyingkitecissy编辑过。



该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14810  财产:3086904 戒尼  发表于:2006-11-28: 08:52 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第26楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第七步:
修改标题字体颜色





.block_title {
PADDING-RIGHT: 5px;
               MARGIN-TOP: 10px;
               PADDING-LEFT: 10px;
               FONT-WEIGHT: bold;
                FONT-SIZE: 14px;
               PADDING-BOTTOM: 5px;
              COLOR: #905a28;                //就在这里改,其它不用管了,注意复制的时候不要把这个说明文字也复制进去了哦
               PADDING-TOP: 5px
}





本帖子于 2006-11-28: 09:58 AMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14811  财产:3086954 戒尼  发表于:2006-11-28: 08:58 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第27楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第八步:
修改内容框边框颜色






.block_content {
border-top-width: 1px;          
border-right-width: 1px;        
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #d27f37;
border-right-color: #d27f37;
border-bottom-color: #d27f37;
border-left-color: #d27f37;
}

代码说明:
.block_content {
border-top-width: 1px;                       //上边框宽一像素
border-right-width: 1px;                     //右边框宽一像素
border-bottom-width: 1px;                 //下
border-left-width: 1px;                       //左
border-top-style: solid;               //上边框为实线,若想要其它线型再问我要
border-right-style: solid;                     //右为实绩
border-bottom-style: solid;                //下
border-left-style: solid;                       //左
border-top-color: #d27f37;                //上边框的颜色
border-right-color: #d27f37;              //右的颜色
border-bottom-color: #d27f37;           //下
border-left-color: #d27f37;                 //左
}





本帖子于 2006-11-30: 11:59 AMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14812  财产:3087004 戒尼  发表于:2006-11-28: 09:03 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第28楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851
 
  
 

第九步:





链接颜色
a:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}

a:link {
font-size: 12px;
color: #333333;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #CC3333;
text-decoration: none;
}
a:active {
font-size: 12px;
color: #FF6600;
text-decoration: none;
}

代码说明:
a:visited {                             //a:visited 表示鼠标点击过后链接的状态      
font-size: 12px;             //font-size是你的链接字体的大小,我设置的是12像素,可以修改
color: #000000;            //这个显然是字体的颜色啦,随你喜欢修改
text-decoration: none;  //这个是无其他样式,如果需要下划线,请把none改为underline,上划线为overling,删除线line-through,闪烁blink
}

a:link {                                           //a:link表示链接的原始状态,即链接在浏览时的显示效果
font-size: 12px;
color: #333333;
text-decoration: none;
}
a:hover {                                       //a:hover表示鼠标移动到上面时链接的显示效果
font-size: 12px;
color: #CC3333;
text-decoration: none;
}
a:active {                                        //a:active表示鼠标点击链接是链接的显示效果
font-size: 12px;
color: #FF6600;
text-decoration: none;
}





本帖子于 2006-11-30: 12:00 PMflyingkitecissy编辑过。


★您只有登陆后才能观看本站的附件★


该贴仅代表flyingkitecissy的个人观点,flyingkitecissy文责自负。
会员编号:21798  发贴数:14813  财产:3087054 戒尼  发表于:2006-11-28: 09:06 AM | 引用 | 短信 |  编辑 |  附件 | 删除  

第29楼 
flyingkitecissy
职业: 流浪人
属性: 未知
等级: 死亡骑士
Level: 7
EXP: 851