有關css語法設定的一些小問題 - 部落格

※ 引述《FrankYoshi (法蘭克耀西)》之銘言：
: 1. 在輔大猴的部落格中（網址：http://www.wretch.cc/blog/fjumonkey）
: 部落格版面上banner處，當滑鼠滑過時會出現下拉式的選單
: 例：滑過NEWS的地方，有居氏物語購物去、部落格導覽以及輔大猴超連結顯示
: 請問這種CSS語法，或是HTML語法，應該如何設定？

看他的原始檔，似乎是在網誌描述中插入一個iframe
感覺只有金卡vip才能使用的樣子

: 2. 請問什麼書或網頁裡，有無名小站中，所有網頁頁面裡的選擇器的名稱？
: 例：＃banner、.side、small-c....所對應的位置

這個可以google網頁之翼
該網站的作者曾經是無名BBS的BLOG板板主
CSS單元的附錄有無名網誌樣式結構表

不過如果你對HTML的<div>和<span>
以及id、class之類的東西有概念的話
也能自己從檢視原始檔中找到相對應的

或是利用firefox一些專門針對編輯CSS而設計的外掛
像是Web Developer或firebug

: 3. 在有設定背景圖片的情形下，有辦法任意插入圖片嗎？
: 還是一個區塊只能有一個背景圖片呢？

是的~1個區塊只能1個背景圖唷
不過背景圖和背景顏色可以同時存在

: 4. 在無名網誌中，如何正確的插入html語法

無名網誌支援html的地方有：
1. 網誌描述（印象中有字數限制，非會員好像是100個）
2. 文章當中（記得切換編輯器至純文字or原始碼html狀態）
3. 新增資料夾後→連結管理→連結名稱的欄位

但因為無名很小氣，並不是任何html都ok
尤其是3那個地方，只有<img>比較不會出現鬼打牆問題

: 或是網路上是否有說明清楚的圖文教學網頁呢？
: 我在設計的過程中，不知是什麼位置設定出錯，往往跑不出預期的效果
: 例如：我的名片處，我希望利用語法嵌入個人大頭貼圖片
: 因此在 修改個人名片 → 標題 的空格處

不清楚你說的這個地方是哪...
但我想放大頭貼的話應該不用這麼麻煩
應該會有個地方直接讓你從電腦上傳or從相簿裡挑

: 嘗試加入<img src=" 圖片上傳存檔的位置 " >

語法基本上是沒有錯，不過以下三種因素會造成語法失敗

1. 圖片路徑的結尾不是圖片格式副檔名
像是.jpg .gif .bmp .png之類的
最好是直接在圖案按右鍵→內容，複製其中的網址比較不會出錯

2. 放圖片的空間不支援外連
比方說無名相簿的圖片用在無名OK，但用在其他地方就跑不出來
這樣就叫不支援外連

3. 你key in語法的地方本身不支援html
像有些人就會把HTML放在樣式表裡，這是不一樣的東西orz

: 但是經多次嘗試，卻未顯示出期望的效果
: 希望各位版上高手不吝給予指導，謝謝~~ ^____^

--