我的博客園博客設計更新記錄

本文轉載自查看原文 2013-05-15 00:34 1718 楊洋瘋狂C#

本博客的原始皮膚來自：http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html

2013年9月16日20:17:14

添加紅色螢火蟲按鈕

2013年9月16日19:26:55

點我頭像，進入QQ空間，鼠標懸浮有效果

長評論按鈕

2013年9月16日19:00:02

博客導航欄，增加快速評論的快捷導航，點一下，將會立即滾動到評論地方，頁面加載完成后，才會顯示這個鏈接，請耐心等待哦

修復頂部欄桿，滾動按鈕移到右上角

2013年9月16日13:39:04

修改頂部菜單停留，不再停留，因為影響閱讀體驗，講頂部的回到頂部，也移到了低部

為了防止我以后可能代碼要用，先備份一下

<span style="float:right;padding-right:10px;padding-top:10px;padding-bottom:10px" 

id="cnzzspan">
<a id="openWin" target="_blank" ></a>   
<font color='red'>【推薦】</font>
<a href="http://www.cnblogs.com/aaronyang/archive/2013/05/07/3065090.html" 

target="_blank"><font color='red'><b>程序員網址大全</b></font></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.cnblogs.com/AaronYang/tag/EntityFramework/" 

target="_blank"><font color='red'>EF CodeFirst</font></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/p/3178745.html" 

target="_blank">電視</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/archive/2013/06/03/3113543.html" 

target="_blank">MyNPOI</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/tag/%E5%BC%80%E6%BA%90/" 

target="_blank"><b>開源</b></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/archive/2013/05/15/3079046.html" 

target="_blank">我的皮膚</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/aaronyang/tag/ASP.NET%20MVC4%20IN%20ACTION/" 

target="_blank">ASP.NET MVC4</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/tag/JavaScript/" target="_blank">前端提升

</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/aaronyang/tag/%E9%82%A3%E5%A4%A9%E6%9C%89%E4%B8%AA

%E5%B0%8F%E5%AD%A9%E8%B7%9F%E6%88%91%E8%AF%B4LINQ/" target="_blank">LINQ

</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a 

href="http://www.cnblogs.com/AaronYang/tag/WCF%E7%B3%BB%E5%88%97/" target="_blank">WCF

</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://www.cnblogs.com/aaronyang/tag/EasyUI/" 

target="_blank">EasyUI</a>&nbsp;&nbsp;|

<script src="http://s14.cnzz.com/stat.php?id=4725984&web_id=4725984&online=2" 

language="JavaScript">
</script>


</span>
<script src="http://files.cnblogs.com/AaronYang/jquery.scrollUp.min.js" 

language="JavaScript">
</script>

<script>

$(function(){

var ite=$("#cnzzspan").remove();
$("#cnzzDivPlace").append(ite);
});

  $(window).resize(function () {
            tabResize();
        });
var $sbm=$("#sideBarMain");
var $sbar=$("#sideBar");
function tabResize(){
var lh=$sbm.width();
var rh=$("#home").width()-lh-50;
$("#mainContent").width(rh);

}
var heighss=1300;
$(window).load(function(){
     tabResize();
$("li.liRank").css({"cursor":"pointer"});
$("li.liRank").click(function(){
  var obj = document.getElementById("openWin");   
  obj.href = "http://www.cnblogs.com/AllBloggers.aspx";   
  obj.click();  
});
   

var isIE = !!window.ActiveXObject; 
var isIE8 = isIE && !!document.documentMode; 
$.scrollUp();
$("#scrollUp").text("");
$("#scrollUp").attr("title","[AaronYang]楊洋\n幫你回到頂部");

var firstStep=true;
var SecStep=true;

lastkuandu=$("#mainContent").width();
  var $navc=$("#navigator");
    //獲取要定位元素距離瀏覽器頂部的距離
    var navH = $navc.offset().top;
       
    //滾動條事件
    $(window).scroll(function(){
        //獲取滾動條的滑動距離
        var scroH = $(this).scrollTop();
                    if(scroH>=navH){
                      if(firstStep){
                    
                         firstStep=false;
             $navc.css({"position":"fixed","top":0,"left":"0%","width":"100%","z-index":"1000"});
                         $navc.addClass("boxshadow");
                     
                      }
                    if(!isIE8&&scroH>heighss&&SecStep&&$sbm.width()>2){
                         SecStep=false;
                         $sbm.css({"width":"0px"});
                         $sbar.hide();
                         tabResize();

                    } 
                   if(isIE8&&scroH>heighss&&SecStep&&$sbm.width()>2){
                         SecStep=false;
                         $sbm.css({"width":"0px"});
                        // $sbar.css({ opacity: 0 }); // 所有瀏覽器有效
                         $sbar.slideUp();
                         tabResize();

                    }
               }else if(scroH<navH){
                         if(!firstStep){
                            firstStep=true;
                            $navc.css({"position":"static","margin":"0 auto","width":"100%"});
                            $navc.removeClass("boxshadow");
                           }
                         if(!isIE8&&scroH<heighss&&(!SecStep)&&$sbm.width()<3){
                            SecStep=true;
                            $sbm.css({"width":"240px"});
                            $sbar.show();
                            tabResize();
                          }
                       if(isIE8&&scroH<heighss&&(!SecStep)&&$sbm.width()<3){
                            SecStep=true;
                            $sbar.slideDown();
                            $sbm.css({"width":"240px"});
                            tabResize();
                          }
                      }
            });

});


