創作內容

18 GP

【推薦】「CSS」自訂版面＆「游標製作」教學　名人列表

作者：莉薇婭莞夢│2007-09-30 06:33:13│巴幣：0│人氣：9687

前言：
　　本文（含連結）是就我所知道的列出來囉。
　　點名字可以到他們的小屋，點分類是直接看他們的教學一欄。
　　編排順序帳號英文順序。
　　如果發現還有哪些高手沒加到，歡迎提供補充ＸＤ
　　（我也要當高手，轉轉～）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　‧藏鏡咪咪(gn6824)
　　部落閣文章分類：【小屋教學】（ＣＳＳ）

　‧雨(hcvseiko)
　　部落閣文章分類：電腦網路（游標教學）

　‧淵(houup)
　　部落閣文章分類：小屋圖文教學（ＣＳＳ）

　‧夏日薔薇(janeyang)
　　部落閣文章分類：CSS教學（ＣＳＳ）

　‧兔(sindsiona)
　　部落閣文章分類：css教學（ＣＳＳ、游標）
　　話說兔大的教學有些在未分類文章中XD

　‧啻異(u4)
　　部落閣文章分類：CSS（ＣＳＳ）

　

喜歡 18 收藏 190 引用 1 留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=950081
All rights reserved. 版權所有，保留一切權利

相關創作

《逆水寒手遊》打造系統基礎介紹｜各職業打造推薦 #WayDE瑋德

【討論】新世代MMORPG的提問討論-回答

留言共 45 篇留言

成小玉：
你變壞了....

09-30 06:38

莉薇婭莞夢：
沒有啊～（笑）09-30 06:46

莉薇婭莞夢：
馬上證明我占篇來是發文的ＸＤ

留言認證密碼：900009-30 07:35

林鴻鈞：
好壞~~~~

09-30 07:45

莉薇婭莞夢：
你好壞＞／／／＜09-30 07:55

Beatrice：
啊~~~~~~被點名了 (羞奔)

--
快破萬了耶
幸運兒最晚明天就誕生了

09-30 09:08

莉薇婭莞夢：
努力~~~
哈哈~09-30 10:55

櫻澤楓：
您真內行。(高手用大拇指)

09-30 09:57

莉薇婭莞夢：
內行@ˇ@!?
您真內行(拇指)09-30 10:56

林鴻鈞：
怎麼又我壞了?

09-30 10:13

莉薇婭莞夢：
學你說的啊@口@09-30 10:56

季鳳儒：
右邊又可以改透明?

09-30 11:33

莉薇婭莞夢：
可以˙ˇ˙09-30 12:00

季鳳儒：
要怎麼改?

我剛才把透明語法弄上

右邊還是白色的><

09-30 12:05

莉薇婭莞夢：
讓我看看你的右邊語法@@
你應該是有設定背景...

因為濾鏡效果有出來
09-30 12:16

