close
噗浪的「河道」和「時間軸」，也都是可以修改的。
#timeline_holder #timeline_cnt #time_show {background: transparent; }
#timeline_holder #timeline_cnt .day_start {background: transparent; }
#timeline_holder 河道、時間軸等
原始的設定噗浪背景往往都是把這幾樣分開來設定背景，
假如想要取消河道背景來使用整張的網頁背景，或者消除一些框框線，就看這段了～！
不懂的話其實也可以稍微用英文猜猜看功能。
/*------------------河道、時間河道底色圖案-------------------*/
#timeline_holder {
/*background-image: url(河道背景圖網); 河道背景語法。在這邊我註解、取消掉背景*/
/*background-color:#000;河道背景顏色 河道背景顏色，在這邊註解掉*/
background-repeat: no-repeat;/*河道背景不重複*/
background: transparent;/*河道背景透明*/
border:0; /* 噗浪河道上下邊的邊寬，這邊設定成0，就可以沒有框框了*/
}/*河道table*/
/*------------------河道、時間河道底色圖案-------------------*/
#timeline_holder {
/*background-image: url(河道背景圖網); 河道背景語法。在這邊我註解、取消掉背景*/
/*background-color:#000;河道背景顏色 河道背景顏色，在這邊註解掉*/
background-repeat: no-repeat;/*河道背景不重複*/
background: transparent;/*河道背景透明*/
border:0; /* 噗浪河道上下邊的邊寬，這邊設定成0，就可以沒有框框了*/
}/*河道table*/
#timeline_holder #timeline_cnt #time_show {background: transparent; }
#timeline_holder #timeline_cnt .day_start {background: transparent; }
/*時間軸上的一個個「時間標籤」*/
#timeline_holder #timeline_bg .bottom_start , .bottom_end {
background:transparent;/*讓時間標籤的背景透明*/
color:#fff;/*時間軸上時間標籤的文字顏色*/
background:transparent;/*讓時間標籤的背景透明*/
color:#fff;/*時間軸上時間標籤的文字顏色*/
font-size:10px;/*時間軸上時間標籤時間字大小*/
}/*時間軸上的一個個「時間標籤」*/
/*每個噗浪的框框*/
#timeline_holder table td {
/*滑鼠移過噗浪時顯示的時間框外層，*/
.evening,.night,.day,.morning{
background: transparent;/*取消背景*/
border:0;/*取消邊框*/
}/*滑鼠移過噗浪時顯示的時間框外層*/
}/*時間軸上的一個個「時間標籤」*/
/*時間軸*/
#timeline_holder #bottom_line {
background: transparent;/*時間軸變透明*/
border: 0px solid #fff;/*時間軸上面那條線的顏色*/
}/*時間軸table*/
#timeline_holder #bottom_line {
background: transparent;/*時間軸變透明*/
border: 0px solid #fff;/*時間軸上面那條線的顏色*/
}/*時間軸table*/
/*河道最前方，跟著「今天」的框框*/
.day_bg .div_inner{background: none; border: none;font-size:20px; }/*「今天」的長形框框*/
.day_start, .day {font-weight: normal;}/*把「今天」字改變字體*/
.day_start .bottom_start, .day_start .div_start {
margin-top: -20px;
margin-left: 12px;
text-align: left;
}/*調整「今天」兩字的位置*/
/* Today, yesterday, 2 days ago etc text on actual time line area */
/*河道最前方，跟著「今天」的框框*/
#timeline_holder table td {
border-radius: 8px;
/*設定框框內層圓角，不作用於IE瀏覽器*/
-khtml-border-radius: 8px;
-moz-border-radius:8px 8px 8px 8px;/*每個噗浪的框框，設定成邊角圓形（mozilla瀏覽器）*/
-webkit-border-radius: 8px;/*每個噗浪的框框。設定成邊角圓形*/
color:#000000;
background: transparent;
border:none;
}/*每個噗浪的框框*/
}/*每個噗浪的框框*/
.evening,.night,.day,.morning{
background: transparent;/*取消背景*/
border:0;/*取消邊框*/
}/*滑鼠移過噗浪時顯示的時間框外層*/
.evening,.night{
background-position:-65px 0;/*背景位置*/
background: transparent;/*取消背景*/
border:0;/*取消邊框*/
}/*滑鼠移過噗浪時顯示的時間框，*/
background-position:-65px 0;/*背景位置*/
background: transparent;/*取消背景*/
border:0;/*取消邊框*/
}/*滑鼠移過噗浪時顯示的時間框，*/
/*滑鼠移到噗浪時，出現的時間標籤內層*/
#time_show span {
color: #000;/*滑鼠移到噗浪時，出現的時間標籤字體顏色*/
padding-left: 20px;/*時間字偏移距離*/
padding-bottom: 3px;/*時間字偏移距離*/
}/*滑鼠移到噗浪時，出現的時間標籤內層*/
#time_show span {
color: #000;/*滑鼠移到噗浪時，出現的時間標籤字體顏色*/
padding-left: 20px;/*時間字偏移距離*/
padding-bottom: 3px;/*時間字偏移距離*/
}/*滑鼠移到噗浪時，出現的時間標籤內層*/
#time_show span {} 如下圖
background: transparent;
讓河道背景變成完全透明。
假如只想變透明一點，可以改用 filter: alpha(opacity=60); opacity: 0.8;
#timeline_holder table td { }
每個噗浪的框框。就是下圖的黑色部份
border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius: 8px;
目前不作用於IE瀏覽器，google chrome可作用。
但這只是框框內層（td），所以不要這段也可以，可以設定在table層內。
NOTE:
.evening,.night,.day,.morning{}
.evening,.night{)
兩者的關係我還弄不明白。
全站熱搜
留言列表
戲劇 (3)
