English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย
所有分類

下面有一個pixnet的blog做的很漂亮,

http://blog.pixnet.net/neomi
要怎麼做才能像這位大大一樣將不會用到的連結刪除呢?
例如首頁申請帳號、會員服務專區、登入之類的

然後跟一般的部落格分格的格式也不一樣、
這種部落格要怎麼做到分三欄呢
最上面又多了一列可以選擇
除了一些原本部落格提供的東西還新加了一些自己要的東西

可以請CSS的高手教導一下嗎:D

2007-09-16 06:09:18 · 1 個解答 · 發問者 Anonymous in 電腦與網際網路 程式設計

非常謝謝Ming的意見^^

對不起我還是不太懂,可以麻煩您說明的詳細一點嗎?

2007-09-19 14:14:14 · update #1

1 個解答

要完整答案的話得稍等 (我還在寫)。快速答案:

1. 首頁申請帳號、會員服務專區等等都是圖,他把那些從原本的貼到網誌描述裡頭,以靜態圖形超聯結方式。

2. 三欄中兩欄是原本的,第三欄 (最右邊) 絕對定位。

2007-09-20 00:59:54 補充:


1.
1.1. 把所有需要的連結剪下貼到記事本。例如登入連結是

http://www.pixnet.net/index.php

1.2. 製作你要給使用者看的連結代表圖形──他那一排都是圖不是字,你用滑鼠反選擇便知。還有你如果有英文系統的話,那排字正常的會隨語系變換,他的不會。
1.3. 然後在網誌描述裡頭貼上類似圖形超連結的 html 語法:

...

像他的登入就是





至於滑鼠滑過圖片變色是他有加兩個 onmouseover 與 onmouseout 的事件,這個我不知道你會不會。pixnet 允許用 javascript 所以事情就變得比較簡單。另外,這個滑鼠滑過變圖也有純 CSS 的,有興趣再說。

2.

三欄式語法是 #content 內容左欄,#links 中間, #links #links2 右邊。他有這樣的組成:

#content {
...
height: 470px; //必須指定寬,要不 IE 系列會認為這裡沒有版面
width: 570px; //必須指定高,要不 IE 系列會認為這裡沒有版面
overflow-x: auto; //自動捲軸 X
overflow-y: auto; //自動捲軸 Y
float:left; // 往左浮動
...
}

#links {
...
overflow-x:hidden; // 隱藏超過部分的捲軸
width: 195px; //必須指定寬,要不 IE 系列會認為這裡沒有版面
float:right; // 往右浮動
...
}

#boxNewArticle {
...
position: absolute; // 絕對定位
right:-190px; // 超過右界 -190px
top:50px; // 絕對定位要指定距邊界幾點
width:160px; // 必須指定寬
...
}

#boxNewComment {
...
position: absolute;
right:-190px;
top:330px;
width:170px;
...
}

加其他東西都是跟 1. 類似,把連結手動拷貝到自定資料夾,把原本的藏起來,每次更新就做一次,需要超級勤勞超級有閒外加某種程度的自閉才會去做....

題外話,boxNewArticle 與 boxNewComment 跟 links 與 content 並成一個大捲軸,又要保持你現在三欄版面在 IE6 下會有挺大的問題,我改了半天就是沒作用。勇敢的答題人可以試試。

2007-09-19 20:59:54 · answer #1 · answered by mh 7 · 0 0

fedest.com, questions and answers