前往
大廳
主題

今天你噗浪沒?

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

.變更字型大小
此外,你是否也會覺得噗浪的字型太小呢?
此時你只要在的「編輯」→「自訂外觀」的地方,
將下列的語法複製到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;
}

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

創作回應

Joe
跟其他網站的CSS語法有些微的不同呢!
2009-08-31 02:21:21
——
不懂CSS,看不出來有什麼不同。
2009-08-31 21:52:51
小白喵
嗚....感覺好複雜

我是阿呆ˊˋ 我不懂
2009-08-31 02:46:27
——
我只是備份自己要的部分,
直接在空白地方複製貼上就好了。
2009-08-31 21:56:58
莫失莫忘-水霝
0.0

說不定哪天我連巴哈都不上了...
2009-08-31 17:25:44
——
噗浪字數太少了,我還是會用巴哈的。
告訴我你的帳號吧!
2009-08-31 21:58:21
子曦
0.0的確是...
這東西意外的好玩呢
2009-09-01 01:31:43
——
對啊!好多人都不玩部落格了,很多名人也有玩耶!
2009-09-01 22:56:00
Joe
多了plurk這幾個字
2009-09-06 02:16:18
——
是哦!
2009-09-06 22:17:52

更多創作