张锋的博客

http://www.sjzrc.cn(石家庄人才)

张锋ID:hbzxf
139530次访问,排名510好友0人,关注者0
hbzxf的文章
原创 54 篇
翻译 0 篇
转载 3 篇
评论 157 篇
张锋的公告


朋友自远方来,不亦乐乎


个人简介
网名:hbzxf(阿好)
QQ:6055538
QQ群:5461477
MSN:hbzf@hotmail.com

来自:石家庄  | 管理 | 留言

最近评论
ljm2008:有没有第二节拿出来分享一下啊
liquanzhi11:想与本站连接一下
[url="http://www.hebei01.com]河北生活信息网[/url]
chenyanpeng2003:服了你了 点一个页面弹出一个广告 你这样做广告只有让人厌烦!!
jxq19881013:很感谢你,你的相当的实用.
Backli:http://blog.csdn.net/Backli/

友情连接吧

你的我已经添加了
文章分类
收藏
相册
BLOG友情连接
Eric's Blog[水王]
不平凡小高
千山一鸟[帅哥]
最爱白菜[蔬菜]
木子MM[美女]
牛人三哥[张老三]
石家庄人才
蛙蛙池塘[动物]
阿好.Net[野人]
阿赖.COM[赖皮]
最爱网址
CODEPROJECT
DotNetJunkies
MSDN中文
MSDN英文
Weblogs @ ASP.NET
博客堂
存档
软件项目交易
订阅我的博客
XML聚合  FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
订阅到BlogLines
订阅到Yahoo
订阅到GouGou
订阅到飞鸽
订阅到Rojo
订阅到newsgator
订阅到netvibes

原创 制作自定义CSDNBLOG皮肤收藏

新一篇: 高效CSDNBLOG技巧终结篇(原创)

制作自定义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

发表于 @ 2004年06月27日 18:09:00|评论(loading...)|编辑

旧一篇: 关于给CSDNBLOG添加计数器

评论

#scvzhang 发表于2004-08-11 09:48:00  IP:
TrackBack来自《CSDN BLOG 技巧》

Ping Back来自:blog.csdn.net
#willie 发表于2004-08-25 09:18:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇(转)》

Ping Back来自:blog.csdn.net
#pipopipo 发表于2004-08-26 21:50:00  IP:
TrackBack来自《开始写第一篇》

Ping Back来自:blog.csdn.net
#梅子 发表于2004-09-13 13:22:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇》

Ping Back来自:blog.csdn.net
#goody9807 发表于2004-09-13 13:27:00  IP:
TrackBack来自《高效.TEXTBLOG技巧终结篇》

Ping Back来自:blog.csdn.net
#gg_qq 发表于2004-09-28 15:00:00  IP:
TrackBack来自《建设自己的BLOG》

Ping Back来自:blog.csdn.net
#lotuscheng 发表于2004-10-06 13:26:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇 》

Ping Back来自:blog.csdn.net
#sept31 发表于2004-10-08 11:56:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇(转)》

Ping Back来自:blog.csdn.net
#goody9807 发表于2004-10-16 11:58:00  IP:
TrackBack来自《高效.TEXTBLOG技巧终结篇》

Ping Back来自:blog.csdn.net
#关中汉子 发表于2004-12-01 17:12:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇(转)》

Ping Back来自:blog.csdn.net
#lbl20020123 发表于2004-12-06 16:22:00  IP:
TrackBack来自《高效CSDNBLOG技巧终结篇》

Ping Back来自:blog.csdn.net
#rkjx 发表于2004-12-11 07:11:00  IP:
TrackBack来自《制作自定义CSDNBLOG皮肤》

Ping Back来自:www.donews.net
#zfive5 发表于2004-12-30 09:59:00  IP:
TrackBack来自《Ping Back实验》

Ping Back来自:blog.csdn.net
#黄葛树 发表于2006-03-13 17:29:00  IP: 211.100.21.*
TrackBack来自《高效CSDNBLOG技巧》

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

制作自定义CSDNBLOG皮肤
http://blog.csdn.net/hbzxf/archive/2004/06/27/27879.aspx

本篇文章是最后一篇CSDNBLOG技巧性的文章了。

废话少说,见下列技巧

1、如果你需要为你的BLOG添加公告图片并且居中的话:

在'静态新闻/声明'中添加



2、如果你不想让某些TD、TR显示的话你可以在相应的TR、TD样式里添加:...
#ixue 发表于2004-06-28 12:23:00  IP: 221.237.184.*
blog提供了很多个皮肤的。呵呵
#hbzxf(阿好) 发表于2004-06-27 18:16:00  IP: 221.192.51.*
字体总是发生问题,乖乖
#【孟子E章】 发表于2004-06-27 19:33:00  IP: 218.24.233.*
* {fonn-size:9pt}
搞定:)
#Lonsen 发表于2004-06-27 21:25:00  IP: 218.77.38.*
不知道怎么才能让链结信息跑到页面的右边呢
#lovered 发表于2004-06-28 18:23:00  IP: 219.235.228.*
怪异~
#lovered 发表于2004-06-28 18:49:00  IP: 219.235.228.*
帮我看看啊各位英雄 中间那个图怎么处理啊?

