無名小站首頁樣式 css 和一些無名的問題(20點!)

Question

問題一
很多人的無名首頁都很精緻漂亮
像下面這些↓↓
http://www.wretch.cc/blog/jjps1010&category_id=7346148
http://www.wretch.cc/blog/colleen6423
我也有去看看別人的css教學
但是怎麼弄都弄不出像上面那種格式
請問誰能教教我怎麼設定呢?
另外可以的話能不能幫我設定一個樣式呢(全部都有的樣式
1.我想要這個背景(背景再捲軸捲動時不會捲動,也就是一直不動)
http://i132.photobucket.com/albums/q9/littlecat7792/34.jpg
2.游標是這種
普通: http://www.chinesefreewebs.com/chiu8356/黑色鍵頭.ani
按到連結上的游標: http://www.chinesefreewebs.com/chiu8356/白色鍵頭.ani
3.我要用的捲軸
用捲軸製作機作的語法:


4.希望風格ˋ格式像上面那二種一樣,另外這是我的空空無名
http://www.wretch.cc/blog/littlecat779
風格就是有點白色&粉色(夢幻的感覺)

問題二
我上面貼過的這個網址↓
http://www.wretch.cc/blog/colleen6423
裡面的音樂播放器是怎麼弄的呢?
可以幫我做一個類似的嗎?
那歌曲要怎麼放進去呢?

以上!
想到我還會再補的~
拜託大家幫幫忙\QAQ/
(不用全部回答也沒關西,但是我載選最佳時我會選擇回答最詳細的人^^

謝謝大家的回答˙ˇ˙
回答有關我上面說的這句↓↓
「另外可以的話能不能幫我設定一個樣式呢(全部都有的樣式」
我是只能不能幫我設計一個無名網誌樣式
然後內容用我上面指定的那些游標ˋ背景ˋ捲軸.....
其他的就做的像我舉出的那二個範例一樣感覺就好
另外游標的連有問題,我重上傳了↓↓
普通的:http://www.hkedcity.net/citizen_files/aa/um/cu8356/myresources/200702/436823/2081751906.ani
移到連結上的:

Answer 1

問題一
下面這些↓↓
http://www.wretch.cc/blog/jjps1010&category_id=7346148
http://www.wretch.cc/blog/colleen6423

回答一
如果想要上面網址裡的樣式可以用下面的方法拿到語法
1.先點選此網頁
2.網頁左上角的"檔案">另存新檔 假設要存在桌面的話
3.到桌面會看到一個新增的資料夾跟網頁
4.點選資料夾 開啟"blog"或"blog.css"
5.把裡面的英文字全部複製起來
6.到自己的網誌
7.點選"樣式管理">修改css樣式表
8.把那整欄的全刪了
9.貼上複製的
10.存檔 回前頁 就可完成
最好先經過版主同意 或跟版主要樣式語法

修改css方法
1.先登入自己的帳號
2.到自己的相簿 點選｛樣式管理 在點選｛修改css樣式｝
3.把原本的的那些語法刪掉再把下面那些語法複製後貼上 (貼在修改css樣式裡)
4.按{存檔}
----------------------------------------
問題二
我想要這個背景(背景再捲軸捲動時不會捲動,也就是一直不動)

回答二
凱哥無名教學http://homepage20.seed.net.tw/web@5/ppkeigo/wretch/
裡有交如何修改語法後
捲軸動背景不動

---------------------------------------------
問題三
按到連結上.普通的游標

回答三
在你的css的最底加下面的語法即可
body{cursor:url("http://www.chinesefreewebs.com/chiu8356/黑色鍵頭.ani")}
a:hover {cursor:url("http://www.chinesefreewebs.com/chiu8356/白色鍵頭.ani
")}
-------------------------------------------

問題四
我上面貼過的這個網址↓
http://www.wretch.cc/blog/colleen6423
裡面的音樂播放器是怎麼弄的呢?
可以幫我做一個類似的嗎?
那歌曲要怎麼放進去

回答四
那種撥放器 叫"多首MP3撥放器"
製作方法:內含有製作過程的教學圖片
http://www.wretch.cc/blog/terisawu&article_id=4712693

2007-07-07 11:36:36 補充：
下面那位回答
看不太懂
這也算回答呀

Answer 2

http://www.wretch.cc/blog/tankmimy12

以上是我的無名小站^^

可以參考看看~!!!

有問題也可以留言唷><

Answer 3

基於 colleen6423 的:

HTML { SCROLLBAR-FACE-COLOR: #fcfcfc; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; SCROLLBAR-ARROW-COLOR: #000; SCROLLBAR-TRACK-COLOR: #000; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; SCROLLBAR-BASE-COLOR: #fcfcfc}

#text { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; SCROLLBAR-FACE-COLOR: #fcfcfc; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; SCROLLBAR-SHADOW-COLOR: #fcfcfc; COLOR: #000; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; SCROLLBAR-ARROW-COLOR: #000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #000; FONT-FAMILY: verdana,arial; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; BORDER-RIGHT-WIDTH: 0px}

BODY { MARGIN-TOP: 10px; FONT-SIZE: 10px; BACKGROUND: url(http://i132.photobucket.com/albums/q9/littlecat7792/34.jpg) #ffffff fixed no-repeat right bottom; MARGIN-LEFT: -300px; CURSOR: url('http://www.hkedcity.net/citizen_files/aa/um/cu8356/myresources/200702/436823/2081751906.ani'); COLOR: #000000; FONT-FAMILY: arial}

INPUT { BORDER-RIGHT: #666 0px solid; BORDER-TOP: #666 0px solid; FONT-SIZE: 10px; BACKGROUND: #000000; BORDER-LEFT: #666 0px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #666 0px solid; FONT-FAMILY: verdana, arial}

#container1 { BACKGROUND-IMAGE: none; MARGIN: 0px auto; WIDTH: 600px; POSITION: relative; BACKGROUND-COLOR: transparent}

#banner { FONT-WEIGHT: normal; BACKGROUND: no-repeat left bottom; FONT-STYLE: normal; HEIGHT: 80px}

#pageheader { HEIGHT: 64px}

#pageheader H1 A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; FONT-SIZE: 0.6em; LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 440px; COLOR: #cc3300; PADDING-TOP: 20px; POSITION: absolute; TOP: 0px; HEIGHT: 44px; TEXT-DECORATION: none}

#pageheader .description { FONT-SIZE: 12px; RIGHT: 5px; POSITION: absolute; TOP: 40px}


2007-07-08 10:47:02 補充：
#pageheader #description2 .description { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; RIGHT: 5px; PADDING-BOTTOM: 0px; WIDTH: 730px; COLOR: #fff; PADDING-TOP: 0px; FONT-FAMILY: arial; POSITION: absolute; TOP: 55px; TEXT-ALIGN: right}

#main2 { OVERFLOW: hidden; HEIGHT: 450px}

2007-07-08 10:49:38 補充：
#content { SCROLLBAR-FACE-COLOR: #fcfcfc; FLOAT: right; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; OVERFLOW: auto; WIDTH: 400px;

2007-07-08 10:50:05 補充：
SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; SCROLLBAR-ARROW-COLOR: #000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #000; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; SCROLLBAR-BASE-COLOR: #fcfcfc; HEIGHT: 440px; BACKGROUND-COLOR: transparent}

2007-07-08 10:54:10 補充：
.date { BORDER-RIGHT: #ff6699 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND: transparent no-repeat right center; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #ff6699 1px solid; COLOR: #ff6699;

2007-07-08 10:54:30 補充：
BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff6699; BORDER-BOTTOM: #ff6699 1px solid; FONT-STYLE: normal; FONT-FAMILY: verdana; LETTER-SPACING: -0.1em; TEXT-ALIGN: left}

2007-07-08 10:55:04 補充：
.blogbody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}

.articletext { BORDER-RIGHT: #ff6699 1px solid; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ff6699; BORDER-LEFT: #ff6699 1px solid; BORDER-TOP-STYLE: none}

2007-07-08 10:55:39 補充：
.articletext .title { MARGIN-TOP: 0px; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: verdana}

.articletext .innertext { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 170%; PADDING-TOP: 10px; FONT-FAMILY: arial}

2007-07-08 10:56:09 補充：
.articletext .extended { PADDING-RIGHT: 10px; FONT-SIZE: 10px; MARGIN: 0px; FONT-FAMILY: arial; TEXT-ALIGN: right}

2007-07-08 10:56:26 補充：
.posted { BORDER-RIGHT: #ff6699 1px solid; PADDING-RIGHT: 10px; FONT-WEIGHT: normal; FONT-SIZE: x-small; PADDING-BOTTOM: 5px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #ff6699 1px solid; COLOR: #ff6699; BORDER-BOTTOM: #ff6699 1px solid; FONT-STYLE: normal; FONT-FAMILY: arial; TEXT-ALIGN: right}

2007-07-08 10:57:13 補充：
.trackback-url { PADDING-BOTTOM: 10px}

.total-comments-div { MARGIN-TOP: 0px; FONT-SIZE: 10px; BACKGROUND: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: arial}

2007-07-08 10:57:56 補充：
.total-comments-div .trackbacks-head .comments-head { BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 7px; BORDER-BOTTOM: #ffffff 1px solid}

2007-07-08 10:58:47 補充：
.total-comments-div .comments-bottom .comments-head { BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 14px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #ff4f4d; PADDING-TOP: 10px; FONT-FAMILY: arial; BORDER-RIGHT-WIDTH: 0px}

2007-07-08 11:00:24 補充：
.total-comments-div .comments-body { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}

.total-comments-div .comments-body .comments-post { TEXT-TRANSFORM: uppercase; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px dotted; HEIGHT: 20px; TEXT-ALIGN: right}

2007-07-08 11:00:50 補充：
.comments-post IMG { VISIBILITY: hidden; WIDTH: 17px}
.postemail { BACKGROUND: url(http://pic.wretch.cc/icon/hyli/useroffer/imlydia_red_only/49.gif) no-repeat 50% 80%}
.postweb { BACKGROUND: url(http://pic.wretch.cc/icon/hyli/useroffer/imlydia_red_only/37.gif) no-repeat 50% 90%}
#text { WIDTH: 400px}

2007-07-08 11:01:41 補充：
#links { SCROLLBAR-FACE-COLOR: #fcfcfc; FLOAT: right; BACKGROUND-IMAGE: none; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; OVERFLOW: auto; WIDTH: 200px;

2007-07-08 11:02:04 補充：
SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; SCROLLBAR-ARROW-COLOR: #000; PADDING-TOP: 10px; SCROLLBAR-TRACK-COLOR: #000; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; SCROLLBAR-BASE-COLOR: #fcfcfc; HEIGHT: 440px; BACKGROUND-COLOR: transparent}

2007-07-08 11:02:36 補充：
.sidetitle { BORDER-RIGHT: #ff6699 1px solid; PADDING-RIGHT: 10px; BACKGROUND-POSITION: center center; PADDING-LEFT: 18px; FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND-color:transparent; BORDER-LEFT: #ff6699 1px solid; COLOR: #ff6699; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff6699;

2007-07-08 11:02:58 補充：
PADDING-TOP: 3px; BORDER-BOTTOM: #ff6699 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; FONT-FAMILY: arial; HEIGHT: 23px; TEXT-ALIGN: right}

2007-07-08 11:03:33 補充：
.side { BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: #ff6699 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 15px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ff6699 1px solid;

2007-07-08 11:03:54 補充：
BORDER-TOP-COLOR: #ff6699; LINE-HEIGHT: 170%; PADDING-TOP: 10px; BORDER-BOTTOM: #ff6699 1px solid; FONT-FAMILY: arial; BACKGROUND-COLOR: transparent}

2007-07-08 11:05:10 補充：
.calendar { FONT-WEIGHT: normal; FONT-SIZE: 10px; BACKGROUND: #fff; MARGIN-BOTTOM: 10px; WIDTH: 200px; FONT-FAMILY: verdana,arial; color:#ff3366;}

2007-07-08 11:05:27 補充：
.calendartable { BACKGROUND: #000000}
.calendarhead,.calendarhead A { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial}
.calendarweek { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: arial}

2007-07-08 11:05:50 補充：
#boxProfile .boxProfile1 .side .boxProfileImg,#boxProfile .boxProfile1 .side SELECT,.total-comments-div .comments-body FORM IMG,#boxDate,#scupioSearch,#boxRssList { DISPLAY: none}
#boxSlideShow { DISPLAY: block}
#SlidePicTitle { WIDTH: 100px}

2007-07-08 11:06:30 補充：
.syndicate { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}

2007-07-08 11:06:42 補充：
.powered .powerlogo IMG { DISPLAY: none}
.powered .powerlogo { DISPLAY: block; BACKGROUND: url(http://pic2.pic.wretch.cc/photos/17/y/yk811/15/1403422509.jpg); WIDTH: 109px; HEIGHT: 45px}
.powered A:hover { BACKGROUND: none transparent scroll repeat 0% 0%}
.total-comments-div .powered IMG { HEIGHT: 1px}

2007-07-08 11:07:06 補充：
#footer { BACKGROUND: no-repeat left top; HEIGHT: 25px}
#banner A,#banner A:link,#banner A:visited,#banner A:active { FONT-SIZE: large; COLOR: #ff6699}
#banner A:hover { FONT-SIZE: large; COLOR: #ff3366}
.description { FONT-WEIGHT: normal; FONT-SIZE: small; FONT-STYLE: normal}

2007-07-08 11:07:37 補充：
A:link,A:visited,A:active { FONT-SIZE: 10px; COLOR: #ff6699; FONT-FAMILY: arial; TEXT-DECORATION: none}
A:hover { FONT-WEIGHT: bold; CURSOR: crosshair; TEXT-DECORATION: none}
.title { FONT-SIZE: small; COLOR: #ff6699; FONT-STYLE: normal}

2007-07-08 11:07:54 補充：
.innertext { FONT-WEIGHT: normal; FONT-SIZE: small; COLOR: #ff3366; FONT-STYLE: normal}
.side form input { color:#ff6699; background:#ffccff; }
.side, .powered { color:#ff6699; }

Answer 4

Q : 1.
很多人的無名首頁都很精緻漂亮
像下面這些↓↓
http://www.wretch.cc/blog/jjps1010&category_id=7346148
http://www.wretch.cc/blog/colleen6423
我也有去看看別人的css教學
但是怎麼弄都弄不出像上面那種格式
請問誰能教教我怎麼設定呢?
另外可以的話能不能幫我設定一個樣式呢(全部都有的樣式

A : 可以套用預設的樣式 有些格式比較特別
首先按樣式管理 → 在「選擇樣式分類」下面最右邊的「是否開放修改」選開放 然後可以慢慢挑你喜歡的格式( 不是背景喔! )再用網誌設計小幫手修改背景就可以了 : D
「另外可以的話能不能幫我設定一個樣式呢(全部都有的樣式」
這個我看不太懂耶 可不可以解釋清楚一點~~?@@
--------------------------------------------------------------------
Q : 2.
我想要這個背景(背景再捲軸捲動時不會捲動,也就是一直不動)
http://i132.photobucket.com/albums/q9/littlecat7792/34.jpg

A : 是要幫忙做嗎@@?如果要幫忙做的話可以用即時通告訴我:) ( love_smile_min )
如果想自己做的話 就
去網誌設計小幫手(如果是空白的就再按一次重新整理)→整體設定→在背景圖片網址上貼上「http://i132.photobucket.com/albums/q9/littlecat7792/34.jpg」 →選擇不重複→背景圖片移動選擇不移動就不會隨著捲軸上下跑來跑去囉 :D → 調位置 (可以把上面的小幫手拉上去一點 看起來位置比較準確 就在調左右捲軸的下面一點就可以往上拉了) 然後調好後再把小幫手拉下來 之後到小幫手最下面按存檔就好囉 ~
--------------------------------------------------------------------
Q : 3.
游標是這種
普通: http://www.chinesefreewebs.com/chiu8356/黑色鍵頭.ani
按到連結上的游標: http://www.chinesefreewebs.com/chiu8356/白色鍵頭.ani

A : 要用游標的話
到「修改css樣式表」的body { 裡面貼上「cursor:url(http://www.chinesefreewebs.com/chiu8356/黑色鍵頭.ani);」就是瀏覽網頁時的箭頭
然後再到a:hover { 裡面貼上「cursor:url(http://www.chinesefreewebs.com/chiu8356/白色鍵頭.ani);」就是當你移到連結上的箭頭
--------------------------------------------------------------------
Q : 4.
我要用的捲軸
用捲軸製作機作的語法:
(略)

A : 就請你到 body { 貼你的捲軸語法

就不用貼囉~!
--------------------------------------------------------------------
Q : 5.
4.希望風格ˋ格式像上面那二種一樣,另外這是我的空空無名
http://www.wretch.cc/blog/littlecat779
風格就是有點白色&粉色(夢幻的感覺)

A : 不太懂欸 ~ 你是說色系淡淡的這樣嗎 ? 那你到網誌設計小幫手去改類似這樣的色系 可以參考這樣的色系 : http://163.32.170.15:81/html/modules/mylinks/visit.php?cid=1&lid=15 這是比較乾淨的色系
--------------------------------------------------------------------
Q : 6.
我上面貼過的這個網址↓
http://www.wretch.cc/blog/colleen6423
裡面的音樂播放器是怎麼弄的呢?
可以幫我做一個類似的嗎?
那歌曲要怎麼放進去呢?

A : 因為我自己本身也不太會~ 抱歉@@
不過我有幫你找了相關的製作教學~
懶人用撥放器: 　http://tw.knowledge.yahoo.com/question/?qid=1006121009957

撥放器教學 : 　http://www.wretch.cc/blog/cgjlovesky&article_id=7714297
可以參考看看哦 @@~

我本來用我原本的帳號回答 結果又自己刪掉了XD只好用這個帳號XD超烏龍(奔)

Answer 5

我只能依照我知道的回你
因為我不是很厲害...
如果你真得要問
那你可以在你覺得不錯的網誌
留言他們....


另外
那個音樂播放器
是語法的...
你可以上語法的網站找得這些
http://homepage13.seed.net.tw/web@3/keigo1119/wretch/
凱歌無名教學
http://www.lthung.net/
雄之網站
http://dye.mychat.to/
染布坊
http://java0231.ezdn.cc/
語法圖書館

Answer 6

那個音樂盒是蘋果屋提供的
那是自製音樂盒放很多首歌的
如果你覺得自己做太累
不彷用別人做好現成的
你可以到我無名文章找一下
我網誌有分享很多東西

游標我說明一下
CSS修改語法：

body{cursor:url("游標網址")}/*移到網頁時
的滑鼠游標*/
a:hover {cursor:url("游標網址")}/*移到
超連結時的滑鼠游標*/

如果你原來的cursor　default;
像後面有default;記得改掉
因為那是原本游標的英文

捲軸的部份
你去找無名樣式有背景有捲軸套用
再改掉它原本背景

我網誌有分享一些有的沒的
不該有的也有
有其它問題可以來問我

http://www.wretch.cc/blog/hsing1988

希望有解決你的問題

Answer 7

太多問題了拔...(昏)

企抗抗教學拔~窩在這裡學抖^^

＊http://homepage13.seed.net.tw/web@5/ppkeigo/wretch/index.htm
(Keigo-凱哥's 無名相簿語法(CSS+Html)教學)