制作自定义CSDNBLOG皮肤

转载 2004年07月21日 11:31:00

制作自定义CSDNBLOG皮肤

hbzxf(阿好)
http://blog.csdn.net/hbzxf/

        如果你已经有了一个比较个性化的计数器的话,下面我教你如何为CSDNBLOG制作自定义皮肤的功能,如果你没有并且需要为你的CSDNBLOG添加一个个性化计数器的话,可以参阅我写的另一篇文章。

关于给CSDNBLOG添加计数器
http://blog.csdn.net/hbzxf/archive/2004/06/26/27040.aspx

1、使用系统定义皮肤
系统为我们已经提供了几个定义好的皮肤界面,我们可以通过'选项'-'配置'-'皮肤'来选择自己喜欢的。

2、自定义皮肤

下面以更改Cogitation皮肤为例

1、选项-配置-皮肤-选择Cogitation

2、CSDNBLOG会默认使用http://blog.csdn.net/skins/Cogitation/style.css为样式表文件(我怎么知道的,呵呵,源代码里面有的)

3、通过记事本或其他编辑工具打开http://blog.csdn.net/skins/Cogitation/style.css可以看到如下内容(截取部分)

.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
 color: White;
 text-decoration : none;
 font-size: .75em;
 font-weight: normal;
}

.HeaderBar
{
 font-weight: normal;
 font-size: 8pt;
 border-collapse: collapse;
 background-image: url(images/BlueTabBack.jpg);
   background-repeat:repeat-x;
}

.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
 color: WhiteSmoke;
 text-decoration: none;
 font-weight: normal;
}

.HeaderBarTab
{
 background-image: url(images/BlueTabFace.jpg);
   background-repeat:repeat-x;
   border-collapse: collapse;
   padding: 0px;
}

.BlogStatsBar
{
 text-align:right;
 font-weight: normal;
 font-size: 7pt;
 color: Silver;
 border-collapse:collapse;
}

4、我们现在重新定义#top,#top定义了版面顶部样式

原始样式内容如下:

#top
{
 background-image: url(images/BlueTabBackground.gif);
   background-repeat: repeat;
 color : WhiteSmoke;
 border-top : 4px solid Black;
 border-bottom : 4px solid Black;
 padding: 0px;
 margin: 0px;
}

5、把定义后的样式粘贴到'选项'-'配置'-'定制css选择器'

6、保存更改后的配置,重新察看自己CSDNBLOG的页面,是不是变成了自己定义好的图片

7、按照以上方法逐个修改,就会产生一个与众不同、个性化的CSDNBLOG

发表于 2004年06月27日 6:09 PM

 


# 回复:制作自定义CSDNBLOG皮肤 2004-07-05 3:16 PM xxxx
看看http://blog.csdn.net/possible_Y/

制作自定义CSDNBLOG皮肤

制作自定义CSDNBLOG皮肤 hbzxf(阿好) http://blog.csdn.net/hbzxf/         如果你已经有了一个比较个性化的计数器的话,下面我教你如何为CSDN...
  • u013149477
  • u013149477
  • 2014年04月18日 09:33
  • 522

winform自定义皮肤思路

声明: 思路来自于网上源码,具体作者不清楚了,大家可以搜索Paway.Windows.Forms。 一、去掉边框 this.FormBorderStyle = FormBorderSty...
  • sbt0198
  • sbt0198
  • 2014年08月19日 10:04
  • 1285

(转)打造属于自己的Notepad++

http://www.lnmp100.com/461 Notepad++ 是一款Windows环境下免费开源的代码编辑器,最近一直在用,默认的可能没那么好用,需要来设置和添加插件...
  • redmoon729
  • redmoon729
  • 2014年04月13日 16:44
  • 885

怎样用SkinMagicBuilder制作皮肤

第一步,轮廓与着色首先,打开你的PS,新建一个文件,宽度为495,高度为406,分辨率为72。然后点击图层菜单,新建图层背景。接着在工具栏里点击油漆桶工具,选择颜色为R=255,B=0,G=255。用...
  • zcj331
  • zcj331
  • 2014年04月11日 13:24
  • 957

WINFORM自定义皮肤制作(上)

转自:http://www.cnblogs.com/coding1016/archive/2010/01/22/1653777.html 最近要做个软件正在做技术准备,由于WINFORM生成...
  • penaiyan
  • penaiyan
  • 2013年09月13日 21:50
  • 561

Android Studio 自定义皮肤主题和背景

转自:http://mp.weixin.qq.com/s/vuowHh75yF5gv1m0CeVkpw?ref=myread Android Studio 自定义皮肤主题和背景 新...
  • yueguanyun
  • yueguanyun
  • 2017年02月06日 16:27
  • 1491

android:自定义控件皮肤

android中当系统自带的控件无法满足用户的需求时,可以通过自定义的方式 下面通过代码实现对Button按钮自定义点击效果 MainActivity: package com.example.kan...
  • boom784702727
  • boom784702727
  • 2016年03月28日 21:27
  • 309

告别单调, 给Unity编辑器换一个皮肤吧

突发奇想   Unity编辑器可以   换肤么?     百度找到了, 可以!     地址如下: https://forum.unity3d.com/threads/zios-editor-them...
  • u010019717
  • u010019717
  • 2016年11月22日 23:20
  • 3950

eclipse的皮肤设置

eclipse设置成豆沙绿,和暗黑系列的主题皮肤
  • chazihong
  • chazihong
  • 2016年12月03日 21:37
  • 294

21讲项目实战CMS-wordpress主题网站模板制作

#21讲项目实战CMS-wordpress主题网站模板制作  1、如何新建主题模板  找到文件夹wamp->www->wp-content->themes,然后在这里面新建  一个文件...
  • wustzbq0713
  • wustzbq0713
  • 2015年06月06日 12:27
  • 813
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:制作自定义CSDNBLOG皮肤
举报原因:
原因补充:

(最多只允许输入30个字)