赫然間出現很多CSS文章~因為不想再全部貼在一起啦,文章又長又亂
這次來說說關於捲軸
看了別人套用我的樣板,發現會有奇怪的空白,原來是因為設定顯示的篇數少
所以既沒有捲軸,高度又被鎖定啦orz
所謂的捲軸生成呢,就是在CSS中設定某區域的高度(height),外加overflow設定成自動(auto)
當內文超過設定的高度時,捲軸就跑出來了
當初我還有加上區域寬度的設定(width: 230px;)是因為不想要捲軸擋到底圖
像使用火狐等不支援捲軸顏色設定的瀏覽器,就會變得很難看~
設定寬度後,就可以把捲軸擠到底色上~
似乎預設不要捲軸比較符合眾人的使用習慣(?)好像會像我這樣設定成99篇最新回應的人不多XD
所以改成回應列有捲軸的自行下載改修改吧~
=============================================
修改的地方是這裡,有興趣自行改成適合自己的可以參考
div.boxNewComment1 .side {
width: 230px; /*縮短*/
/* height: 480px;
overflow: auto; 隱藏高度和OVERFLOX*/
text-align: right;
padding: 0px 35px 0px 25px;
font-size: 10px;
}
=============================================
這是有捲軸的樣子
CSS語法如下
div.boxNewComment1 .side { /*最新回應的內容區*/
width: 250px;
height: 480px;
overflow: auto; /*可以生出捲軸*/
text-align: right;
padding: 0px 35px 0px 25px;
font-size: 10px;
}
這邊是整個CSS(TXT純文字文件,9.40KB)
=============================================
另外,想要自己改變捲軸顏色的人,線上有很方便的機器人會生XD
用神G搜尋『捲軸生成』、『捲軸產生』等關鍵字吧:)
P.S. 才剛通宵打DDR等pixnet系統維護好,沒想到相片上傳還是有問題啊orz
上傳了後,在管理介面看不到,但是相簿區又會顯示XD
這次來說說關於捲軸
看了別人套用我的樣板,發現會有奇怪的空白,原來是因為設定顯示的篇數少
所以既沒有捲軸,高度又被鎖定啦orz
所謂的捲軸生成呢,就是在CSS中設定某區域的高度(height),外加overflow設定成自動(auto)
當內文超過設定的高度時,捲軸就跑出來了
當初我還有加上區域寬度的設定(width: 230px;)是因為不想要捲軸擋到底圖
像使用火狐等不支援捲軸顏色設定的瀏覽器,就會變得很難看~
設定寬度後,就可以把捲軸擠到底色上~
似乎預設不要捲軸比較符合眾人的使用習慣(?)好像會像我這樣設定成99篇最新回應的人不多XD
所以改成回應列有捲軸的自行下載改修改吧~
=============================================
修改的地方是這裡,有興趣自行改成適合自己的可以參考
div.boxNewComment1 .side {
width: 230px; /*縮短*/
/* height: 480px;
overflow: auto; 隱藏高度和OVERFLOX*/
text-align: right;
padding: 0px 35px 0px 25px;
font-size: 10px;
}
=============================================
這是有捲軸的樣子
CSS語法如下
div.boxNewComment1 .side { /*最新回應的內容區*/
width: 250px;
height: 480px;
overflow: auto; /*可以生出捲軸*/
text-align: right;
padding: 0px 35px 0px 25px;
font-size: 10px;
}
這邊是整個CSS(TXT純文字文件,9.40KB)
=============================================
另外,想要自己改變捲軸顏色的人,線上有很方便的機器人會生XD
用神G搜尋『捲軸生成』、『捲軸產生』等關鍵字吧:)
P.S. 才剛通宵打DDR等pixnet系統維護好,沒想到相片上傳還是有問題啊orz
上傳了後,在管理介面看不到,但是相簿區又會顯示XD
文章標籤
全站熱搜

謝謝你~又解決我的問題了XDD
不客氣:)
要如何將回覆者的.by xxx更改顏色,因為我的最新回覆文章和後面的回覆者顏色都一樣,我要如何修改,謝謝!感激不盡...
被回覆的文章標題(ex. Re: 最新回應的捲軸CSS設定) 是超連結文字 回應者(ex.,by Priscilla (Sep 6)) 則是一般的文字設定 預設一般的文字沒有單獨設定,所以用到上一階層的設定.side {color: #fff;} 超連結文字設定在div.boxNewComment1 a {}和.boxNewComment1 a:hover {} 想單獨設定一般文字,就在div.boxNewComment1 .side {}內加上color吧:) (我說得很沒條理XD 看得懂嗎XD )
謝謝你的回覆 但是我還是看不懂我的css 沒關係... 我看我暫時不去想這個問題@@ 不奢求囉^^3Q
我試出來了^^ 但不是在那個語法裡 不曉得我的語法和別人的不太一樣 但還是多謝你的分享 讓我多學到一樣東西
不好意思沒幫上忙囉! 一種效果可以用很多種語法表現,就像是一朵花有很多畫法一樣 而我的CSS又有點小麻煩(只有自己方便XD) 像是有些看似標題文字的底圖,其實是在整個大區域的背景,不重複+靠上對齊罷了