最新公告
04/05|最近都在瘋遊戲,網誌回應暫時到4月5日嚕!
02/18|天氣好冷喔!Baby們也要注意身體別感冒喔
02/13|再過一天就是情人節嚕!先祝大家情人節快樂

 
搞了這個樣式搞非常久才完成...
要感謝多啦和發卡的教學才能做出我想要的感覺
左邊連結都被藏起來了..是不是很酷!要敲敲門(點一下)才會出來跟你見面

這個隱藏連結是利用痞客幫內建的jQuery,至於什麼是jQuery呢?
可以參考發卡布落-善用痞客邦內建的jquery來配置你的blog(隱 藏文章效果)
文章講解很仔細有興趣,大家可以去研究看看。

13.gif首先先在你的側邊欄位或者 公告欄發送以下語法

其中的normal為選單的開啟速度,還可以使用fast(快)、slow(慢)兩種。
就是在這toggle("normal");紅字部份可以更改上述兩種值


13.gif另外這是放在css裡面的



13.gif如果說有一些想要不隱藏可以利用下方的CSS強制打開:

box-text{display:none;}是隱藏你的連結內容
box123465為側邊欄位的編號,請自行查閱原始檔。


13.gif教學圖範例:

 
創作者介紹

ღLove 兔兔*≧﹏≦*

bluegirl73623 發表在 痞客邦 PIXNET 留言(20) 人氣()


留言列表 (20)

發表留言
  • 牛
  • 真的很酷~~~
    不過yam不適用吧....
    因為兔子是搞痞克的...
  • 我不知道yam可不可以耶..因為這語法使痞客專用的
    也許yam也有類似的伸縮選單效果..不過看看有沒有達人研究出來嚕^^"

    bluegirl73623 於 2009/01/31 11:37 回覆

  • bshadow
  • 很好看

    顏色配得真好耶 :)
  • 是嗎?謝謝你的誇獎
    我僑漸層色僑很久...@@

    bluegirl73623 於 2009/02/01 10:39 回覆

  • 牛
  • 好棒~
    我的yam也可以用耶!!
    所以想問問兔子你那些顏色怎麼"塗"上去的
  • 可是...CSS不一樣噎@@?
    我是沒研究過啦!你在自己試著找找看嚕!
    那是背景語法background-color:#填色碼
    色碼參考:
    http://rhinejo.myweb.hinet.net/home/color/color-cord.html

    bluegirl73623 於 2009/02/01 13:51 回覆

  • 悄悄話
  • stella1432
  • 想請問一下
    為什麼我看不到我的原始檔
    可以教我嗎?
  • 從檢視/原始檔
    應該會跳出記事本喔!

    bluegirl73623 於 2009/07/20 13:51 回覆

  • stella1432
  • 我找到另外開原始檔的方法了
    我都弄差不多了
    可碰到的問題是如何一開始就像你一樣就是隱藏的呢?
  • .box-text{display:none;}
    這樣一開始就是隱藏了

    bluegirl73623 於 2009/07/20 13:52 回覆

  • 瓜
  • 我成功了
    謝謝兔~! =D
  • 瓜
  • 我想問行事曆怎麼樣才不會被隱藏?@@
    因為我找不到他的編號...
  • 只要刪除那區塊的{display:none;}
    就可以嚕~

    bluegirl73623 於 2009/07/20 13:54 回覆

  • 悄悄話
  • 猫
  • 有些側邊欄位的編號不會出現 ..
    請問該怎麼辦 :( ..
  • 有些沒編號就看原來的標籤嚕
    例如最新文章就是#recent-article

    bluegirl73623 於 2009/07/20 13:56 回覆

  • 企鵝
  • 可以請問一下嘛???

    這個在無名可以使用嘛???
  • 無名不行耶...

    bluegirl73623 於 2009/07/20 13:56 回覆

  • llovexml
  • 我帶走了 謝卸
  • SYN
  • <script type="text/javascript">
    jQuery(document).ready(function($){
    $("h4.box-title").css({cursor:"pointer"}).click(function(){
    $(this).next().toggle("normal");
    });
    });
    </script>
  • voyager0930
  • 謝謝你,經由你這學到了實用的技巧
  • shanongir
  • 哦哦!
    之前也在研究這個說!
    不過因為懶惰所以擱置了....
  • ella308
  • 哈囉,又來兔這裡挖寶了,
    雖然有隱藏成功,可是前台怎麼點都點不開,
    不知道是哪裡有問題,所以就放棄了(泣)
  • ㄚ噗
  • 請問兔兔,
    在css最下面放了.box-text{display:none;} 語法後,
    網誌背景都會變白,側欄也都跑到最下面去,
    該怎麼半?

    你說的隱藏區位也是放在css裡囉?
    要隱藏的才要放編號??
找更多相關文章與討論