</script>
<script>
var Enabled = true;
$(window).load(function () {

$.each($(".feedbackItem"),function(i,t){

var comt=$(this).find(".blog_comment_body");

var commentBodyId =comt[0].id; 
var commentId = commentBodyId.substr(commentBodyId.lastIndexOf("_")+1);
var hUrl = $("#comment_"+ commentId+"_avatar").html();
if(hUrl==null){
hUrl ='http://images.cnblogs.com/cnblogs_com/AaronYang/476978/o_11.jpg';
}
   $(this).find("div.feedbackListSubtitle").before('<div style="margin: 0;position:relative;border-radius:5px;width: 49px; height: 49px; border: 2px solid #dddddd;float:left;margin-right:25px;margin-top:10px;"><div class="headph"><img src="'+hUrl+'" alt="AaronYang" style="border-radius:5px;border: medium none; background: none repeat scroll 0% 0% transparent; visibility: visible; padding: 0pt; margin: 0pt; width: 48px; height: 48px; clip: rect(0px, 94px, 94px, 0px); "></div></div>'); 

var hasl=$(this).find("span.louzhu");
if(hasl[0]){
$(this).css({"background":"#252525","color":"#fff"});
$(this).find("a[title='查看所回復的評論']").css({"color":"#fff"});
}

});




    if (Enabled) {
var isIE = !!window.ActiveXObject;
var isIE6 = isIE && !window.XMLHttpRequest;
var isIE8 = isIE && !!document.documentMode;
var isIE7 = isIE && !isIE6 && !isIE;
        var broTip = $("#browserTip");
        if (broTip.length < 1 && (isIE6 || isIE7 || isIE8)) {
            $("#home").before("<div id=\"browserTip\" style=\"opacity:1;width:100%;height:30px;display:none;line-height:30px;border:1px solid #A8AAAC;text-align:center;background:#ffffff;valign:middle\">AaronYang提醒：親，你的瀏覽器不給力哦，為了獲得更好的體驗效果，建議使用<a target=\"_blank\" href=\"https://www.google.com/intl/zh-CN/chrome/browser/\" style=\"color:red;text-decoration:underline\">谷歌瀏覽器</a>或<a target=\"_blank\" style=\"color:red;text-decoration:underline\" href=\"http://firefox.com.cn/download/\">火狐瀏覽器</a>瀏覽本網站 &nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:CloseVersionTip()\">立即關閉</a></span></div>");
            $("#browserTip").slideDown();
            setTimeout(CloseVersionTip, 8000);
        } else {
            $("#browserTip").slideDown();
            setTimeout(CloseVersionTip, 8000);
        } 
    }
});
function CloseVersionTip() {
    var broTip = $("#browserTip");
    if (broTip) {
        $("#browserTip").slideUp();
    }
}

</script>

管理員后台代碼底部HTML

優化部分樣式，調整頁面加載順序，減少頁面卡的情況

2013年9月10日20:01:01

添加評論人頭像，鼠標移到上面去，旋轉頭像

是樓主評論的話，會自動描黑背景

