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;
   }
 

好像就這些要改的吧@@

arrow
arrow
    全站熱搜

    小無 發表在 痞客邦 留言(17) 人氣()