制作自定义CSDNBLOG皮肤

转载 2004年10月02日 05:38: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;
}
通过察看自己CSDNBLOG源代码发觉#top应用的位置如下:
<div id="top">
 
<div>
 <table>
  <tr>
   <td class="HeaderTitles">
    <h1><a id="Header1_HeaderTitle" class="headermaintitle" HREF="/hbzxf/">阿好空间(HBZXF)</a></h1>
    <p id="tagline">人生不止一次需要反反复复的回忆,也许这才是人生的哲理</p>
   </td>
  </tr>
 </table>
</div>

重新定义后的样式如下:(我们现在要修改背景图片)
#top
{
 background-image: url(images/BlueTabBackground.gif);//改变背景图片url为自己图片的位置
   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

制作自定义CSDNBLOG皮肤(转)

制作自定义CSDNBLOG皮肤neiepbhs(奔驰霸主)http://blog.csdn.net/neiepbhs/        如果你已经有了一个比较个性化的计数器的话,下面我教你如何为CSDN...
  • neiepbhs
  • neiepbhs
  • 2005年03月04日 21:49
  • 533

Dev 皮肤控件使用的几种方式

Dev Express 开发之皮肤控件的使用介绍方式一: 1、添加Ribbon控件或者Ribbon风格窗体 2、在RibbonPageGroup中添加RabbonGalleryBa...
  • giswhw66
  • giswhw66
  • 2017年08月30日 18:13
  • 527

搜狗拼音个性皮肤制作方法

 现在搜狗拼音已成为广大网友的必备的输入法,其强大的构词功能和个性化的界面令人爱不释手。网上有大量的精美皮肤免费下载(http://pinyin.sogou.com/skins/),还可以在网上直接使...
  • xxyakoo
  • xxyakoo
  • 2008年12月30日 09:26
  • 10394

自定义组件皮肤

自定义CR.js:Radio Checkbox调用方式: //radio元素调用方法 $(".sex").radio(); // checkbox元素调用方法 var itemChec...
  • itpinpai
  • itpinpai
  • 2016年07月21日 15:54
  • 764

Swing 皮肤包

http://javootoo.l2fprod.com/index.html  该网站上有收费和开源的皮肤包。 加载皮肤包的代码在这里简单说下,加入JAR包,在窗体加载代码前加入以下代码,窗...
  • jazywoo123
  • jazywoo123
  • 2012年09月04日 17:44
  • 1723

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

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

XBMC皮肤开发入门篇

XBMC皮肤开发入门篇 XBMC皮肤开发入门篇 XBMC具有非常灵活和强大的图形用户界面系统,使得制作主题皮肤和个人定制都十分便利。用户可以创建自己的个性化皮肤(或修改现有的皮肤)并与他人...
  • zangcf
  • zangcf
  • 2014年01月23日 21:59
  • 2960

C#窗体皮肤制作(一):资源图片的获取

学过C#语言的朋友们,是不是感觉原来做一个窗体应用程序也是非常简单的,使用VS工具拖拽几下一个简单窗体应用程序就搞定了。唯一美中不足的就是看上去外观并不是那么的好看。总是非常羡慕QQ、360、Thun...
  • bbirdsky
  • bbirdsky
  • 2014年02月15日 10:28
  • 5372

NSIS皮肤插件:vcl-styles-plugins

NSIS皮肤插件vcl-styles-plugins简介
  • shuijing_0
  • shuijing_0
  • 2014年07月13日 12:07
  • 3291

DIY——chrome谷歌浏览器皮肤的manifest.json风格文件和打包

前言:以前都在用世界之窗极速,是基于Chrome内核的! 都由于被360收买了,从2012年开始就在没更新了。 由于种种需求跟不上,最近换了谷歌的Chrome浏览器。 换了浏览器,当然也得换个皮肤...
  • agool123456
  • agool123456
  • 2014年03月09日 03:11
  • 2388
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:制作自定义CSDNBLOG皮肤
举报原因:
原因补充:

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