http://blog.csdn.net/lovered/
#二进制动物 发表于2004-06-28 19:00:00  IP: 218.61.11.*
请问是把css文件的所有代码都粘贴到‘定制css选择器'里吗?为什么我粘贴完了没变化呢?
#hbzxf(阿好) 发表于2004-06-28 21:20:00  IP: 221.192.32.*
1、回答lovered的问题
重新定义应用于图片的css
加上这句话display:none
2、回答二进制动物的问题
把重新定义的代码粘贴到‘定制css选择器'里
#阿满(using) 发表于2004-06-28 22:08:00  IP: 61.177.92.*
阿好:
请问你你的左侧的相册子项的图片是怎么回进去的。就是你主页上的那个萧亚轩,是怎么加到左侧的菜单中的,谢谢。
#二进制动物 发表于2004-06-29 07:01:00  IP: 218.61.14.*
阿好:
我按照你的方法
#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;
}
把这段代码粘贴到定制css选择器里了,为什么我的背景还是不变啊?

#二进制动物 发表于2004-06-29 07:03:00  IP: 218.61.14.*
我搞定了,谢谢
#二进制动物 发表于2004-06-29 07:41:00  IP: 218.61.14.*
阿好:还有个问题,怎么才能不显示“文档”那栏啊?为什么我写的任何东西都能在那里找到?我想隐藏点什么不行吗?
#hbzxf(阿好) 发表于2004-06-29 09:30:00  IP: 221.192.52.*
如果还有不明白的问题,可以看这篇文章

高效CSDNBLOG技巧终结篇(原创)
http://blog.csdn.net/hbzxf/archive/2004/06/28/28847.aspx
#ray 发表于2004-06-30 18:00:00  IP: 202.106.154.*
阿好:

#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;
}
#hbzxf(阿好) 发表于2004-07-01 13:52:00  IP: 221.192.52.*
to:ray
你需要先把图片传到blog的图片区,再指定图片的url
#yangyihe 发表于2004-07-04 11:55:00  IP: 61.164.164.*
henbang
#xxxx 发表于2004-07-05 15:16:00  IP: 218.88.140.*
看看http://blog.csdn.net/possible_Y/
#cc 发表于2004-08-08 15:29:00  IP: 218.25.151.*
为什么我的背景图片显示的时候显示的很小,而且重复显示
#ipqn 发表于2004-08-08 22:04:00  IP: 202.98.156.*
帅哥,怎么才可以不显示“CSDNBlog,Contact,管理”这些东西啊~
就象你的一样~
#astar5 发表于2004-08-31 14:17:00  IP: 222.28.123.*
怎么样才能让整个的背景都变成自己的图片??
#骆驼刺 发表于2004-09-25 15:13:00  IP: 61.50.221.*
老大,我添加了天气怎么不显示哪,郁闷ing,帮我看看,该如何修改哪!另外.text有没有使用vb语言的源代码,我下载了0.96的是c#语言写的。
#jackei 发表于2004-10-27 02:27:00  IP: 219.137.200.*
请教:如何在左侧显示日历,并显示有文章的日期,通过点击日期显示文章列表呢?

我的Blog http://blog.csdn.net/jackei/ ,期待您的指导。
发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录,请点击登录
Csdn Blog version 3.1a
Copyright © 张锋