噗浪語法的基本結構除了「畫面背景」、「時間軸」及「主控台」外,最主要的呈現噗文內容的區塊,就是時間軸上的每則訊息,我們稱作「浪上的噗」。
閱讀和使用上的需要,如果覺得噗浪預設的字體太小或是間距太擠,甚至字型不美麗,都可以使用自訂語法的欄位來試著調整它。
噗浪原先預設的樣子:
這裡包括展開後的訊息列表,可以發現列表的文字比浪上的噗文還小一級。
使用自訂語法調整字體、字型、文字行距間距和連結樣式後,可以得到不同的呈現:
這個示例所填入的語法內容如下:
/*浪上的噗*/
.plurk_cnt .text_holder
{
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Helvetica", "MS Pゴシック" !important; /*字型*/
font-size: 1.1em !important; /*字體大小*/
font-weight: 400 !important; /*字體粗細*/
letter-spacing: 0.08em !important; /*字元間距*/
line-height: 2em !important; /*行距*/
color: #555 !important; /*字體顏色*/
}
/*連結樣式*/
.plurk a.ex_link, .text_holder a.ex_link,
.plurk a.ex_link:visited, .plurk a.ex_link:active,
.plurk_content a.ex_link
{
color: #007ADE !important;
text-decoration: none !important; /*底線*/
background: none !important; /*底色*/
}
.plurk a.ex_link:hover, .text_holder a.ex_link:hover,
.plurk_content a.ex_link:hover
{
color: #004985 !important;
text-decoration: none !important;
}
在CSS語法中若要加上註記,可以將文字放入 /* */ 這種斜線和星號組成的敘述框中,就不會干擾瀏覽器判讀語法,也能方便自己之後要修改語法對照用。
{ } 裡面就是使用的CSS編寫語句,前面則是該區塊的項目名稱,可以試著更改各個項目之數值和字型選擇,看看會呈現出什麼樣不同的效果,找到最合適自己使用型態的方式。