1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
此處為說明，勿放到語法中否則會造成錯誤

這個語法因為新按鈕是暴力生成上去的，所以有些要注意的點：

1.這個語法會讓噗串篩選區原本的按鈕變成一直都是展開狀態，原因是因為新按鈕是從別區產生過來的，沒辦法跟原本的按鈕一起滑動展開。

2.河道高度會被設為固定，可自行設定想要的高度，這樣才能讓原本的按鈕所在的位置是固定的，新按鈕才能去配合這個位置。

3.需要在自介中先放好連結，新按鈕實際上是從自介的連結挪過去製作的。

4.按鈕數量總共三處要設定，修改時記得檢查

5.按鈕數量修改時可能需要跟著修改語法中【新按鈕：上下位置】處，新按鈕在5個以內(包含5個)可以無視此處。

6.這個語法是製作給預設樣式的河道使用，若河道語法較多可能會讓新按鈕位置歪掉，可到下面這個噗詢問修改。
https://www.plurk.com/p/ob2ctr

=============================

/*新按鈕：預先設定其他處（必須）*/
#dashboard_holder, #plurk-dashboard .dash-group-left, #plurk-dashboard .dash-segment { position:unset; }

/*新按鈕：河道高度（必須）*/
#timeline_holder { height:570px!important; }

/*新按鈕：主體*/
#about_me a:nth-of-type(-n+2) {
	/*注意：上方-n加上的數字是連結的數量，底下也要跟著改，另兩處記得一起修改*/

	/*這些勿動*/ position:absolute; display:block; left:16px; text-align:center; z-index:6000;
	/*河道高度*/ margin-top:570px;
	/*按鈕圓角*/ border-radius:5px;
	/*按鈕顏色*/ background:#ffffff;
	/*文字顏色*/ color:#色碼;
	/*可刪除：文字顏色可能不需要設定，噗浪預設佈景色中大部分連結顏色跟按鈕字色是一樣的*/
	/*按鈕寬度*/ width:119px;
	/*按鈕高度*/ line-height:25px;
	/*透明度*/ opacity:0.8;
}
/*新按鈕：指上時透明度改變*/
#about_me a:nth-of-type(-n+2):hover {
	/*注意：上方-n加上的數字是連結的數量，另兩處記得一起修改*/

	/*透明度*/ opacity:1;
}

/*新按鈕：上下位置*/
/*有幾個按鈕就留幾個，多的可刪除，需要更多可照規律自行往下新增*/
/*規律：第一個圓括弧處中的數字為第幾個按鈕、後面的括弧最後一個數字為第幾個按鈕-1的數字*/
#about_me a:nth-of-type(1) { top:calc(-4px - 31px * 0); }
#about_me a:nth-of-type(2) { top:calc(-4px - 31px * 1); }
#about_me a:nth-of-type(3) { top:calc(-4px - 31px * 2); }
#about_me a:nth-of-type(4) { top:calc(-4px - 31px * 3); }
#about_me a:nth-of-type(5) { top:calc(-4px - 31px * 4); }

/*篩選區固定開啟(因新按鈕是從別區產生過來的，沒辦法一起滑動展開)*/
#filter_tab a { height:25px; margin-top:6px; }

/*篩選區留位置給新按鈕*/
#filter_tab { margin-bottom:calc(31px * 2); }
/*注意：上方31乘上的數字是按鈕的數量，另兩處記得一起修改*/