023 最新回應和文章回到原位.png 
(點圖放大)

 

當初為了時尚、前衛與草莓族藝術(?)把最新文章和最新回應放在X的兩側
微感眼花撩亂,並有顯示篇數限制,所以這邊在放上兩種修改版~
第一種是最新文章最新迴響顯示在右側連結區(如最上方附圖),中規中矩,基本的顯示方法。
第二種是最新文章最新迴響顯示在右側連結區,再加上捲軸(如下方第一張附圖)
讓最新文章和最新迴響就算顯示高達一百篇也沒問題的歡樂懶人版。
配方如下,請服用XD

 

◆ 最新文章與最新迴響顯示在右側連結區            
  PIXNET CSS 痞客幫用樣式:20090421 BlogCss_XJAPAN_2 
  Wretch CSS 無名小站用樣式:20090509 BlogCss_XJAPAN_wretch_2

 

◆ 最新文章與最新迴響 顯示在右側連結區 再加上捲軸     
  PIXNET CSS 痞客幫用樣式:20090421 BlogCss_XJAPAN_3_scrollbar  
  Wretch CSS 無名小站用樣式:20090509 BlogCss_XJAPAN_wretch_3

   

(點圖放大)
024 加上捲軸.png

  

 

關於部落格名稱下方的部落格描述,此樣是預設為置中對齊
假如不滿意自動分段,可以使用分行語法<BR>全形/半形空白調整字元間距與行句等@@

023 最新回應和文章回到原位-2.png

  

 

 

 

 

【以下是雜言與筆記】

無名小站的BANNER已經換好了,把相簿、留言版和名片的連結移回原處。
開啟PSD檔案,發現自己用圖層分開打上英文啊~GJ! 未雨綢繆派上用場XD
因此不用重新畫圖,只要隱藏圖層→壓縮存檔→上傳到相簿→更新CSS背景圖,OK!
從GIF改用PNG-8,檔案更瘦,Loadding可以再省點時間吧~

08 取消APG的設定.png 

 

連結列移回原處時,我除了刪掉早先的css設定,還有加上隱藏語法
  #latest-comment .box-text li a {     
     overflow: hidden;          
  }                     
  #latest-comment .box-text li a:hover { 
     overflow: hidden;          
  }                     

避免有人在回應的第一行貼上網址,英文數字串,系統常會自動判定成單一詞彙而不分行
結果導致跑框。

 

捲軸方面,配色問題,重新設定捲軸顏色(雖然只有ie支援)
垂直高度350px以上將自動生成捲軸。隱藏水平捲軸。

   #latest-comment .box-text {
      height: 350px;
       overflow: auto;
       overflow-x: hidden;

       scrollbar-face-color: #151515;
       scrollbar-highlight-color: #363636;
       scrollbar-shadow-color: #363636;
       scrollbar-3dlight-color: #363636;
       scrollbar-darkshadow-color: #363636;

       scrollbar-arrow-color: #363636;/*三角形*/
       scrollbar-track-color: #000000; /*軌跡*/
       scrollbar-base-color: #000000;
   }
   #latest-comment .box-text a {
   }
   #latest-comment .box-text a:hover {
   }
   #latest-comment .box-text span { /*日期*/
   }
   #latest-comment .box-text li a { 
       overflow: hidden;
   }
   #latest-comment .box-text li a:hover {
       overflow: hidden;
   }

 

 

好像就這些要改的吧@@

 

Posted by smallwu36 at 痞客邦 PIXNET Comments(16) Trackback(0) Hits(790)


open trackbacks list Trackbacks (0)

Comments (16)

Post Comment
  • 好久不見,感謝當時簡訊慰問,我覺得上次的版面很酷!還蠻喜歡那種特殊的設計呢~^^
  • 希望你現在的心情有比較好了:)

    上次的比較特別啊~ 那就換回來吧XD
  • 哇屋 好棒 感謝你喔!!!!!!
  • 不客氣 : )

    smallwu36replied on 2009/05/21 14:48

  • 這次的新樣式是X JAPAN啊~
    雖然我不是很了解X JAPAN,
    不過這個樣式依然是很喜歡XD

    話說"繼續閱讀"的"We Are~"
    我直覺想到的是ONE PIECE耶XDD
  • 頭像帥氣XD!

    One piece 我已經決定等完結再看~ (進度永遠停在CP9 XD)
  • 感謝大大地分享囉~!!

    超好看~!!

    感謝啦~!!
  • 拿嚕 謝^^
  • 謝謝您的分享^^~~套用在我的無名上摟^O^~~感謝
  • 感謝!
  • 謝謝你的分享
    我很愛X JAPAN
    WE ARE X !!
    感謝 !!!!
  • 感謝喔!!
  • 是說,我是來拿改過的版本的XDD
    真的做的很好,而且好用心喔(拇指)
  • ︿︿

    謝拉  我拿走囉   超讚ㄉ   感激不進
  • yeah!! we are X!
  • 謝謝 我帶走摟

    真的很棒
  • 感謝套用^__^
     
    幾個月前做的東西現在還有人要用我很高興 :)

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment