今天正式从CSDN搬家到blogjava了。CSDN早就注册了,速度一直不行。早就想换了。blogjava最近才注册,但是blogjava的图片和附件都有空间限制。发现blogjava访问速度比CSDN快多了,于是就搬过来了。也不喜欢blogjava的语法着色,不想用,于是也定制了一个CSS专门用于发代码。
搬家过来,首先得把我的blogjava博客装饰一下。还是喜欢在CSDN用的Skin。于是就原样地把CSDN的Skin搬过来。这么一装饰,我的blogjava博客和CSDN博客长得几乎是一样了。不信可以先访问我的CSDN博客比较一下(
http://blog.csdn.net/wintys)。
早就想通过CSS定制页面把blogjava装饰一下,可是直到现在才开始做。下面就班门弄斧向大家介绍一下我的定制步骤。
1、点博客右上角的"设置"。然后在设置里找到"通过CSS定制页面"。
2、把自己想加入的CSS统统写在这里就OK了。
哈哈,上面的步骤谁都知道!CSS又是怎么写出来的呢?我用的是Firefox + Firebug + Stylish。通过Firebug找出自己要设置DOM元素的ID或者class,然后用Stylish编写相应页面CSS。用Stylish方便之处在于,不用每次刷新blogjava页面,写好CSS之后,只要点击预览就可以看到效果了。当然在CSDN上找出背景色及背景图片用的也是Firebug,而不是直接查看源代码。如果你用过Firebug你自然知道它的方便之处了,没有用过的赶紧下一个来玩玩,使用起来很简单。在Stylish中将一切CSS写完之后,才将它们都复制到"通过CSS定制页面"里面去。保存,刷新首页即可。要注意,最后要把所涉及的图片都传到blogjava里来哦,不要链接CSDN的图片哦。因为CSDN慢,blogjava快,等blogjava的内容加载完了,CSDN的图片还没加载上,那就不好看了。
看过,blogjava 定制CSS的
帮助文档 ,还是用自己的方法更得心应手一点。仅供大家参考。
还有我的CSS只是在Firefox下测试过的,在IE中运行发现有些许不一致,但无大碍。也懒得在IE中重新调试了,再说平时也不用IE。IE真是令人烦,不完全支持Web标准,每次CSS写完了都得在IE中重调。所以现在索性不用IE了。
附上我自己定制的CSS(写的很乱,没有整理优化 ,有时间再改改):
最新修改的CSS见:
http://www.blogjava.net/wintys/customcss.aspx
/*Copyright (c) Winty
*http://www.blogjava.net/wintys/
*wintys@gmail.com
*2009-03-16
*
*任何人都可以使用我定制的CSS。
*如需使用请保留版权信息 ,并在我的博客上留言支持一下。谢谢!
*我使用的是blogjava中的Skin: arrow改过来的。不同的Skin可能不一定适用。
*/
body{font-size:medium !important;}
.mycode {
margin: 10px;
padding: 10px;
background: #DDEDFB;
border: 1px solid #428EDE;
text-align: left;
WORD-WRAP: break-word;
}
/****************************/
/****************************/
/**以下是页面CSS设置 **/
/*全局设置*/
a:hover{
color:#FF6600 !important;
}
/*页首设置*/
/*******************/
/*首部*/
.header{
background:#FFFFFF url(images/blog_topbg.gif) repeat fixed center top !important;
}
/*首部主标题*/
a#Header1_HeaderTitle{
font-size:50px !important;
}
/*首部导航栏*/
#mylinks{
/*csdn nav*/
background:#FFFFFF url(images/blog_navbg.gif) repeat scroll center top !important;
}
/*导航链接*/
a.menu{
color:#FFF !important;
border:1px solid #B3E3FF;
padding: 3px;
text-decoration:none;
margin:4px;
}
a.menu:hover{
border:1px solid #00FF00;
}
/*顶部随笔文章统计栏*/
div#mytopmenu{
background:#FFFFFF url(images/blog_navbg.gif) repeat scroll center top !important;
margin:0px !important;
padding: 4px;
color:#FFF;
}
div.blogStats{
font-size:12px !important;
}
/*文章内容区设置*/
/***********************/
/*文章div*/
div.day{
border-bottom:1px solid #7DC9D7 !important;
}
.postTitle2{
color:#336699;
}
div.postDesc{
font-size:10px;
}
div.dayTitle{/*csdnurl*/
background-image:url(images/blog_selenderbg.png) !important;
height:25px !important;
}
div.dayTitle a{
color:#FFF !important;
text-decoration:none;
}
div.dayTitle a:hover{
color:#FF6600 !important;
}
/*页脚设置*/
/****************************/
div.footer , a.footerlink{
background-image:none !important;
color:#336699 !important;
}
a.footerlink:hover{
color:#FF6600 !important;
}
/*左侧设置*/
/**********************************/
/*文章分类 和 文章档案*/
.catListTitle {
background:#FFFFFF url(images/blog_sidebarico.gif) no-repeat scroll center center !important;
color:#369 !important;
height:23px !important;
padding-top:0px !important;
}
/*h3标题:留言簿等*/
#leftcontentcontainer h3{
background:#FFFFFF url(images/blog_sidebarico.gif) no-repeat scroll center center !important;
color:#369 !important;
height:23px !important;
padding-top:0px !important;
}
/*左边分割线*/
#leftcontent{
border-right:1px solid #7DC9D7 !important;
}
/*左侧背景*/
#leftcontentcontainer{
background-color:#E9F9FF;
}
/****************************/
/****************************/
分享到:
相关推荐
博客搬家工具|blog搬家工具|新浪博客搬家软件|博客搬家软件:BlogBak是一个帮助blog用户,备份自己文章、博客搬家...blogBus,无名小站wretch(在[我的QQ/我的blog/导入导出]中直接支持原站XML备份文件导入):博客搬家软件
网页BlogJava
本项目"BlogJava博客文章爬取代码"专注于使用Java编程语言来实现对BlogJava博客平台的文章内容进行爬取。下面我们将深入探讨这个主题,解析相关知识点。 首先,Java作为一门面向对象的编程语言,具有丰富的库和框架...
ruby查缺补漏 - 庄周梦蝶 - BlogJava
本项目是一个基于Java实现的爬虫框架,专注于从BlogJava网站抓取文章内容。这个爬虫程序利用了深度遍历和广度遍历两种策略,有效地爬取了近7万篇博客文章,为数据分析、信息挖掘提供了丰富的素材。 首先,我们来...
- **深度遍历(Depth-First Search, DFS)**:从一个节点开始,沿着一条路径一直深入到最后一个节点,然后再回溯到下一个未访问的节点,继续深入。 - **广度遍历(Breadth-First Search, BFS)**:从起始节点开始...
Struts+Spring+Hibernate的完美融合BlogJava.mht
此文档主要是tomcat中MySQL连接池配置 - feng - BlogJava
最近总结手上下到的电子书,一看还真是多,全是精品,虽知大家都有了,仍不敢独食
│ │ └─blogjava │ │ └─mobile │ ├─gen │ │ └─net │ │ └─blogjava │ │ └─mobile │ ├─res │ │ ├─drawable │ │ ├─layout │ │ └─values │ └─src │ └─net │ └─blogjava ...
在本文中,我们将探讨如何使用Ajax技术来自动加载BlogJava和博客园的RSS feed内容。Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下更新部分网页的技术,通过JavaScript与服务器进行异步...
3. **buildRendering()** 和 **postCreate()**: 这两个方法在Widget生命周期中起到关键作用。`buildRendering()` 是初始化渲染阶段,用于设置DOM元素和初始样式。`postCreate()` 则在渲染完成后调用,用于进一步的...
根据提供的文件信息,本文将对《JAVA2简明教程》中的课后习题答案与实验源码进行详细解析。此教程适用于Java初学者以及希望...同时,实验部分也涉及到图形界面编程的基础知识,有助于学生掌握更高级的应用开发技术。
- **知识点**:Java Web是一种构建基于Web的应用程序的技术栈,涵盖了从前端到后端的所有技术。 24. **廖雪峰的官方网站 - Java Web 教程** - ...
lombook 不错的优化JAVA代码的插件 http://www.blogjava.net/fancydeepin/archive/2012/07/12/lombok.html
总的来说,这个资料集合提供了全方位的HTMLParser学习资源,涵盖了从基础API到实战案例的各个方面,对于想要学习和掌握HTMLParser的人来说,是一份非常宝贵的学习材料。通过深入学习和实践,你可以利用HTMLParser...
package com.hyq.test; import java.util.Properties; import javax.mail.*; import javax.mail.internet.*; public class MailExample { ... public static void main (String args[]) throws Exception { ........
结合标签“源码”和“工具”,我们可以推测这篇文章主要探讨的是如何通过Acegi安全框架来增强Spring Web应用程序的安全性,并可能涉及到源代码级别的解析和实践操作。 Acegi是Spring Security的前身,它是一个为...
"openlayers使用笔记1 从例子开始学习openlayers - Java&GIS - BlogJava.url"是一篇从实践出发的学习笔记,适合初学者。它可能通过一系列实例,逐步引导读者理解OpenLayers的基本操作,如添加图层、设置地图中心点、...