痞客邦css語法問題(20點)

問題蠻多的感謝回答得大大

-

1.#banner {

height:300px;

background:url(圖片網址);

}

這段語法是上面插入圖片的那個地方

我想問問 怎麼把它移到旁邊去 ..

靠左靠右我都試過 但就是移不動

可以教我要加上什麼嗎?

2. 以前無名的側欄是公告版位還是網頁描述那個?

還有怎麼把網頁描述那個變大 移位置?

3.怎麼把下圖的那個地方變成文字然後改位置?

http://i.imgur.com/QJ6j4LJ.png

(ps:第一題說的地方是我框起來的地方上面的那個圖片)

4.怎麼把繼續閱讀的地方變成圖片?

5.怎麼把上面的 跳到主文 部落格全站分類:電玩動漫 用掉?

6.可以把廣告隱藏起來嗎?

7.網頁描述那可以加上捲軸嗎?

-

不好意思問題很多 感謝回答

Update:

回Moku第1問題已解決不過我想問 怎麼把部落格的標題移位置呢?

第2.6解決了 其他的不夠打我打下一個

Update 2:

第3個他原本是打#navigation {

position:absolute;

top:315px;

right:40px;

width:270px;

height:35px;

background:#fff url(http://pic.pimg.tw/pixnetvisual/7b50563db8d7008158...

-webkit-border-top-left-radius:5px;

-webkit-border-top-right-radius:5px;

-moz-border-radius-topleft:5px;

-moz-border-ra

Update 3:

然後把

background:#fff url(http://pic.pimg.tw/pixnetvisual/7b50563db8d7008158...

刪掉那個部份就會不見 那要直接把那段改插入文字的就好嗎?

Update 4:

第4的部分我不太懂

我要插入的圖片是 > http://i.imgur.com/NY0HD5Q.png

請問要怎麼打?

6 Answers

Rating
  • 6 years ago
    Favorite Answer

    1.要把banner移到旁邊去的語法:

    #banner {

    position:absolute;

    top: ?px;

    right: ?px;

    bottom: ?px;

    left:?px;

    }

    要移動div得先設定position,position可以是relative(以先前位置為準), absolute(以母元素(parent element)為準), fixed (以電腦螢幕為準)還有一個static預設,比較少用到。然後top, right, bottom, left代入要移動的數就行,比如說left:200px;就表示左邊有200px的空格,所以東西就會往右移200px。

    詳細可以參考

    http://www.w3schools.com/css/css_positioning.asp

    2. 以前無名的側欄是公告版位還是網頁描述那個?

    額 應該是公告版位吧? 我記得網頁描述只是在無名標題下面? 不太清楚,很久沒用無名了

    還有怎麼把網頁描述那個變大 移位置?

    #banner h2{

    display: block; /*把網頁描述區塊化*/

    position: relative; /*位置為相對位置*/

    width: ?; /*這邊輸入你想要的寬度,記得要加入單位(px或%)*/

    height: ?; /*輸入你要的高度*/

    top: ?; /*輸入你要的位置*/

    bottom: ?;

    left: ?;

    right: ?;

    }

    3.怎麼把下圖的那個地方變成文字然後改位置?

    http://i.imgur.com/QJ6j4LJ.png

    參考http://pic.pimg.tw/pixnetvisual/1187010393.gif%EF%... #navigation,這個應該是視情況而定(因為我也沒看到原始碼),但是要是我的話會先找到原始碼裡面的#navigation,然後整個刪掉後重打.. 因為原始設定就是文字。改位置的話就跟上面那些position還有top...etc是一樣的方法。

    4.怎麼把繼續閱讀的地方變成圖片?

    .more {

    background-image:url(’/*圖片網址*/‘);

    }

    .more a {

    visibility:hidden;

    }

    以上可能還需要把.more a調整到和圖片一樣大,這樣才可以整個圖片都超連結。

    5.怎麼把上面的 跳到主文 部落格全站分類:電玩動漫 用掉?

    #banner #blog-category {

    display:none;

    }

    6.可以把廣告隱藏起來嗎?

    這個我曾經試過但沒成功,不過剛剛在網上找了下發現了這個:

    http://evanade.pixnet.net/blog/post/29040251-note%...

    可以參考看看

    7.網頁描述那可以加上捲軸嗎?

    #banner h2{

    overflow:scroll;

    }

    2014-09-09 15:50:52 補充:

    部落格的標題移位置:

    部落格標題是 #banner h1,所以:

    #banner h1 {

    position:?;

    top:?;

    ...以下省略

    }

    2014-09-09 15:53:33 補充:

    第3的話若是連圓邊都不想要的話可以把background以下全部刪掉 (那些webkit和moz),不然的話刪掉background應該就行了

    2014-09-09 15:57:57 補充:

    第四語法應該可能也許如下,祝你成功 ((太不負責任了啊喂!!

    .more {

    background-image:url(’http://i.imgur.com/NY0HD5Q.png%E2%80%98);

    }

    .more a {

    display:block;

    width:263px;

    height:73px;

    visibility:hidden;

    }

    我也沒試過所以可能不會成功.. 不行再告訴我吧。

    Source(s): W3School, Evan‧A‧D‧E的網誌, 痞客邦CSS模板架構圖
  • Anonymous
    6 years ago

    到下面的網址看看吧

    ▶▶http://qoozoo201409150.pixnet.net/blog

  • Anonymous
    6 years ago

    這家不錯 lv333。cC買幾次啦真的一樣

    佾儭勜咋

  • Anonymous
    6 years ago

    【亞洲36588合法彩券公司直營 官網: A36588.NET 】

    ◎ 最新活動→迎接新會員,首存狂送20%

    ◎ 運動→NBA、MLB、日本職棒、中華職棒、冰球、足球、網球、彩球、拳擊、賽馬

    ◎ 電子→水果盤、中國美人、極限飆速、趙雲救主、西遊記、金瓶梅、英雄、7PK、5PK

    ◎ 對戰→麻將、暗棋、軍棋、吹牛、十三支、德州撲克、大老二、鬥地主、妞妞、接龍

    ◎ 現場→ 百家樂、龍虎、21點、輪盤、手臂、番攤、牛牛、骰寶、牌九

    ◎ 彩球→大樂透、今彩、BingoBingo、Keno、北京賽車、六合彩

    ◎免費服務 →電影區、討論區、KTV歡唱、運動轉播、即時比分、24H客服

    【亞洲36588合法彩券公司直營 官網: A36588.NET 】

  • How do you think about the answers? You can sign in to vote the answer.
  • 6 years ago

    這里很不錯aaashops。com老婆很喜歡

    勛净佛

  • 6 years ago

    [痞客邦 PIXNET 面版樣式(CSS) 設定]

    [隨意窩 Xuite 面版樣式(CSS) 設定]

    建議利用Firefox "檢測元素" 找出 id ,

    將不想出現的元素 "隱藏", 例如

    #banner {

    height:0px;

    display none;

    }

    再利用側欄來替換 "圖片".

    Q.隱藏 [部落格/相簿/名片/留言版]

    Ans:

    #navigation { display:none; font-size:0px; }

    註: 可在 "自訂欄位" 中利用 "圖片"+"超連結" ,

    將 [部落格/相簿/名片/留言版] 修改成個人風格

    2014-09-08 08:50:25 補充:

    [Firefox 免安裝 異空]

    2014-09-08 08:53:15 補充:

    [如何在 "文章" 或 "自訂欄位" 插入 "超連結網址"]

Still have questions? Get your answers by asking now.