2008-09-09

標題背景變更

純藍的背景看了很久,自己看不下去。就從舊的圖庫裡面隨手抓了一張,再切出符合這個版型大小的圖片。之後,在設定樣版,可以直接設定背景圖,就可以看到成果了。謎之聲:你一句話到底做了多少事情…

因為程式碼看起來其實很噁心...所以我用文字帶過就好 XD


把header-wraper 這個div裡面換成下面的東西,之後就可以直接從後台從標頭的右下直接按下編輯來設定背景圖片!
<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Superbil.info (標頭)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>

謎之聲:看的懂有鬼!

再來就是幫右邊加上了搜尋的功能,是draft版才有的,哈

2008-09-02

授權變更

我原本使用創意CC的 姓名標示─非商業性─相同方式分享,後來在因為讀過Copyleft 與 GNU Free Document License 在部落格寫作上的適用性,兼論 Creative Commons 與 Copyleft 的相容性之後,我重新思考到底我自己的授權方式。

非商業性的使用,並且用相同方式分享,這樣限制了文章的可能性和分享為上的精神。所以我把授權方式變更為 姓名標示─相同方式分享!這樣只要是任何人想要使用文章或是程式碼的話,都請自行拿去吧!不過最基本的精神就是,請附上姓名。

使得更多人能夠得到更多的幫助,也使得更多人能夠更容易使用。而且我也在思考,若用GNU Free Documentation License在某方面來說,會不會更好呢?嗯…
謎之聲:你要也考慮到別人會不會用你寫的東西阿 XD