[ 噗版大變身 ] 文字的基本設定－marcusq5rhjb@outlook.com

曼布韋文翻譯

/*
   噗版名稱：類型二
   編寫者：66660000
   配景圖起原：photo by Be Myself Inc. M0
   原始碼出處：Be Myself Inc. M6
*/

/*------------------------------------------------------*/

/*
   畫面佈景：全頁面佈景 黑底色
*/

body翻譯社 html
{
   background:#000;
}

/*
   時間軸主題：河流上的配景圖
*/

#timeline_holder
{
   background:#000 url(http://farm6.static.flickr.com/5283/5204194142_568b454e42_o.jpg) repeat-x; /*圖片程度反複*/
   border-top:0px solid #ccc !important;
   border-bottom:0px solid #ccc !important;
}

/*
   埋沒噗浪生物
*/

#dynamic_logo ,#logo img {filter:alpha(opacity=0); opacity: 0;zoom:1;}
img#creature {filter:alpha(opacity=0); opacity: 0;zoom:1;}

/*
   時間顯示
*/

#timeline_bg .day_bg .div_inner翻譯社   /*底*/
#bottom_line
{
   filter:alpha(opacity=33) !important;opacity:0.33 !important;zoom:1;    /*透明度*/
}

.day_start .bottom_start, .day_start .div_start翻譯社   /*字*/
#timeline_bg .bottom_start , .bottom_end,
#time_show span
{
   color:#fff !important;
   font-size: 10px !important;
}

#time_show    /*每則噗對應的時候自力底色*/
{
   background:#000 !important;
   border:0 !important;
}

/*
   主控台主題 去掉背景
*/

div#dashboard_holder   /*發噗區+資訊區*/
{
   background:none;
}

div#plurk-dashboard   /*資訊區全區底圖*/
{
   background:none;
   border:0 !important;
}

#pane_plurk,   /*Plurk-搜索區塊*/
#pane_search
{
   background:#808080;   /*底色淺灰*/
   border:0 !important;
}

#toggle_tab li.tt_selected /*正選*/
{
   background:#808080 !important;     /*底色淺灰*/
   border:0 !important;
   color:#444 !important;
}

/*
   輸入欄位
*/

textarea#input_big_private翻譯社 /*發送私密噗視窗*/
textarea#input_big_private.content,
textarea#input_big,
textarea#input_permalink,
textarea#input_big.content
{
        height:60px;     /*加高高度設60*/
        filter:alpha(opacity=70) !important;opacity:0.7 !important;zoom:1;    /*透明度*/
}

典範二.png

-- 規範二的語法練習 -- （也是一樣，請一段一段測驗考試，看清晰各部分的變化 ^^）

在上篇版面根蒂根基的練習訓練過後，熟習了根基佈景項目，華頓翻譯公司們可以試著進一步驟整文字的字型與顏色，

我們可以藉由調劑文字的根基設定，來指定利用喜好的字型、字的巨細和同一的貫穿連接色彩：

請在本來的語法後，加上下面的CSS內容：

而且替換看看字的巨細和色彩等設定，來找出最合適本身的文字樣式吧

在這個版型中，輸入區賜與灰底色：

- - 典範二 - -

每則噗的時候.png

-- 本來的預設佈景 --

然後可以得出

典範二.png

試著改變個中的值，像是字型" "中可以換成中文的「微軟正黑體」或是「新細明體」，

/*
   文字設定
*/

a,a:link,a:visited翻譯社 a:active    /*貫穿連接文字*/
{
   color:#aaa !important;     /*字色彩*/
   text-decoration:none !important;   /*不加底線*/
   outline:0 !important;   /*消弭貫穿連接虛線框*/
}

a:hover   /*滑鼠移至結果*/
{
   color:#888 !important;     /*字色彩*/
   text-decoration:underline;    /*加底線*/
}

body.language-large-font,   /*語言字型*/
.language-large-font #top_login,
.language-large-font #footer翻譯社
.language-large-font .small,
.language-large-font .tooltip_cnt,
.language-large-font .direct-l
{
   font-size:12px;      /*字巨細*/
   font-weight: regular;
   text-transform:normal;
   letter-spacing:0.02em;   /*字元間距*/
   font-family:"Helvetica Neue", Helvetica, Meiryo翻譯社 Arial; /*字型*/
}