無名個人資料的CSS

Question

最近看到一個人的名片樣式，
產生一些疑問，
網址：http://www.wretch.cc/user/fly1129

問題1：

一般網頁捲軸都會跑在最外圍的邊緣，

但是它的捲軸卻是在特定的框框內也有一定長度，

我知道隱藏外圍側邊和下面的捲軸CSS語法，

可是我不知道怎麼把捲軸弄到特定的位置或框框

請問要怎麼以CSS去設定捲軸位置和長度？

問題2：

一般看到的連結都是用文字來連結，

可是它的連結是圖案，

滑鼠移過去還會有灰色的反白，

類似flash

我想問的是，

怎麼把原本醜醜的文字連結用css隱藏？

我想換成自己做的圖案連結要怎麼用css放上去？

而且還能連到特定目標網址﹝如圖案上寫相簿就連到相簿﹞

再來就是它滑鼠移過去的特效 ，是怎麼用的？

-----------------------------------------------------------------

誠心盼望由能夠駕馭css的高手來回答，

我的問題很多，

可惜點數最高最高只能給20點，

小女子有心想學css,


希望有人可以完整的回答我的每個問題，


感恩不盡。

非常感謝 Ming用心的回答

問題1已經解決了

但是這兩個問題還是不懂耶..

1.怎麼把原本醜醜的文字連結用css隱藏？


2.我想換成自己做的圖案連結要怎麼用css放上去？

Answer 1

以妳所題範例為例： CSS 在
http://pic37.pic.wretch.cc/photos/14/f/fly1129/files/user.css?1175793384回答一：她中間放了個 DIV

DIV {
overflow: auto; /*設定畫面超過預設長度就會出現*/
background:none; /*背景不顯示*/
left: 190px;width:530px;height: 430px;top:100px; /*距左間隔; 寬; 高; 距頂間隔*/
position: absolute; /*絕對定位*/
scrollbar-face-color:#FFFFFF;scrollbar-track-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-Color:#FFFFFF;scrollbar-arrow-color:#000000;scrollbar-shadow-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;}

回答二：老實說，她沒有改完，在我看來還是未完成品─
font.small-c a { /*連結，比較正確的是 font.small-c a:link */
display: block; /*聯結以塊狀顯示，用來站空間*/
font-size: 0pt; /*把字的大小設成 0 點字就不見了*/
width: 20px;
padding-left: 10px;
text-align: right;
height: 600px;}

font.small-c a:hover { /*調整滑鼠移過去時的行為*/
background-color: #f7fdf2; /*背景色*/
background-image: none; /*她沒有放背景，所以滑鼠移過去就是一片而不是圖*/
background-repeat: repeat; /*背景重複否*/
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
color: #228920; }


這種 CSS 基本上是術語上叫滑門 (slide door)的變種。就是給一張圖，該張圖有包含滑鼠「滑入前」「滑入後」在同一張圖上均勻分布於不同位置，然後滑入後就跳到那滑入後那部份的開始點。這種的好處是圖不會因為網路速度關係，每次滑出滑入都要跟遠端伺服器要圖形。
比較成熟的商業站像這樣：

http://www.marinaplasticsurgery.com/

看 procedures, photo gallery, fly in surgery, article / video / news 這幾個部分。人家字並沒有藏起來，只不過移到瀏覽器看不到的地方。這種作用是方便搜尋引擎找 CSS 圖上的字。

不懂再問。


2007-04-14 12:38:08 補充：
1.怎麼把原本醜醜的文字連結用css隱藏？

咦？我不是回答了？一種方法是連結文字設為 0 pixel，就是自小到訪問者看不見，代碼用紅字寫了。另一種你要去看那個商業站，人家是用所謂「偏離法」就是把字設在超過瀏覽器邊框。

2007-04-14 13:06:06 補充：
2.我想換成自己做的圖案連結要怎麼用css放上去？

我也有在代碼裡註解清楚。看不懂？簡化一點：

font.small-c a:hover { /*調整滑鼠移過去時的行為*/
...;background-image: url('[妳的圖網址]'); ...}

Answer 2

jolin大大問的問題都有深度耶
恰巧我也很好奇，
贊助你