季鳳儒：
/*右選單背景底色*/
.post_list{
color:#522f60;/*文字顏色*/
}
.postboxin {
background:url(http://img440.imageshack.us/img440/1829/0151xm1.jpg);
}
.postbox2 {
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線，這讓你改那一條*/
background:#e6cde3; /*也可以放圖片*/
filter:Alpha(opacity=100,finishOpacity=0,style=1);/*透明語法*/
}

幫我看看哪邊要改

09-30 12:19

莉薇婭莞夢：
background:#e6cde3; /*也可以放圖片*/
改成
background:transparent; /*也可以放圖片*/09-30 14:37

林鴻鈞：
我又沒說你壞
XD

09-30 12:45

莉薇婭莞夢：
０。０
那我誤會你了ˊˋ（給你糖糖）

（把糖伊往前送）09-30 14:38

°×糖伊×°：
如語姐姐～～（抱

謎：沒事抱什麼ＸＤ

09-30 14:02

莉薇婭莞夢：
很可愛ＸＤ～09-30 14:38

季鳳儒：
我改完之後
右邊還是白色的><

09-30 14:56

莉薇婭莞夢：
這樣呢↓＠＠？

.postboxin {
background:transparent;
}
.postbox2 {
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線，這讓你改那一條*/
background:url(http://img440.imageshack.us/img440/1829/0151xm1.jpg); /*也可以放圖片*/
filter:Alpha(opacity=100,finishOpacity=0,style=1);/*透明語法*/
}
09-30 15:05

夏日薔薇：
這不是肯德基(地上打滾

09-30 15:25

莉薇婭莞夢：
這本來就不是肯德基＠Ｏ＠
繼續打滾？

妳是名人（指）09-30 15:35

季鳳儒：
還是一樣><

09-30 15:31

莉薇婭莞夢：
你看我的右邊
是用前面跟你說的修改＠＠。。。
把以下的語法整個複製取代原本的「.postboxin」「.postbox2」

.postboxin {
background:none;
}
.postbox2 {
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線，這讓你改那一條*/
background:url(http://img440.imageshack.us/img440/1829/0151xm1.jpg); /*也可以放圖片*/
filter:Alpha(opacity=100,finishOpacity=0,style=1);/*透明語法*/
}

09-30 15:42

莉薇婭莞夢：
要按一下F5重整喔09-30 15:43

淵：
(大驚)妳居然幫我打廣告XD

09-30 15:45

莉薇婭莞夢：
(大驚)
我是整理好屋XD~~~09-30 15:54

季鳳儒：
我有按F5重整

可是我改好就像現在一樣

09-30 15:51

莉薇婭莞夢：
咦，妳的會有語法衝突
我看看
請等一下喔09-30 15:54

莉薇婭莞夢：
月
妳把妳的中間背景語法列出來，就是「DIV」全部09-30 16:00

莉薇婭莞夢：
應該是語法不全的關係
你試試看把以下整個取代你的DIV區
右邊語法以上面的就好不要動

div.left {
background:transparent;
}
div.leftOut1{
background:transparent;
}
div.leftOut2{
background:transparent;
}
div.leftDown {
background:transparent;
}
div.right {
background:transparent;
}
div.rightDown {
background:transparent;
}
div.container {
background:transparent;
}
div.main {
background:transparent;
}
div.mainOut {
background:transparent;
}
div.footer {
background:transparent;
}09-30 16:02

季鳳儒：
/*全板最底背景(2)*/
div.left {
background: none; /*『none』這個字是透明的意思*/
}
div.leftOut1{
background: none;
}
div.leftOut2{
background: none;
}
div.leftDown {
background: none;
}
div {
background: none;
}
{
background: none;
}
divDown {
background: none;
}
div.container {
background: none;
}
div.main {
background: none;
}
div.mainOut {
background: none;
}
div.footer {
background: none;
}

這個嗎??

09-30 16:02

莉薇婭莞夢：
對，看前篇的文取代看看09-30 16:03

莉薇婭莞夢：
我在前一個的回應(汗)09-30 16:04

莉薇婭莞夢：
transparent和none的用法一樣09-30 16:07

淵：
我有個小問題...我有把ID外面的括弧拿掉之後，現在放不回去XD

09-30 16:06

莉薇婭莞夢：
請先這樣做，在語法中使用CTRL+F輸入關鍵字「.banner_t1」
找到後，接著嘗試將：
　　FILTER: Alpha(opacity=0);
　　height:0px;
刪掉，文字會恢復原本的高度不被隱藏。　

如果不能的話請給我您設定「.banner_t1」這邊的語法，有無連結都要。09-30 16:18

莉薇婭莞夢：
話說大大的小屋好像是框框「（）」的顏色太近似背景色，
把下面語法的ＣＯＬＯＲ改深就好＞／／／＜

.banner_t1{
color:#003322; /*無連結效果的文字顏色「( )」*/
}09-30 16:59

季鳳儒：
謝謝你

DIV改過就變透明了

09-30 16:10

莉薇婭莞夢：
不客氣˙ˇ˙09-30 16:18

林鴻鈞：
糖伊是.... 好吃嗎?

09-30 17:10

莉薇婭莞夢：
前面撲抱我的那個糖

你自己問她好不好吃XD09-30 18:13

林鴻鈞：
對了怎麼替換掉
http://pic.bahamut.com.tw/home/logo.gif
這張圖
我想換成別的
http://imagegen.last.fm/basicrt10/recenttracks/linhongjun.gif

09-30 17:15

莉薇婭莞夢：
步驟一【隱藏預設圖】
　　‧找到自定語法中的這部份
　　　　/*-----------------其他共用部分-----------------*/
　　　　/*文章或畫作的縮圖邊框*/
　　‧使用ＣＴＲＬ＋Ｆ，搜尋欄中，輸入關鍵字「.article_pic」
步驟二
　　‧找到語法群組後，修改成下方的樣子，巴哈的預設圖會被隱藏
　　　　.article_pic{
　　　　border:none;
　　　　height: 0px;
　　　　width: 0px;
　　　　}

步驟三【拉寬最新文章的寬度】
　　‧找到自定語法中的這部份
　　　　/*----------------各文章列表區(下方)-----------------*/
　　　　/*最新文章及GP值底色*/
　　‧或使用ＣＴＲＬ＋Ｆ，搜尋欄中，輸入關鍵字「.articlebox」
步驟四
　　‧找到語法群組後，修改ｗｉｔｈ，最新文章的欄位會被拉寬
　　　　.articlebox{
　　　　width:720px;
　　　　}
步驟五
　　‧將背景設定上去（將該背景圖使用成您所要使用的圖片），圖片的位置放在最新文章內文的前半段，
　　　　.articlebox{
　　　　width:720px;
　　　　background-image : url(http://);
　　　　background-repeat:no-repeat;
　　　　background-attachment: fixed;
　　　　background-position:left;
　　　　}
09-30 18:12

莉薇婭莞夢：
步驟六
　　‧使用內文與邊界的距離設定，即可拉開文與圖的距離，
　　　　.articlebox{
　　　　width:720px;
　　　　background-image : url(http://);
　　　　background-repeat:no-repeat;
　　　　background-attachment: fixed;
　　　　background-position:left;
　　　　padding:10px;/*邊框空白10，依所需調整數值*/
　　　　}
【最後】
　　‧形成假象的首圖；因為此時是還有文章的框線存在的，如果您不想要有框線就是將BORDER設定成0PX。
　　　　.articlebox{
　　　　width:720px;
　　　　background-image : url(http://);
　　　　background-repeat:no-repeat;
　　　　background-attachment: fixed;
　　　　background-position:left;
　　　　padding:10px;/*邊框空白10，依所需調整數值*/
　　　　border:0px;
　　　　}
09-30 18:12

林鴻鈞：
好不好吃不是只有你吃過嗎? ^^
要先問好我才決定要不要吃

09-30 18:50

莉薇婭莞夢：
糖伊很可愛應該很好吃
我還沒吃過耶@Q@
09-30 21:27

林鴻鈞：
哈哈搞定了
那個不能讓圖片固定的...

09-30 19:11

莉薇婭莞夢：
是不能呀XD
所以才要調嘛XD09-30 21:28

Forever：
來學習了 ^^"

對了要怎把自己的回文改成別的顏色
(小屋有人反應觀看我的留言都很難看需要反白)

第2問題 Q24032403 (深知)提到
小屋看起來會一半黑一半白
看起來不是很好喔!~
在打字的時候畫面還會一閃一閃的

09-30 19:31

莉薇婭莞夢：
回應1：COLOR改成你要的色碼
/*-------特殊連結-------*//*及屋主文章留言，「看摘要」、「好友新文章連結」*/
.extend{
color:;
}

-------------------------------------
回應2：
我去你家試打，不會一閃一閃的說@_@
如果還是介意的話，把你有設定半透明的濾鏡語法刪掉就可以了
09-30 21:30

米兒軒絲：
謝謝如語的製作 ( 愛心 )

09-30 20:32

莉薇婭莞夢：
沒能十全十美...
雖然半透明感覺不錯，可惜打字時很不順ˊˋ...

謝謝妳的鼓勵唷˙ˇ˙09-30 21:31

淵：
哈哈哈我找到了感謝
妳一講我才發現原來我有調回來XD 只是我忘了改顏色(被打)

09-30 21:10

莉薇婭莞夢：
呵~不客氣>///<
懂了˙ˇ˙//09-30 21:32

林鴻鈞：
還沒來呢沒辦法問喔

10-01 07:26

J i l l ~*：
之前右下的地方因為站方的關係，讓原本設定成透明背景的地方變成白底
現在開放又可以更改了，可是為何我套上之前設定的，還是白底?

下面是右下所有的語法設定，是不是哪裡出問題了?白底不好看>口<

/*右選單大標題圖示*/
.post_title {
background-image:url(http://.gif);
height:60px;
background-position:center;
padding-left: 60px;
padding-right: 30px;
}

/*------小屋統計、個人紀錄的文字顏色-------*/
.home_c1{color:#b448d8;}

/*------部落閤分類、最新留言LINK-------*/
.home_c1 a:link, .home_c1 a:visited{color:#b448d8;}
.home_c1 a:hover{color:#b448d8;}

/*欄位加框*/
li{
background:transparent;
}

/*右下的底圖格式*/
.postboxin {
background:transparent;
}
.postbox2 {
background:transparent;
border:0px;
filter:Alpha(opacity=60,finishOpacity=1,style=0);
}

10-01 09:51

莉薇婭莞夢：
你給我看的右下資料沒問題不過DIV區請修改一下
現在的狀況和「ruby09181985 (公孫月(阿月仔))」前面問的一樣@@

div.left {
background:transparent;
}
div.leftOut1{
background:transparent;
}
div.leftOut2{
background:transparent;
}
div.leftDown {
background:transparent;
}
div.right {
background:transparent;
}
div.rightDown {
background:transparent;
}
div.container {
background:transparent;
}
div.main {
background:transparent;
}
div.mainOut {
background:transparent;
}
div.footer {
background:transparent;
}10-02 20:23

Milko：
棒><"

10-02 18:39

順其自然。：
感謝大大...打包摟><
我也要吃糖...XD
分一顆吧...呵呵...XD

我想請問一下要怎麼才能把我的版面怎個便"半"透明的
那半透明的語法又該放哪裡?
拜託你了>/////<

10-07 14:42

莉薇婭莞夢：
已回應10-07 21:35

順其自然。：
以下是我現在的語法設定...
希望大大能相助...XD

/*右選單背景底色*/
.post_list{
color:#522f60;/*文字顏色*/
}
.postboxin {
background:none;
}
.postbox2 {
border:0px dashed;/*其實灰色框框外面還有一圈很細的灰色框線，這讓你改那一條*/
background:url(http://img120.imageshack.us/img120/9314/48tn4.gif); /*也可以放圖片*/
filter:Alpha(opacity=100,finishOpacity=0,style=1);/*透明語法*/
}

/*背景*/

BODY {
background-image: url(http://img515.imageshack.us/img515/7123/96694381id1.jpg);
}

/*全板背景*/
/*全板最底背景(2)*/
div.left {
background: none; /*『none』這個字是透明的意思*/
}
div.leftOut1{
background: none;
}
div.leftOut2{
background: none;
}
div.leftDown {
background: none;
}
div {
background: none;
}
{
background: none;
}
divDown {
background: none;
}
div.container {
background: none;
}
div.main {
background: none;
}
div.mainOut {
background: none;
}
div.footer {
background: none;
}

10-07 14:44

莉薇婭莞夢：
已回應10-07 21:35

天才小釣獸：
那滑鼠的網址如何獲得?

各種上傳空間都無法獲得-3-

煩請解答…

另外在顯示勇造的中間格

背景如何換?

也是搞不懂-.-

煩請解答…

(收藏+推)

10-10 16:36

莉薇婭莞夢：
關於游標的，這位藏鏡咪咪大大的介紹有提供可以申請的網路空間：
http://home.gamer.com.tw/blogDetail.php?owner=gn6824&sn=173

勇造底的背景會和勇造下方的欄位一起設定背景的喔
如果想設定的話請找到：.infom_bk{}
在{}中間加上background-image : url(http://); /*背景圖片網址*/
http://接上您的背景圖網址就可以了˙ˇ˙10-14 09:50