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

2014-09-07 11:54 pm
問題蠻多的感謝回答得大大

-

1.#banner {
height:300px;
background:url(圖片網址);
}
這段語法是上面插入圖片的那個地方
我想問問 怎麼把它移到旁邊去 ..
靠左靠右我都試過 但就是移不動
可以教我要加上什麼嗎?

2. 以前無名的側欄是公告版位還是網頁描述那個?
還有怎麼把網頁描述那個變大 移位置?

3.怎麼把下圖的那個地方變成文字然後改位置?
http://i.imgur.com/QJ6j4LJ.png

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

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

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

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

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

-

不好意思問題很多 感謝回答
更新1:

回Moku第1問題已解決不過我想問 怎麼把部落格的標題移位置呢? 第2.6解決了 其他的不夠打我打下一個

更新2:

第3個他原本是打#navigation { position:absolute; top:315px; right:40px; width:270px; height:35px; background:#fff url(http://pic.pimg.tw/pixnetvisual/7b50563db8d70081580c27a1f139cdc8.gif); -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-ra

更新3:

然後把 background:#fff url(http://pic.pimg.tw/pixnetvisual/7b50563db8d70081580c27a1f139cdc8.gif); 刪掉那個部份就會不見 那要直接把那段改插入文字的就好嗎?

更新4:

第4的部分我不太懂 我要插入的圖片是 > http://i.imgur.com/NY0HD5Q.png 請問要怎麼打?

回答 (6)

2014-09-08 8:53 pm
✔ 最佳答案
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,若是沒有改動的話應該是 #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:pixnet-css去廣告語法彙整
可以參考看看

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‘);
}
.more a {
display:block;
width:263px;
height:73px;
visibility:hidden;
}

我也沒試過所以可能不會成功.. 不行再告訴我吧。
參考: W3School, Evan‧A‧D‧E的網誌, 痞客邦CSS模板架構圖
2014-09-21 1:48 am
到下面的網址看看吧

▶▶http://qoozoo201409150.pixnet.net/blog
2014-09-12 4:15 pm
這家不錯 lv333。cC買幾次啦真的一樣
佾儭勜咋
2014-09-09 6:33 pm
【亞洲36588合法彩券公司直營 官網: A36588.NET 】

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

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

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

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

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

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

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

【亞洲36588合法彩券公司直營 官網: A36588.NET 】
2014-09-08 5:05 pm
這里很不錯aaashops。com老婆很喜歡
勛净佛
2014-09-08 4:49 pm

[痞客邦 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 補充:

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


收錄日期: 2021-05-02 11:08:35
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20140907000010KK02400

檢視 Wayback Machine 備份