俺是如何拿走hooray的博客园皮肤的。

  在github发现了hooray前辈的web桌面项目，从而发现了前辈的博客。前辈的博客皮肤深深吸引了俺。俺就讲讲俺是怎么拿走前辈的皮肤。

  在此之前，我用google搜索发现了另一位前辈开放的博客皮肤，并应用在我的博客上。http://www.cnblogs.com/yescoolfan/p/3462350.html

  皮肤上的电灯泡让我知道了hooray使用的也是LessIsMore默认模板修改过来的。这算有缘吧？

  主页右键+V-查看源代码

  在这个地址拿到CSS代码。

 

然后发现原来hooray也是用别人的皮肤。

 

博客后台设置-通过CSS代码定制代码页面风格-把CSS代码复制进去-勾选禁用模板默认CSS。博客模板选择LessIsMore。

css代码

/* 博客皮肤出处：http://www.cnblogs.com/libaoheng */
.recent_comment_body{word-wrap:break-word}#ckepop .jiathis_separator{font-size:14px!important}html{border-top:4px solid #009ad9}body{border-top:2px solid #d8d8d8;color:#494949;font-size:15px;padding:0;margin:0;font-family:"Microsoft Yahei","Simsun",Arial;background:#ececec url('http://images.cnblogs.com/cnblogs_com/libaoheng/335902/o_bg.png') repeat;min-width:1200px;line-height:25px}#home{margin:15px auto 0;width:1200px;overflow:auto}h1{margin:0}h3{margin:0;font-size:15px;font-weight:bold}a,a:visited{color:#009ad9;text-decoration:none}a:hover{color:#ff9000;text-decoration:none}ul{list-style:none;margin:0;padding:0}img{border:0}#blogTitle,#blogTitle a{color:#3d3d3d}#blogTitle .title{height:100px;line-height:80px;font-size:50px;padding-left:120px;text-shadow:1px 2px #ddd;background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_light2.png') no-repeat}#blogTitle,#blogTitle a:hover{text-decoration:none}.subtitle{padding-left:120px;font-size:15px;color:#666;font-weight:normal;margin-top:-30px;margin-bottom:20px}#navigator{top:0;z-index:99;font-size:16px;height:48px;background:#009ad9;text-align:center;font-size:16px}#navList li{line-height:48px;display:inline-block;float:left}#navList li a:hover{background:#13b4f6}#navList li a{padding:0 30px;text-decoration:none;line-height:48px;border:0;color:#fff;display:-moz-inline-box;display:inline-block}.blogStats{height:48px;color:#fff;line-height:48px;display:inline-block;float:right;padding-right:15px}#main{margin:30px 0;padding:0}#sideBar{border-top:solid 4px #009ad9;background:#fff;width:205px;padding:25px 15px;font-size:12px}#sideBarMain{line-height:24px}#leftcontentcontainer{line-height:24px}#profile_block{margin-top:0;line-height:24px;text-align:left}#mainContent{border-top:solid 4px #ff7227;padding:25px 15px;background:#fff;float:right;width:920px}.day{background:#fff;padding:0;margin:0 0 20px 0}.postTitle a{color:#494949;width:920px;height:96px;display:inline-block;overflow:hidden}.postTitle a:hover{color:#ff7227;background:#fff;text-decoration:none}.postTitle{margin-bottom:20px;height:96px;line-height:48px;font-size:32px;font-weight:bold;color:#464646}.dayTitle{display:none}.desc_img{margin-left:10px;border:solid 1px #fff;box-shadow:0 0 10px #aaa}#topics .post{background:#fff}.postCon{padding:10px 0}.postDesc{margin:0 30px;margin-bottom:2px;padding:8px 0;font-size:12px;color:#aaa;background:#fff;text-align:right}.postDesc a{color:#AAA}.postBody{padding:0}#google_q,#q{height:22px;width:135px;border:solid 1px #ccc;box-shadow:inset 0 1px 2px #ddd;color:#aaa;padding:0 2px}.btn_my_zzk{cursor:pointer;border:0;width:60px;height:25px;background:#ff9000;color:#fff}.btn_my_zzk:hover{background:#ff9f00}#btn_comment_submit{border:0;height:48px;width:120px}.comment_btn{font-family:'Microsoft Yahei';border:0;height:48px;width:120px;font-size:18px;cursor:pointer;position:relative;vertical-align:middle;display:inline-block;background:#009ad9;color:#fff}#btn_comment_submit:hover{background:#13b4f6}.feedback_area_title{padding:10px;font-size:36px;font-weight:normal;color:#494949}.feedbackListSubtitle{font-size:12px;color:#888}.feedbackListSubtitle a{color:#888}.comment_quote{background:#fcfaac;padding:15px;border:1px solid #CCC}#commentform_title{color:#494949;background-image:none;background-repeat:no-repeat;margin-bottom:10px;padding:10px 20px 10px 10px;font-size:36px;font-weight:normal}#comment_form{margin:10px 0;padding:0}.commentform{margin:10px 0;padding:10px 20px;background:#fff}#tbCommentBody{font-family:'Microsoft Yahei';margin-top:10px;width:886px;max-width:886px;min-width:886px;background:white;color:#494949;border:8px solid #f1f1f1;box-shadow:inset 0 2px 3px #aaa;padding:10px;height:120px;font-size:18px;min-height:120px}.feedbackItem{font-size:15px;line-height:24px;padding:15px;background:#fff;margin:0 10px;border-bottom:dotted 1px #aaa}.feedbackListSubtitle{font-weight:normal}.entrylist{padding:10px 20px;background:#fff}.entrylistItem{margin:10px 0;padding:10px}.entrylistPosttitle{font-size:18px;font-weight:bold;background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;padding-left:30px}.entrylistPostSummary{padding:10px}.entrylistItemPostDesc{font-size:12px;color:#999;padding-left:40px}#footer{padding:20px;text-align:center;color:#494949;font-size:15px}#cnblogs_post_body p img{margin:10px}.diggnum{font-size:32px;color:#aaa;font-family:'Microsoft Yahei'}#div_digg .diggnum{line-height:100px}.diggit{float:left;width:160px;height:160px;background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/335902/o_o_dig.gif') no-repeat;background-position:0 0;text-align:center;cursor:pointer}.diggit:hover{background-position:-160px 0}.buryit{display:none}.diggword{display:none}#myposts .PostList{font-size:14px;line-height:24px;margin:10px 0;padding:20px;background:#f2f2f2;box-shadow:0 0 5px #aaa}#myposts .postTitl2 a{color:#009ad9}.newsItem h3{display:none}.recent_comment_author{display:none}.recent_comment_title{display:block;width:200px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.c_ad_block{display:none!important}

浏览hooray前辈的的博客，俺发现了一个小功能。

回到顶部

 

 

并且在主页源代码找到了JS代码。

从框框开始到框框结束

可惜俺的博客没有JS代码使用权限怎么办？

俺便用html代码山寨了一个

<a href="#top" id="returnTop" style="bottom: 10px;position: fixed;right: 10px;font-size: 16px;"><img src=//images0.cnblogs.com/blog/595706/201312/31115051-1105285fc6bb4c688ebcf991d31755d1.gif></a>

博客后台设置-页脚Html代码-把html代码复制进去。

修改的很生硬，没有hooray前辈的JS好。

大家可以对比一下。

俺的博客http://www.cnblogs.com/c0re/

hoorayhttp://www.cnblogs.com/hooray/