會員登入
新使用者？立即註冊
.
服務首頁|服務說明|Yahoo!奇摩.知識+ 首頁
知識分類
電腦網路
科學常識
醫療保健
煩惱心事
生活資訊
手機通訊
休閒嗜好
視聽娛樂
運動體育
社會人文
商業金融
教育學習 .如何做
煩惱
主題知識
.我要發問 發表 我要發問 ..熱門： 新年賀詞 人民幣定存 過年禁忌 壓歲錢由來 過年吃什麼 主題 金蛇報喜，大過好年 用手機上知識+ .知識搜尋 ....知識+ 首頁> 電腦網路> 網站技術> 語法特效 加入追蹤 轉寄朋友 友善列印 .知識問題|
FC2部落格語法問題(15點). 發問者： ∫ 剎熙× ﹍ ( 初學者 2 級)
發問時間： 2011-11-13 18:07:42
解決時間： 2011-11-26 13:43:40
解答贈點： 175 ( 共有 80 人贊助 )
回答： 1 評論： 0 意見： 4
[ 檢舉 ]
網友正面評價
100%
.共有 100 人評價.誰會修改FC2樣式語法？？？
我雖然修改的差不多了...
可是我遇到問題了 (汗顏)
這是我的FC2：http://summersmile0.blog.fc2.com/
問題一：背景無法透明化，誰可以敎我怎樣把背景用透明？？？
問題二：圖片也沒辦法置中，誰可以敎我？？？
問題三：那邊我框起來的小圖要換？我想換成會動的，誰可以敎我？？？
這是別人的FC2：http://bcnr5368.blog126.fc2.com/blog-category-4.html
他的樣式就是我想要的，如果可以的話希望會的人可以敎我。
謝謝！！！最佳解答發問者自選
.. 回答者： *･ஐﻬღLouis Vuittonღﻬஐ･* ( 知識長 )
擅長領域： 懷孕 | 語法特效
回答時間： 2011-11-24 23:37:40
[ 檢舉 ] .Dear ∫ 剎熙× ﹍ ～
我先說明〔問題三〕喔！首先，進入〔管理頁面〕→ 按下左側『工具』選項中的『上傳文件』→ 從您的電腦資料夾中選擇要使用的 gif 動態圖檔按下〔上傳〕→ 圖檔完成上傳後會出現在頁面下方 → 滑鼠對著圖片按右鍵「內容」複製圖片網址。
～ 圖片上傳方法請見下圖 ～
接著進入〔設定樣板〕→ 按鍵盤上的〔F3〕尋找 #sidemenu2 .sidemenu_body li，找到以下CSS：
#sidemenu2 .sidemenu_body li {
background-image: url(http://templates.blog.fc2.com/template/present_box/parts.gif);
background-repeat: no-repeat;
background-position: 0 -1102px;
padding: 10px 0px 5px 30px;
text-align:left;
}
http://templates.blog.fc2.com/template/present_box/parts.gif ← 您現在使用的這一張圖片，是運用 CSS Sprites 技術，把六個小圖示 → 合併成一個圖片元件，再以CSS定位控制每一個小圖示出現的位置。
這裡您要這樣改：把上傳的圖片網址取代 background-image: url( ); 括弧內的圖片網址，再刪除 background-position: 0 -1102px; 這一行定位語法（如上CSS標示紅字的部分）。
我以這一張 → gif 動圖為例，修改後結果如下模擬畫面：
小圖示的寬、高尺寸建議不要超過 32px 唷！倘若圖片距離文字太近，您可以修改這一行語法 padding: 10px 0px 5px 30px; 中的 30px，此數值越大，文字就越往右移。
至於〔問題一〕和〔問題二〕，檢視圖片因為您目前 FC2 的樣式與題目所附圖片不符，所以無法教您如何修改！不過，假如希望如題目所附範例 FC2 一樣的透明背景效果的話，圖片必須放在 body：
body {
background: url(背景圖片網址) no-repeat fixed;
}
而不是像您現在放在 #header { } 唷！另外，文章欄位和側欄位的透視背景效果，並非使用透明屬性語法，而是欄位的背景圖片是儲存為含透明度的 .png 格式所產生的透明效果。
我就以題目所附範例 FC2 所使用的欄位背景圖片做說明。請在您的CSS找到以下語法：
.sidemenu_body {
background-color: #FFFFFF;
background-image: url(小上框);
background-repeat: no-repeat;
background-position: left top;
padding-top: 20px;
width: 200px;
overflow: hidden;
}
把它改成：
.sidemenu_body {
background: url(http://blog-imgs-15.fc2.com/b/c/n/bcnr5368/main_w.png) no-repeat;
padding-top: 20px;
width: 200px;
overflow: hidden;
}
再找到以下CSS：
.sidemenu_body .plg_header,
.sidemenu_body .plg_body,
.sidemenu_body .plg_footer {
margin-top: 3px;
margin-right: 10px;
margin-left: 10px;
background-color: #FFFFFF;
}
刪除 background-color: #FFFFFF;！最後再找到以下CSS：
.content {
text-align: left;
background-color: #FFFFFF;
padding: 0 10px 20px;
}
把它改成：
.content {
text-align: left;
background:url(http://blog-imgs-15.fc2.com/b/c/n/bcnr5368/main_w.png);
padding: 0 10px 20px;
}
～ 所得結果如下模擬畫面 ～
慢慢研究吧！希望對您有所助益～ ^＿^
相關詞：
面試問題,沒問題先生,楓之谷的問題,星座 血型個性問題,今晚哪裡有問題,windows live communications platform發生問題 必須關閉 謹此致歉,感情問題,報稅問題,婆媳問題,數學問題
問題,語法,FC2,部落格,圖片,背景,修改,CSS Sprites 技術,上傳,汗顏[ 快速連結 ] 其它回答( 0 ) | 意見( 4 ) | 評論( 0 )
.發問者評價 謝謝你！敎的很詳細呢！ .此則問答評價已達100人
你的評價 發表評價： 正面 普通 負面
評價內容： 發表 取消
.
加入追蹤 轉寄朋友 友善列印 .馬上按讚 加入 Yahoo! 奇摩 知識+ 粉絲團
•免費索取商英光碟+小書
•多益700分線上測驗題庫
•立即免費測試你的多益等級
•英文email超實用金句！
•測你在旁人眼中的英文力？
•多益700分線上測驗題庫
相關問答
[ 數據通訊 ]WiFi 上網問題
.
[ 中國文學 ]問題小說???@@”
.
[ 網路社群 ]問題過期如何把點數給最佳解?
.
[ 其他 ]贍養費問題~
.
[ 網路服務 ]棄置問題／未處理
.
[ 網路服務 ]知識+問題
.
更多
.其他回答(0)
意見(4)
相關評論(0)
.目前沒有資料
001 意見者： 耀 ( 初學者 5 級 )
發表時間： 2011-11-13 20:01:07
[ 檢舉 ] ..http://bcnr5368.blog126.fc2.com/template/cfdn_13/style.css
他的樣式 直接拿他的改比較快吧 ... 002 意見者： 奇摩部落格-伊妃 ( 初學者 2 級 )
發表時間： 2011-11-18 15:46:55
[ 檢舉 ] ..沒有經過同意任意更改是不好的行為歐OAO".. 003 意見者： *･ஐﻬღLouis Vuittonღﻬஐ･* ( 知識長 )
擅長領域： 懷孕 | 語法特效
發表時間： 2011-11-24 23:41:08
[ 檢舉 ] ..如果看不到圖片，請按〔Ctrl〕+〔F5〕直到圖片出現為止，謝謝。 004 意見者： 唐寧街十號 ( 知識長 )
擅長領域： 中國文學 | 升學考試
發表時間： 2012-06-14 20:50:17
[ 檢舉 ] ..第一零一個問答評價 感謝知識長的回答
每一題 都是心血的結晶 1 發表意見發表意見字數已達上限，要改成發表評論嗎？. 發表 取消 .
目前沒有資料 我要評論 註冊
會員登入 .公告： 知識團員轉粉絲全數完成 .
HOT! 拍賣 | 奇美19吋 雙核筆電 無線網卡 .
.刊登贊助網站•吉帝-澳門自由行7500贈美食
www.ggogo.com
暢遊澳門3天！入住葡京，體驗奢華賭城+葡式風情，再贈雙美食饗宴！
www.ggogo.com
•網頁設計製作-請洽群廣資訊
www.twinkle.com.tw
輕鬆擁有完美網站！提供專業網頁設計、程式設計等，絕佳視覺規劃，客戶好評推薦！
www.twinkle.com.tw
•桃園網頁設計-請洽大山科技
www.cloudweb.com.tw
14年網路服務經驗，結合專業技術和美工設計，非市面套版，打造專屬風格網站！
www.cloudweb.com.tw
•網頁設計超簡單-雲密架站
www.wunme.com
不需專人，隨時更新，一年只要1000元，購物2000元，全功能免費試用30天
www.wunme.com
•運籌會議電子化管理租用服務公司
www.enjoy-seminar.com.tw
我們提供線上報名、線上刷卡、代收報名費、線上投稿、線上審稿等服務。
www.enjoy-seminar.com.tw
•博全網頁設計-專業網站客製化
www.phd.com.tw
網頁設計、公司、購物網站、會員系統、資料庫程式、搜尋優化是我們強項 (竹北)
www.phd.com.tw.最新語法特效
發問中
已解決
.誰會製作動態樂果 請進請進 20點 需要 很急
求一首歌的歌名
FB生日不顯示年齡 (20點)
舒淇 一生所愛 mp3音樂語法
TouchPal 鍵盤手寫
更多
無名播放器問題！ 請問無名相簿音樂要怎麼用? 怎麼改face book登入畫面 怎麼換~"電腦"的滑鼠游標??(不是無名....等)~20點 請問這首歌的歌名 更多
精選關鍵字
..符號 軟體 無名 特效 超連結 樂果 LOGO 播放 水波 漸層 語法 跑馬燈 上傳 游標 版型 Flash 部落格 音樂盒 素材 貼紙 時鐘 背景 樣式 閃字 特殊 版面 飄落 換頁 JavaScript 欄位
.知識搜尋 ...雅虎資訊 版權所有 (c) 2013 Yahoo! Taiwan. All Rights Reserved. 「本服務設有管理員」
服務條款隱私權政策..知識+ 之問答內容是由參與Yahoo!奇摩知識+ 之網友提供，僅供參考，Yahoo!奇摩不保證其正確性。
...
.
phibrainno1 發表在 痞客邦 留言(0) 人氣()
留言列表