2013年8月2日11:15:54

使用谷歌瀏覽器，滾動條樣式

相關樣式代碼:

/*---滾動條默認顯示樣式--*/  
::-webkit-scrollbar-thumb{  
   background-color:#018EE8;  
   height:50px;  
   outline-offset:-2px;  
   outline:2px solid #fff;  
   -webkit-border-radius:4px;  
   border: 2px solid #fff;  
}  
 
/*---鼠標點擊滾動條顯示樣式--*/  
::-webkit-scrollbar-thumb:hover{  
   background-color:#FB4446;  
   height:50px;  
   -webkit-border-radius:4px;  
}  
 
/*---滾動條大小--*/  
::-webkit-scrollbar{  
   width:8px;  
   height:8px;  
}  
 
/*---滾動框背景樣式--*/  
::-webkit-scrollbar-track-piece{  
   background-color:#fff;  
   -webkit-border-radius:0;  
}
::-webkit-scrollbar-thumb:active{
      height:50px;
      background-color:#000;
      -webkit-border-radius:4px;
  }

2013年7月29日17:39:44

我的博客主頁文章標題前方圖標更改

2013年7月29日13:39:11

點擊我的排名，可以查看博客園排名情況，然后按下Ctrl+F 輸入你想要的博主的名字，就可以查看該博主的博客園排名

ie瀏覽器，ie8以下，提示推薦瀏覽器使用

2013年6月16日21:33:52

優化滾動條事件，避免頻繁更新導航欄和側邊欄狀態

頁面瀏覽效果，兼容IE7+

Chrome，FireFox，Opera

公告處，添加隨機相冊中圖片，目前我相冊中放了11張圖片

去掉公告中我的QQ在線聯系，防止別人打擾

2013年6月16日12:44:56

去掉分享到，提高響應速度

如果想要，只要在頁腳HTML處添加以下代碼

<script type="text/javascript" src="http://v3.jiathis.com/code_mini/jiathis_r.js?

uid=1362230515548537&move=0&btn=r3.gif" charset="utf-8"></script>

2013年5月15日0:32:36

更新內容：

博客新增特效：

①【推薦】閱讀到一定的高度，自動擴展寬度，讓你閱讀更多的內容。

自己閱讀內容的時候，就能體驗到了，原創

②博客園導航欄頂部停留

③右上角回到頂部

④右下角推薦內容，默認透明，鼠標移上去，漸變到綠色，綠色通道，css3處理

⑤首頁左側當行欄變化，圖片CSS3處理變化。

自己的博客排名情況，傾斜

隨筆分類，懸浮效果：

⑥背景音樂已經去掉（浪費流量）

⑦分享到插件迷你化，更精簡

⑧站長統計信息只顯示在線人數，增加 3個系列博客當行和程序員網址導航

⑨博客的詳細頁面標題具有文字陰影

10. 博客中的文字，選中后，不再是藍底白字，可以自定義，這里我是紅色

樣式代碼如下：

::selection {
    background:rgb(215,48,48); 
color:white; 
}
::-moz-selection {
      background:rgb(215,48,48);
color:white;  
}
::-webkit-selection {
     background:rgb(215,48,48);
     color:white;

2013年5月12日17點

1. 皮膚色調更改，換成藍色設計，主題：海風，海洋

2. 添加博客背景音樂 We are the world

在頁腳處插入這段代碼：

<div class="player" id="player" style="opacity: 0.1;filter: alpha(opacity=10);"><object type="application/x-shockwave-flash" data="http://m.zonse.net/player/?php=music" width="100%" height="40" id="cmp"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="wmode" value="transparent"><param name="flashvars" value="lists=Playerlist.php%3Fid%3D12709&amp;src=http%3A%2F%2FM.ZonSe.Net%2FMusic%2FData%2FUpload%2F0E88BEF6B420313864476A1276B73D90.mp3"></object></div>

自己從別人的網站上扣下來的。

41B2FA

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 博客園管理記錄博客園美化記錄博客園管理記錄怎么設計自己的博客園個人首頁博客園積分與排名長期記錄我的博客園皮膚設計初稿博客園首頁頁面設計博客園自動發布/更新博客系統博客園如何可以監控博客的訪問記錄和流量博客園加上博客精靈