主題

今天你噗浪沒？

—— | 2009-08-30 22:53:04 | 巴幣 0 | 人氣 1805

．變更字型大小
此外，你是否也會覺得噗浪的字型太小呢？
此時你只要在的「編輯」→「自訂外觀」的地方，
將下列的語法複製到CSS自訂個人頁面框框中，
就可以透過修改第二行的「font- size: 10pt; 」來更改字型大小。
. list {font- size: 10pt; letter- spacing: 0. 05em; font- family: verdana; }
. plurk_ cnt {font- size: 10pt; letter- spacing: 0. 05em; padding: 0. 1em;
font- family: verdana; line- height: 18px; line- width: 30; }
#input_ small { height: 80px; }
textarea #input_ big. content { height: 80px; wrap oft}
td. td_ cnt textarea { height: 100px; }

/ * 2009/ 07/ 02 */
.list . plurk_ cnt .td_qual {  /* 暱稱列 */
overflow:visible;
position:absolute;
width:auto;
}

.list . plurk_ cnt .td_cnt . text_ holder { /* 回應內容區 */
margin- left:1em;
margin- top:1em;
padding:0.5em;
width:auto !important;
}
/* 把回應內容區裡的表格改成固定寬度的layout */
.list table {
table- layout:fixed;
}
/* 暱稱區寬度固定為35%, 淡灰底色；超出寬度的部份會消失(hidden) */
.list .td_qual  {
width:35% !important;
border- right: 2px solid #dddddd;
background: #dddddd;
overflow: hidden;
}
/* 游標移入暱稱區時寬度變成60% */
.list .td_qual:hover {
width:60% !important;
position: absolute;
}
/* 游標移至暱稱的文字連結時，顯示超長部份 */
.list .td_qual .name:hover {
overflow: visible;
width: 60% !important;
}
/* 把暱稱三角形按鈕往右移，以免蓋到修飾詞 */
. cmp_ tooltips- down {
left:30px;
position:absolute;
}
.plurk_box .plurk_cnt {
border-bottom: 1px solid #D0B9A3;  /* 增加分隔線 */
font-size:120%;
line-height:18px;
}
.plurk_box .list {
height:300px;  /* 加大視窗高度 */
}
/ * = = = = = = = = = = = = = = = = = = = = = = = = = = = =
* 以下是自訂變更Plurk的樣式修改
* 作    者：簡睿 http: / / jdev. tw/ blog/ tag/ plurk
* 版權宣告：歡迎取用與修改，但請提及http: / / jdev. tw/ blog
* V1. 0 2009/ 07/ 04
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/
/* 1.把噗裡最下方的輸入框高度放大成70px */
textarea #input_ small { height: 70px; font-size:20px;}
/* 2.網頁下方的大輸入框高度放大成70px */
textarea #input_ big.content { height:70px; font-size:20px; wrap:soft}
/* 3.噗的編輯框高度放大成100px */
td.td_cnt textarea { height:100px; }
/* 4.把自己的照片變小，以免嚇到人 :-) */
#profile_ pic {
width:64px; height:64px;
}
/* 5.隱藏右方的怪物圖示，忘了是由那個網站引用來的 */
#dynamic_ logo { opacity:0;filter:alpha(opacity=0);zoom:1 }
/* 一整個噗是類別為plurk_box的區域(div)，其內有list類別區域，
* list 即為"最近的 plurk 回應："以下的回應區域，
* 每個回應都有plurk_cnt類別。plurk_cnt類別裡有一個table
* 左邊表格td_qual放暱稱和修飾詞，右邊表格td_cnt放回應內容。
*/
/* 6.把回應區的高度放大為300px，以容納更多的回應 */
. plurk_ box .list {
height:300px;
}
/* 7.把列距放大成1.5倍，行跟行間的垂直空間會變大 */
.list . plurk_ cnt  {
line- height:150%;
}
/* 8.每個回應的下方加淡藍色的分隔線; solid是實心線,可以換成下列不同的線：
*   dotted=點點,dashed=折線
*/
.list . plurk_ cnt tr {
border- bottom: 1px solid lightblue;
}
/* 9.把回應內容的字體放大1.4倍，適合像我一樣的老人家 */
.list . plurk_ cnt .td_cnt {
font-size:140%;
}
/ * 10. 游標經過的回應區，將其背景變成淡藍色，如果要設文字顏色的話，
加上下列指令:
color: navy ! important;
*/
.list . plurk_ cnt :hover {
background- color:lightBlue;
}
/* 11.將特定噗的獨立頁面的輸入框的高度放大成100px */
textarea #input_ permalink.content {
height:100px;
}
/* 12.讓暱稱在獨立一列; 請注意：IE有點異常，暱稱經常會消失 */
.list . plurk_ cnt .td_qual {
overflow:auto;
position:absolute;
width:auto;
}
.list . plurk_ cnt .td_cnt . text_ holder {
margin- left:1em;
margin- top:1em;
padding:0.5em;
width:auto !important;
}
/ * 13. 噗的回應數目字改成白色. 如果你的河道底色是淺色則請改成深色，
如 color: black */
. response_ count { color:white;}
/* 14.把游標所在位置的回應時間往左移120px */
. response_ time .holder+div img {
left:-1200px;
position:fixed;
}
. response_ time .holder {
left:-120px;
position:relative;
}

按我安裝佈景主題
按我安裝佈景主題