IT博客-solarium-文章分类-linux学习http://www.cnitblog.com/solarium/category/4920.htmlzh-cnThu, 13 Oct 2011 11:00:56 GMTThu, 13 Oct 2011 11:00:56 GMT60testhttp://www.cnitblog.com/solarium/articles/esafew.htmlsolariumsolariumFri, 09 Mar 2007 14:25:00 GMThttp://www.cnitblog.com/solarium/articles/esafew.htmlhttp://www.cnitblog.com/solarium/comments/23822.htmlhttp://www.cnitblog.com/solarium/articles/esafew.html#Feedback0http://www.cnitblog.com/solarium/comments/commentRss/23822.htmlhttp://www.cnitblog.com/solarium/services/trackbacks/23822.html

solarium 2007-03-09 22:25 发表评论
]]>教你怎样快速DIY自己的博客园SKIN http://www.cnitblog.com/solarium/articles/23801.htmlsolariumsolariumFri, 09 Mar 2007 07:41:00 GMThttp://www.cnitblog.com/solarium/articles/23801.htmlhttp://www.cnitblog.com/solarium/comments/23801.htmlhttp://www.cnitblog.com/solarium/articles/23801.html#Feedback0http://www.cnitblog.com/solarium/comments/commentRss/23801.htmlhttp://www.cnitblog.com/solarium/services/trackbacks/23801.html授之鱼，不如授之渔。我共享100个根据自己审美眼光制作的Skin还不如教大家怎么自己动手做呢～～毕竟大家审美眼光不一样，在加上我本人又是色盲实在作不出什么好外观来。

    工欲善其事必先利其器。首先得先教教大家怎么用先进武器，要不然用“查看源文件&抓图”的方法做一个Skin恐怕要一整天。

    首先出场的是微软的 IEDevToolBar ，这是一个免费的转为Web开发人员制作的IE插件，做博客Skin时用到的主要功能有：

    1.以树结构查看CodeDom，并查看每个Element属性，可以使用鼠标点击选中Element，这个在我们制作Skin时很有用
    2.生成图片报表，就是将页面上说有出现的图片生成一份详细的报表，这样就省的我们自己去找图片路径和量图片大小等等。
    3.高亮显示表格，表格单元，Div等的边框，这个在我们调整布局时也是很有用
    4.页面尺子，可以然你任意在页面上度量长度，这个是大大的提高了我们的工作效率，不用为了量个长度而抓图再用画图工具量

    现在就赶快 下载 装上吧，就算你不做Skin，我也强烈推荐你装上，Web项目调整界面时它真的是用处很多啊

    下面出场的是 ColorPic ，这也是一个免费的软件，用于拾取颜色的，鼠标移动到哪里就拾取哪里的颜色，可以对拾取的颜色分组，这样我们就可以把需要的颜色都一次性拾取完，再慢慢的用了。拾取颜色和重新拾取时都是用Ctrl + G 快捷键，其它功能靠大家自己琢磨了。

    最后就是编辑器了，如果你是CSS高手那文本编辑器就够了，如果你是和我一样的业余水平，我建议还是选一个可以智能提示的编辑器，比如Dreamweaver或者用Visual Studio2005/2003也是可以的。

    工具搞定啦，开始来热身吧，先讲讲博客园的CSS怎么自己定义，有些新来的朋友可能还不知道。

    先进入你的博客的后台管理，然后选择“选项”页，接下来选择“Configure”项，现在看到“通过CSS定制页面”项了吧，你可以再这个文本框里放自己的CSS，记得不用加<style>标签。

    不过我用的不是这种办法，我是把自己的CSS加上<style>标签放到“子标题”里，这是因为我原先用第一种办法，好几次遇到CSS效果突然显示不出来，恢复到默认模板的样式，我也不懂为啥这个得问DuDu哥啦，反正我用第二种方式就都不会再有这样的问题了。

    光有CSS还不够，博客园的自定义CSS是于原模板有关系的，比如一些id和class的命名在各个模板中是不一样的，所以针对某个模板制作出来的CSS型Skin一般是不能通用的。

    接下来要讲讲博客园CSS定义习惯，一般模板上面会把页面分成3大块，一个是顶部标题，一个是菜单条（就是放文章分类和日历，公告的那一条），一个是文章列表的主体。

    这3个大块一般有自己的id或者class，如果是id定义CSS的话就使用#id这样的格式，比如：
    #main
   {
        border:1px solid #FF0000;
        width:100%;
   }

如果是class那就是.class格式了，比如：
    .main
   {
        border:1px solid #FF0000;
        width:100%;
   }

（对CSS还不甚了解的朋友快去补补吧，嘻嘻，其实偶对CSS也是一窍不通，都是瞎搞自己博客的外观积累的一点点经验）

    每个模板都不一定用Class还是用ID，也不一定这3个大块叫什么名字，我们如果用“查看源文件”那找起来可没那么快了，现在就可以使用IEDevToolBar的View DOM功能了，View DOM提供了一个"Select Element by Click"功能，我们就可以使用鼠标选择一个项，然后查看它的id了。

solarium 2007-03-09 15:41 发表评论
]]>testhttp://www.cnitblog.com/solarium/articles/test.htmlsolariumsolariumFri, 09 Mar 2007 07:36:00 GMThttp://www.cnitblog.com/solarium/articles/test.htmlhttp://www.cnitblog.com/solarium/comments/23798.htmlhttp://www.cnitblog.com/solarium/articles/test.html#Feedback0http://www.cnitblog.com/solarium/comments/commentRss/23798.htmlhttp://www.cnitblog.com/solarium/services/trackbacks/23798.htmltake a test!



solarium 2007-03-09 15:36 发表评论
]]>