http://blog.sina.com.cn/lsabela[订阅]
字体大小: 正文
fc2教程(2007-06-03 14:50:45)
 接著是進階教學了~~

                  關於 環境設定の変更

                      

                  1. 進入"環境設定の変更" ..如圖
                  
                  2. 點擊上方 "ブログの設定" .. 如圖

 
                
                  
                  (其他的都使用默認值就可以了 沒必要更改 ==)


                  3. 點擊上方 "禁止設定" ..如圖
                 

                  
                  
                  
                  
                  插件設置 ..

                      

                  1. 點擊左側"插件設置"(プラグインの設定) .. 如圖
                  
                  2. 添加插件 .. 點擊"プラグインの追加"
                                    
3. 點擊"設定の変更"可以自由更改名稱,欄目位置,排列方式(居左 居中居右),還可以自己加註釋和更改html語言^^
                  更改html語言可以在下方"フリーエリア内容の変更" 也可以在上方"HTMLを編集する"
                  
                   
                   
                  那麽我們就可以隨意更改插件欄目的屬性了^^
                  fc2自帶的插件也很多比如評分、排名、聊天室、計數器、天氣預報、搜索等..
                  我推薦幾個常用的^^

                  全記事表示リンク 所有日誌的鏈接頁
                  FC2カウンター 計數器(需再開通)
                  最近のエントリー 最新的日誌
                  最近のコメント 最新的評論
                  最近のトラックバック 最新的TB
                  カレンダー 日曆
                  月別アーカイブ 按月份分類
                  リンク 鏈接
                  プロフィール 自我介紹
                  検索フォーム 搜索
                  RSSリンクの表示 RSS鏈接的表示
                  天気予報 天氣預報
                  メールフォーム 郵件表示樣式

                  フリーエリア 自由區域
                  這個自由區域就是最好用的了 .. 添加什麽稀奇古怪的插件 小水滴寵物植物之類的就用它了^^

                  修改方法就是在"フリーエリア内容の変更"中編輯 .. 具體方式因插件而異
                  我也沒辦法一一地說了 = =

                  
                  
                  
                  FC2模版設置 (初級) ..

                      

                  ① 點擊左側"模版編輯"(テンプレートの設定), 可見頁面如圖 ..
                  
                  ② 可點擊"追加官方模版"(公式デザインから新しくダウンロードする), 再如圖操作 ..
                                    
                  ③ 也可點擊"追加用戶共享模版"(共有デザインから新しくダウンロードする), 再如圖操作 ..
                  
                  根據喜好尋找喜歡的模版 ..這裡有好多模版都超級漂亮的 看多了都流口水 ==
                  
                  
                  
                  模版設置 (進階) ..

                  關於模版的問題.. 好多人問 ==
                  看來大家都卡在這裡了 ..以前高中剛做BO時候也是這樣 ><

                  後臺模版的自由設置裏HTML和CSS分開 ..
                 

                  要全部精通單單這麽講是不可能的 ..融會貫通哦^^

                  建議1.在現成模版裏找到喜歡的框架結構基本確定HTML 再對CSS進行修改
                  建議2.如果對這些都不熟悉 就用Dreamweaver進行修改 ..從基礎開始一點一點學 也不浪費時間的哦^^

                  點擊左側"模版編輯"(テンプレートの設定) → "修正" ..頁面下方如圖 ..
                                     
                   
                  以下是針對有一點基礎的孩子們^^

                  html部分:html框内注意<title>以上部分切勿更改 ==

                  css部分:(建議一點基礎都沒有的孩子先學習Dreamweaver 不然真的會看不懂 ..某duo實在沒辦法從頭講起
                  ..不然都可以去出書了 |||)


                  舉個例子, 我一下所說的在body{}裏就是如下圖的框裏面 ..
                 

                  這樣 基本的模版選擇就完成咯^^

                  
                  
                  . 字體問題 ..

 

                  ①針對輸入中文會出現自行參差不齊的情況,可以把CSS裏的字體設置成
                  font-family:Skia,Hiragino Maru Gothic
                  Pro,Verdana,Arial,Sans-Serif,Osaka;

                  ②字體大小.. 大多中文網頁字體是設置成9pt的對於我們來説看得也比較習慣
                  font-size :9pt;
                  某duo現在用的是百分比 我的bo正文字體是font-size:83%

                  ③字體顔色:所有css語言的color:#xxxxxx都是字體顔色

                  ④字體變形:font-style:normal | oblique(正常 | 斜体)
                  ⑤字體粗細:font-weight:normal | bold | bolder | lighter |
                  number(正常|粗体|特粗|細体)

                  ⑥文本裝飾:text-decoration : none | underline | blink | overline |
                  line-through (正常|閃爍|下劃綫|刪除綫|上劃綫)

                  ⑦行高:line-height:normal | (數值)
                  可以用line-height:2px這樣也可以像我這樣用line-height:1.6(表示設置字體的百分比)


                  2.背景問題 ..

                     

                  ①換完整背景: 在body裏就加入background-image:url(http://******);

                  ** 建議背景圖沒有平鋪的話就設置600*1000像素 ..

                  ②背景圖像是否移動: background-attachment:scroll | fixed (移動|固定)
                  ③背景是否平鋪: background-repeat:repeat | no-repeat (平鋪|不平鋪)

                  ④背景的位置: background-position:0 0; 一般設置成這樣就可以了 ==
                  ⑤背景顔色: background-color:transparent | color數值
                  (transparent是透明,可以用在表格裏很漂亮的哦^^)

 

                  附上部分日中對照表 ==

                  続きを読む   繼續閱讀
                  トラックバック   引用 Trackback
                  コメント   評論
                  ホーム   回首頁
                  前ページ   上一頁 
                  次ページ   下一頁 
                  トップ   回本頁最上方

                  プロフィール   關於我
                  アーカイブ   文章彙集
                  カテゴリー   日誌分類
                  最近のエントリー   最新文章
                  最近のコメント   最新回覆
                  最近のトラックバック   最新引用trackbacks
                  リンク   連結
                  サイト内検索 搜索

                  名前 姓名
                  タイトル   主題
                  メール   EMAIL
                  パスワード   密碼
                  秘密にする   悄悄話


前一篇:FC2的使用教程
后一篇:POQUE注册教程
相关博文
读取中...
推荐博文
读取中...