2009-03-01

[筆記] 設定Code圖案的CSS

在網頁上看到很多人在寫CSS筆記的時候都會將code特別標示,看起來就清楚明瞭,因此特地找了做法仿效!

將下列這一段CSS取代HTML的general中的code
code {
display: block;
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://echolink.googlecode.com/files/BG_Code.png) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 200px;  /*height:200px; // for IE6*/
line-height: 1.2em;
}

標籤:

[筆記] Blogger標籤雲

網頁預設的標籤通常都是一長串,所以只要標籤越來越多,整個網頁就被拉得很長,因此用標籤雲可以有效的縮短整體標籤長度,同時因為字體大小有所區隔,也不至於擠成一團!

  1. 在]]></b:skin>之前輸入

    /** Label Cloud Styles */
    #labelCloud
    #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
    #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
    #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
    #labelCloud a{text-decoration:none}
    #labelCloud a:hover{text-decoration:underline}
    #labelCloud li a{}
    #labelCloud .label-cloud {}
    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
    #labelCloud .label-cloud li:before{content:"" !important}

  2. 在]]></b:skin>之後、</head>之前加入下面的Java Script
    <script type='text/javascript'>
    // Label Cloud User Variables
    var lcBlogURL = 'http://life-minded.blogspot.com';
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;B
    </script>

    其中在var lcBlogURL = 'http://life-minded.blogspot.com';中將http://life-minded.blogspot.com取代為自已blog的網址,maxFontSize和maxColor則分別為標籤最大字型及最大字型的顏色,而minFontSize和var minColor則分別為標籤最小字型及最小字型的顏色,字型大小以px為單位,顏色則是使用RGB色碼。

  3. 在你的template中搜尋這一段,將
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    以下列程式取代
    <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>

    <div class='widget-content'>
    <div id='labelCloud'/>
    <script type='text/javascript'>

    // Don't change anything past this point -----------------
    function s(a,b,i,x){
    if(a&gt;b){
    var m
    =(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
    }
    else{
    var m
    =(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
    }
    return v
    }

    var ta
    =0
    var c=[];
    var labelCount = new Array();
    var ts
    = new Object;
    <b:loop values
    ='data:labels' var='label'>
    var theName = &quot;<data:label.name/>&quot;;
    ts[theName] = <data:label.count/>;
    </b:loop>

    for (t in ts){
    if (!labelCount[ts[t]]){
    labelCount[ts[t]] = new Array(ts[t])
    }
    }
    tz = labelCount.length-1;
    lc2 = document.getElementById('labelCloud');
    ul = document.createElement('ul');
    ul.className = 'label-cloud';
    for(var t in ts){
    for (var i=0;3
    &gt; i;i++) {
    c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
    }
    var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
    li = document.createElement('li');
    li.style.fontSize = fs+'px';
    li.style.lineHeight = '1';
    a = document.createElement('a');
    a.title = ts[t]+' Posts in '+t;
    a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
    a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);
    if (lcShowCount){
    span = document.createElement('span');
    span.innerHTML = '('+ts[t]+') ';
    span.className = 'label-count';
    a.appendChild(document.createTextNode(t));
    li.appendChild(a);
    li.appendChild(span);
    }
    else {
    a.appendChild(document.createTextNode(t));
    li.appendChild(a);
    }
    ul.appendChild(li);
    abnk = document.createTextNode(' ');
    ul.appendChild(abnk);
    }
    lc2.appendChild(ul);

    </script>

    <noscript>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
    </noscript>
    <b:include name='quickedit'/>
    </div>

    </b:includable>

    </b:widget>

參考資料:phydeaux3: Code for Beta Blogger Label Cloud


標籤:

2009.2.13 台式泡菜初體驗

昨天跟swallow聊天,他最近嘗試著做泡菜,而且很成功!聽他說很簡單,我馬上燃起了希望。做菜就是要簡單阿,那些中式大菜目前對我而言真的是遙不可及,所以我看我只能從這種清粥小菜開始囉!

材料:
高麗菜一個
工研白醋一罐一份
水一份
白砂糖一份(基於個人私心,我多放了一些)
辣椒醬酌量
蒜頭一大個(裡頭很多小個那種)
所有的材料首先將醋、水、糖( 1:1:1 )到進鍋子煮,直到糖溶化。由於我加開水,因此沒有刻意煮到水滾。但是如果加生水,最好讓水開了在熄火。煮好湯汁後,放冷備用。煮的時候真的很酸,加上我平常是不碰醋這玩意的,所以我煮到一半就已經胃痛到不行了!所以建議如果會怕醋味的,千萬要戴上口罩啊!別像我傻傻的搞不清楚狀況!
接下來將高麗菜一片片剝下,並用水清洗後,再撕成小塊,可依照個人喜好決定大小,但建議別太塊。撕成小塊再灑些許鹽巴在高麗菜上,讓高麗菜出水,預估一個小時候即可,再將水倒掉。整顆蒜頭先分成小顆,再拍一拍方便剝皮,撥完皮以後,再切成蒜末。 將高麗菜放進已經冷卻的湯汁,同時將蒜末及辣椒醬(依個人口味酌量)加入拌一拌,建議最好湯汁可以蓋過高麗菜,而我後來又將較硬的梗放在下面,再將菜葉放在上方,最後再將泡菜放進冰箱冷藏一天就差不多可以吃囉! 後記:隔天把泡菜拿出來以後,裝成小盤請朋友吃,每個人都讚不絕口!感謝大家的支持,對於小菜的製作我的信心又增加了一點點囉!

標籤: