創作內容

5 GP

有沒有人可以救救我..(已解決)

作者:小角落..│2008-03-18 18:16:52│巴幣:0│人氣:697
感謝大家的幫忙~終於解決了><
怎麼不能用小表格~嗚..

目前換了div.left的圖~改成寬度774px的..
不過點進來內頁~那張圖還是會亂跑@@?
忽上忽下@O@"------9:20 p.m


就像你現在看的這樣..
為什麼~連用IE看都會歪成這樣阿~~
弄了好幾天...快瘋了><


看似很正常的首頁↓

點一下部落閣↓

進去部落閣看內文↓



應該還是沒人會理我吧..
冷漠..




我是個失敗的教學者..




大家可以散會了...






自己家都搞不定了...






憑啥寫教學....




---

---

---


/*---------------------------------------------------------*/
.button2 img{display:none;} /*隱藏紅箭頭*/
.button_c1 img{display:none;} /*隱藏收藏『+』*/
.button3 img{display:none;}



.home_h1{#000;
padding-left:50px;}



/*--精華區底線--*/
.unline a:link, .unline a:visited{TEXT-DECORATION: none;}
.unline a:hover{TEXT-DECORATION: underline;}
.unline img{display:none;}


/*---隱藏統計圖---*/
#Flash_curve{display:none;}

/*font{color:#fff;}*/
/*-----------------------------------背景------------------------*/
body {
background: url(http://blog.roodo.com/digichao/c7885a37.gif) repeat ;
background-attachment:fixed; /*圖片位置是否要固定*/
border: solid #afd0ff 0px;/*最外面的大框*/
scrollbar-face-color: #ddd;/*設定軸面顏色*/
scrollbar-highlight-color: #757575;/*設定軸面三角左邊顏色*/
scrollbar-shadow-color: #757575;/*設定軸面三角右邊顏色*/
scrollbar-3dlight-color: #ddd;/*設定左立體邊顏色*/
scrollbar-darkshadow-color: #ddd;/*設定右立體面顏色*/
scrollbar-arrow-color: #757575;/*設定箭頭的顏色*/
scrollbar-track-color: #ddd;}/*設定軸軌的顏色*/

/*-------------小屋區表單背景設定-------------*/
div.left {background:url(http://blog.roodo.com/digichao/62904669.gif) no-repeat 76% 6%;}
div.leftOut1{background: none;}
div.leftOut2{background: none;}
div.leftDown {background: none;}
div.right {background: none;}
div.righttop{background: none;}
div.rightDown {background: none;}
div.container {background: none;}
div.main {background: none;}
div.mainOut {background: none;}
div.footer {background: none;
border: solid darkblue 0px;}
/*.ssize { color:#009000;font-size: 12px; line-height: 150%; }*/
/*底部文字*/

/*----小屋內的捲軸---*/
.home_scroll{
width:650px;
height:80px;
overflow:auto;
scrollbar-face-color: #ddd;/*設定軸面顏色*/
scrollbar-highlight-color: #757575;/*設定軸面三角左邊顏色*/
scrollbar-shadow-color: #757575;/*設定軸面三角右邊顏色*/
scrollbar-3dlight-color: #ddd;/*設定左立體邊顏色*/
scrollbar-darkshadow-color: #ddd;/*設定右立體面顏色*/
scrollbar-arrow-color: #757575;/*設定箭頭的顏色*/
scrollbar-track-color: #ddd;/*設定軸軌的顏色*/
text-align:left;
font-size:12px;}


/*-----------------------右下統計圖那的設定-----------------------*/
/*------右下的標題list格式-------(就是白色那一塊)*/
.post_list{}

li{/*background: transparent;*/
background:url(http://blog.roodo.com/digichao/315f7762.gif) no-repeat;
background-position:left; } /*隱藏綠點點*/

/*-----今日訪客等等的灰色外框-----(紅色那一塊)*/
.postbox2{
background: none;
border:0px solid #757575;
filter:alpha(opacity=70);}

/*-----post_list裡面改不掉的那一圈白色-----(藍色那一塊)*/
.postboxin{background: none;
/*height:150px;*/
border:0px solid #7fbfff;}


/*------右下的標題格式-------*/
.post_title {
height:32px;/*圖片高度*/
background-image:url(http://blog.roodo.com/digichao/14d7c867.png);
background-position:center;
COLOR:#757575;
PADDING-left:57; /*←文字與左方的距離*/
PADDING-top :3; /*←文字與上方的距離*/
font-size: 8pt; }

/*--小屋統計、個人紀錄文字顏色--*/
.home_c1{color:#757575;}
.home_c1 a:link, .home_c1 a:visited{color: #757575;}/*內頁的顏色*/
.home_c1 a:hover{color: #aaa;}/*內頁的顏色*/


/*連結跳動*/
a{text-decoration:none}
a:hover{position: relative; top: 0px;left:0px;}



/*---------------------------按鈕:------------------------------*/
.button3,.button4{/*-----勇造下的按鈕+[給紅心]+[搜尋]-----*/
border:0px dashed #757575;
background: transparent;
text-align: right;
color:#757575;}



.button2,.button_h2{/*-----[看更多]+[訂閱他的小屋]-----*/
border:#757575 0px dashed;
padding-left:20px;}

.button2{background:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 5% 20%;

padding-left:20px;
padding-bottom:5px;}


.button_c1{color:#757575;} /*按鈕文字顏色*/
/*.button_c1 img{display:none;}*/
/*--隱藏收藏『+』--*/

/*------------------滑鼠移入按鈕---------------*/
.button2:hover{background:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 5% 20%;
padding-left:20px;
padding-bottom:5px;
border-top:#757575 0px dashed;
border-right:royalblue 0px solid;
border-bottom:royalblue 0px dashed;
border-left:royalblue 0px solid;
}

.button3:hover,.button4:hover{
border-top:#757575 0px dashed;
border-right:royalblue 0px solid;
border-bottom:royalblue 0px dashed;
border-left:royalblue 0px solid;
background: transparent; }


/*-------訂閱小屋按鈕(一般狀態)------------*/
.home_order_button{/*display:none;*/
/*隱藏訂閱小屋按鈕*/
color:#757575;}
.home_order_button:hover{
background:transparent;
text-align: center;
color:#aaa;
text-decoration: underline;}



/*----部落閣頁面按紐數字----*/
.tsmal{color:royalblue;}/*左邊第一頁~第幾頁的字*/
.sertext{border: dashed 1px royalblue;}/*第幾頁的框框*/
.pag{ /*非所在頁數按鈕設定*/
background:transparent;
color:#ff8705;
border:1px #7fbfff solid;}

.p_nolink{/*無連結時的頁數按鈕設定*/
background:transparent;
color:#7fbfff;
border:1px #7fbfff solid;}

.p_nextprev{/*所在頁數按鈕設定*/
background:#7fbfff;
color:#fff;
border:1px #7fbfff solid;}

.pag:hover{/*滑鼠拜訪頁數按鈕設定*/
background:#7fbfff;
color:#fff;
border:1px #7fbfff solid;}

/*文字版、留言版底圖*/
textarea {
background: url(http://blog.roodo.com/minico/a19b06ef.png) no-repeat;
background-position:right;
padding-left: 2px;
padding-right: 100px;
/*height:220px;*/
font-family:"新細明體"; }

/*-------------給紅心按鈕設定----------------------*/
.apprise_bg tbody{visibility:hidden;}
.apprise_bg input{
visibility:visible;
position:relative;
top:20px;/*改變按鈕上下位置*/
border: 0px dashed #f5a6c0;
padding-right:20px;
color:#cc7382;}


/*--------------------上方勇者小屋---------------------*/
.wide_password2{color:royalblue;} /*ID的字體顏色*/

/*---信箱銀行和勇造VIP中間那條線---*/
.wide_line{
border-top:1px dashed royalblue;
background:transparent;}/*勇造VIP旁邊的箭頭底色*/

*----帳號面板的文字---*/
.wide_sev{
background:transparent;/*信箱銀行勇造VIP的底色*/
text-decoration: none; color: royalblue;}

.wide_sev a:link,.wide_sev a:visited {
text-decoration: none; color: royalblue;}

.wide_sev a:hover,.wide_sev a:active {
text-decoration: none; color: deeppink;}

/*---我要註冊+等級---*/
.wide_sign{
font-size:12px;
text-decoration: none;
color: royalblue;/*等級的字體顏色*/
background:transparent;}/*等級的底色*/
.wide_sign a:link,.wide_sign a:visited {
font-size:12px;
text-decoration: none;
color: royalblue; }
.wide_sign a:hover,.wide_sign a:active {
font-size:12px;
text-decoration: none;
color: deepink;}

/*----帳號面板背景顏色設定----*/
.wide_wordbk7{
background-image: url(http://blog.roodo.com/minico/d96f5618.png) ;
padding-bottom:8px;
padding-top:8px;
border:0px solid #7fbfff;}

/*隱藏勇造+登出的圖片*/
/*.wide_wordbk7 img {visibility:hidden;} */



/*-------------GP圖------------*/
/*.ability_pad img{border:none;height: 0px; }*/
/*隱藏GP圖*/

/*設定GP、BP區塊的背景*/
/*.ability_pad{
background-color:none;
background-image : url(http://blog.roodo.com/kimim/4d117ef9.png);
background-repeat:no-repeat;} */


/*--------------頂端選單文字(會員中心.新手上路)--------------------*/

.wide_toptext, .wide_toptext A:link,.wide_toptext A:visited{
FONT-SIZE: 7.8pt;
COLOR: royalblue ;
TEXT-DECORATION: none;}
.wide_toptext A:hover{
FONT-SIZE: 7.8pt;
COLOR: deeppink;
TEXT-DECORATION: underline;}

/*--------------------------上面頭條廣告文字----------------------*/
/*---『找遊戲』那個框框---*/
.hotext{background:transparent;
font-size: 10pt;
COLOR: royalblue;
border:1px dashed royalblue;}
.keynews a:link,.keynews a:visited{FONT-SIZE: 10pt;
color: royalblue;
text-decoration: none;}
.keynews a:hover{FONT-SIZE: 10pt;
color: deeppink;
text-decoration:underline;}

/*--------------------------整體頁面設定--------------------------*/
.box1 a:link{color:gray;}
.box1 a:visited{color:gray;}
.box1 a:hover{color:gray;}

/*--部落閣「文章內的文字」--*/
.home_h4{
color:#757575;
font-size:12px;
font-family:"新細明體"; }

/*----整體文字----*/
TD{
color:#757575;
font-size:12px;
line-height:150%;
font-family:"Arial";
word-break: break-all;
word-wrap:break-word;
font-family:"新細明體"; }

A:link,A:visited{
color:#757575;
text-decoration:none;}/*還未造訪連結狀態*/

A:hover{
color:#326ADA;
text-decoration: underline;}/*滑鼠移入連結狀態*/

.extend{
color:#009000;
font-family:"新細明體"; }/*屋主留言回應*/

.extend a:link,.extend a:visited{
color:#757575;}/*特殊連結(藍色)及屋主文章留言*/

.extend2{color:#FF0000;}
.extend2 a:link,.extend2 a:visited{color:#FF0000;}/*GP數與驗證碼顏色*/

.extend3{color:#8e8e8e;}
.extend3 a:link,.extend3 a:visited{color:#8E8E8E;}/*灰色-備註與說明文字*/


/*----其他共用部分----*/
.line{background: url(http://blog.roodo.com/digichao/7368e729.png) repeat-x ;
border-bottom:0px dotted #7fbfff;}/*虛線*/

.line2{border-top:1px solid #7fbfff;}/*實線*/

.article_pic{
border:none;
height: 0px;
width: 0px;}/*文章或畫作的縮圖邊框(↑部落格新文章旁邊的巴哈圖片)*/

.home_input1{
color:#999999;
border:1px dashed #70a3ff ;
background-color:#FFF;}/*input實線(只用於引用文章網址處)*/

.home_input2{
color:royalblue;
border:1px dashed #70a3ff ;
background-color:#fff;}/*input實線*/



/*--------------------------框架------------------------------*/

.infom_bk{
background:transparent;
border-left:0px solid #CCCCcc;
border-right:0px solid #CCCCCC;
padding-top:10px;}/*小屋首頁-勇者資料區背景色*/


/*----外部大框架設定----*/
.category_title{
background:url(http://blog.roodo.com/digichao/33f332d2.png) no-repeat 90% 50%;
height:37px;
}

.category_title2{
background:url(http://blog.roodo.com/digichao/33f332d2.png) no-repeat 90% 50%;
height:37px;
background-position:center; /*圖片對齊格式*/
}

.category_word{
color:#757575;
font-size:12px;
font-weight:bold;
text-align: left;
padding-left:70px;
padding-top:10px;
padding-bottom:0px;}

.category_bk{
background:url(http://blog.roodo.com/digichao/fc10189a.png) repeat-y 90% 0%;
padding:12px;/*內文與左右兩邊的距離*/
background-repeat:repeat-y;/*y軸重複*/
border:0x solid #000;
padding:60px;
}

.category_footer{
background:url(http://blog.roodo.com/digichao/9a69d3ab.png) no-repeat 90% 0%;
border:green 0px dashed;
height:13px;}

.category_bk tBODY{height:130%;}


/*----表格設定(置於大框架中)----*/
.box1{border:0px dashed #757575;}

.box_title{
background:transparent;
font-weight:bold;
letter-spacing:2px;}

.box_list1{
background:transparent;
border-left:0px dashed #ff8705;
border-right:0px dashed #ff3399;
border-bottom:0px dotted #757575;
border-top:0px dashed #ff8705;
/*text-align: center; */
}

.box_list2{
background:transparent;
border-left:0px dashed #ff3399;
border-right:0px dashed #ff3399;
border-bottom:0px dotted #757575;
border-top:0px dashed #ff8705;}

.box_icon1{
background-image:url(http://pic.bahamut.com.tw/home/list_icon1.gif) no-repeat;}/*三角形箭頭icon*/

.box_icon2{
background-image:url(http://pic.bahamut.com.tw/home/list_icon2.gif) no-repeat;}/*圓形彈珠icon*/



/*-----------------------最上方顯示大圖-----------------------*/
.banner{
background:transparent;
height:126px;
padding-left:540px;
padding-top:20px;}/*小屋上方主圖*/

.banner_t1{
color:#757575;
font-weight:bold;
font-size: 10pt; }

.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#757575;
font-weight:bold;
text-decoration:inherit;
font-size: 10pt; /*文字大小*/
}/*暱稱和帳號文字*/

.banner_t3{
color:#757575;
line-height:18px;
height:20px;}/*碎碎唸文字顏色*/

.banner_t4{color:#aaa;}/*顯示官階的文字顏色*/
.banner_t5{color:#aaa;}/*顯示稱號的文字顏色*/

.banner image{display:none;}
/*隱藏稱號圖片*/
/*.banner table{display:none;}*/
/*隱藏帳號暱稱碎碎唸(『勳章』)*/

/*---------------------------主選單---------------------------*/
.menu{
background:transparent;
position: relative;
top:0px;/*選單的上下位置*/
left:19px;/*選單的左右位置*/
width:702px;/*選單的寬度*/
height:14px;}/*選單背景圖*/

/*----選單所在頁面狀態----*/
.menuIN{
font-weight:none;
color: #757575;
height:14px;
line-height: 14px;
text-align: center;
text-decoration: none;
border:#757575 0px dashed;}

.menuIN a:link,.menuIN a:visited{
font-weight:bold;/*文字粗體設定(bold)*/
color:#333;/*文字顏色設定(在那頁文字的顏色)*/
height:14px;/*表格的高度*/
line-height:14px;/*內文的文字行高*/
text-align:center;/*文字置中*/
text-decoration:none;/*刪除文字的連結底線*/
}

.menuIN a:hover {
font-weight:none;
color:#aaa;
height:14px;
line-height:14px;
text-align:center;
text-decoration: none;
/*font-weight:bold;*/
border:deeppink 0px dashed;}

/*----選單非所在頁面狀態----*/
.menuout {
COLOR: #757575;
height:14px;
font-weight:none;
line-height: 14px;
text-align:center;
text-decoration:none;}

.menuout a:link,.menuout a:visited {
color: #757575;
font-weight:none;
height:14px;
line-height: 14px;
text-align:center;}

.menuout a:hover {
background-image:url(http://blog.roodo.com/digichao/9068848a.gif) no-repeat 0% 0%;
font-weight:none;
color:#111;
height:14px;
line-height:14px;
text-align:center;
text-decoration: none;
/*font-weight:bold;*/
border:deeppink 0px dashed;}

/*---------------------------次選單---------------------------*/

/*----無次選單狀態----*/
.menubarA1{
background:transparent;/小屋首頁那排下面那個綠色的*/
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:0px;
border-bottom:0px solid #F6CDD7;}/*次選單與主選單連接部分*/

.menubarA2{
background:transparent;/小屋首頁那排下面那個白色的*/
border-left:0px solid #CCCCCC;
border-right:0px solid #CCCCCC;
border-top:0px;
border-bottom:0px;}/*次選單結束部分*/


/*----有次選單狀態----*/
.menubarB1{
border-left:0px solid #7fbfff;
border-right:0px solid #7fbfff;
border-top:0px;
border-bottom:0px;}/*次選單與主選單連接部分*/

.menubarB3{
background:#bfdfff;
border:1px dashed #7fbfff;
padding:6px;
text-align:left;
filter:alpha(opacity=70);}/*放次選單按鈕的背景色*/

.menubarB2{background:;}/*次選單結束部分*/

/*--次選單的文字顏色--*/
.home_t1, .home_t1 a:link, .home_t1 a:visited{color: #757575;}
.home_t1 a:hover {color: #aaa;}

/*-----------------------小屋封面圖------------------------------*/

.cover_pic{

display:none;}/*COVER圖*/



/*--------------------勇者基本資訊和能力表--------------------*/

.heartGP{color:#FF3366;}/*給紅心的敘述文字*/

.apprise_bg{
/*background:url(http://pic.bahamut.com.tw/home/love.jpg) no-repeat;*/
/*原來的GP圖*/
background:url(http://blog.roodo.com/digichao/44c46b53.png) no-repeat;
padding-bottom:5px;}/*評價區底色*/

.ability {
background: none;
BORDER:#757575 0px dashed;

PADDING-LEFT:18px;
PADDING-BOTTOM:1px;
PADDING-TOP:1px;
LINE-HEIGHT:14px;
HEIGHT:0pt;
/*TEXT-ALIGN:left;*/
TEXT-DECORATION:none;}/*顯示個人能力數值的底圖*/


/*---------------------各文章列表區(下方)---------------------*/


/*----個人部落閣----*/
/*blog標題底色*/
.article_t1{
background:transparent;
color:#757575;
font-weight:bold;}

.article_t1 a:link, .article_t1 a:visited{
color:#757575;
background:url(http://blog.roodo.com/digichao/27dd42b1.gif) no-repeat 0% 50%;
padding-left:15px;
font-weight:bold;}/*個人部落閣文章標題顏色*/

.article_t1 a:hover{
color:#aaa;}


.articlebox{
border-left:0px dashed #ff8705;
border-right:0px dashed #ff8705;
border-top:1px dotted #757575;
border-bottom:1px dotted #757575;
/*background:url(http://blog.roodo.com/minico/d34760c5.gif) no-repeat;*/
background-position:left;
text-align:center;
height:100px;
width:550px;/*沒有這行,寬度會強制變成變成720px*/
/*width:100%;*/
}/*個人部落閣最新文章及GP值底色(BOLG那個內框框)*/

.article_hr{
height:0px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px dashed royalblue;
}


/*----個人精華區----*/
.elite{
color:#0055CB;
font-size:15px;
font-weight:bold;}

.elite a:link, .elite a:visited{
color:#0055CB;
font-size:15px;
font-weight:bold;}/*個人精華文章標題顏色*/

.elite_ppl{
color:#757575;
font-weight:bold;
font-size:12px;
border:0px dashed #757575;
background: none;}/*收藏人數文字顏色和底線框色*/
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=475053
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 17 篇留言


別急慢慢來
可惜我是語法白痴…Orz

(回應欄的蜜蜂掛的不錯)

03-18 18:21

小角落..
謝謝你的回覆..
因為我首頁都改不好了~
這小留言版還沒弄XD

---

既然大問題都搞不定了~
還花時間在弄小地方- -"03-18 18:22
小角落..
咦~這樣也有GP...03-18 18:24
皇羅
我看到小角落這樣自嘲式的幽默
我笑了>﹏<
灰色的背景很好看很舒服
不過真的歪歪的ne( ̄▽ ̄)|||

03-18 18:40

小角落..
哪有..真的困擾很多天了..
一直改不好才沒放上來..
如果歪七扭八能嚇跑潛水者也不錯阿..
哇哈哈~我好邪惡..
--------------------------------------
咦~你看的出來是灰色的喔!!
其實背景是有點咖啡色的布..
文字邊框設定才是灰的@@
我當初還想說人家會不會以為是咖啡色XD03-18 18:57
皇羅
不過你現在的這樣如果改好之後,
一定超好看的!!!!!

03-18 19:20

小角落..
謝謝~~!!
應該勉強可以看吧..03-21 14:03
(´;ω;`)
.category_bk{
background:url(http://blog.roodo.com/digichao/fc10189a.png) repeat-y 90% 0%;
padding:12px;/*內文與左右兩邊的距離*/
background-repeat:repeat-y;/*y軸重複*/
border:0x solid #000;
padding:60px;
}

這裡的padding太過頭了
角落大是想用寬度較小的背景和padding來作出較小的表格吧?
可是很遺憾...就會變成這樣子orz
padding改回原來設定就不會歪了,可是字就不會乖乖在表格裏了-.-"還是只能照原來的表格寬度弄背景圖orz

03-18 19:26

小角落..
真的ㄋㄟ~
那為什麼首頁很正常~嗚~
耍人阿..
我要小巧風><
-----------------------
感謝你XD
雛路大真的超強的@@03-18 20:19
小角落..
另外再問一下..
為啥div.left
那塊也會亂跑..03-18 20:20
獅子丸
囧…
找了半天還是找不出來
只能幫你祈禱摟…

03-18 19:35

小角落..
謝謝你~肯花時間幫我找問題~
我也找好幾天了..
一改在改~
還偷用別人家的來改XD03-18 20:20
香菇先生
總覺得下面的語法是關鍵
.category_bk{
background:url(http://blog.roodo.com/digichao/fc10189a.png) repeat-y 90% 0%;
padding:12px;/*內文與左右兩邊的距離*/
background-repeat:repeat-y;/*y軸重複*/
border:0x solid #000;
padding:60px;
}

內文與左右兩邊的距離
以及背景圖好像產生了微妙的差距

不過我需要很多時間找出問題所在
因為我呆呆的

短時間內沒能幫上忙真的很抱歉
期待有高手來解惑

PS:如果我找出來的話馬上跟你講

03-18 19:47

小角落..
感謝你來看~
要看別人的程式碼是很花時間的><
謝謝你喔~!
bk的問題解決了@@

----
倒是div.left
那個圖怎麼會亂跑XD03-18 20:22
卡拉崩嘎
歪歪的XD
但我喜歡這種版面的感覺XD
特色?(汗

03-18 20:14

小角落..
喜歡歪歪的感覺嗎?
CSS碼複製回家用吧XD03-18 20:18
小角落..
抱歉~誤解你的意思了XD
如果我把問題都改好..
可以提供給你..
(因為有人說我都只考慮到自己電腦螢幕的設計~
我想還是不要摧殘太多人的眼睛= =+)03-18 23:07
櫻澤楓
背景寬度用成775px如何?
現在是702px,也難怪會偏一邊這樣。冏

03-18 20:44

小角落..
謝謝的你建議~
換了775以後(沒去背)
也是會亂跑@@"
明明位置不是有固定了嗎..
為什麼換頁了..就不同了ˊˋ
---

另外..position: relative;
到底是什麼意思..
加了以後也是一樣@@

---
奇怪..大家從哪裡知道我家有問題的XD
好多非常懂CSS的大大現身@O@"
實在太感謝你們了啦>Q<03-18 20:57
Nydia
position: 好像是固定位置
relative; 是相對位置的樣子.......

我也覺得你把圖改回正常寬度應該會比較好調整....
現在這種格式,是一個大工程 我還是新手......>"<...........

03-18 21:05

小角落..
哦~嗚..
我試試看..
相對位置!!?
什麼意思XD
--
奇怪..為什麼要推文..
等問題解決了..
我再寫在新手教學的附註吧=ˇ=03-18 21:10
Nydia
噫噫噫...... = ="..
想說怎麼感覺好眼熟....
現在才想起我朋友有用了妳提供的佈景 ^^"
很可愛的粉紅佈景那個~*

只是在火狐看之下,主要背景變成一塊白..
後來才發現是因為 div.left {background: none;} 之後又多了一個 } 符號 ^^;
可以的話,小小修正一下就好囉

相對位置..... 我也不會講....
幫妳找了一篇還不錯的教學
http://blog.roodo.com/jaceju/archives/91923.html
(我也講錯了,是絕對位置,不是固定... sry >"<)

03-18 21:22

小角落..
謝謝你~我會努力慢慢研究的><

我有另外跟大家說~有修改版的~
不過好像沒人理我..
修改版的已經把多餘的}去除了!
感謝你的細心^^03-18 21:26
Nydia
唔...不好意思..沒留意到 Q_Q"..

後來又看到一篇不錯的教學,看起來比較易懂.....
http://css.1keydata.com/tw/position.php

03-18 21:33

小角落..
我開出來是亂碼ㄝ!!驚!!
看完了第一篇~嗯~看不懂...
看兩次了XD
--
所以我會寫圖文教學(毆03-18 21:43
(´;ω;`)
嗯...
div.left {background:url(http://blog.roodo.com/digichao/62904669.gif) no-repeat 76% 6%;}←那就不要用語法調整圖片位置
改成作一張上方有一大段透明的圖試試看...

03-18 21:46

小角落..
可以ㄝ~
感覺好徒法煉鋼XD
感謝你啦..
為什麼大家都可以這樣寫~
我家就不行><
是我改的亂七八糟嗎ˊˋ?

---
真是太麻煩你了..><
慢慢修圖去..03-18 22:08
Nydia
啊...第二串連結的文章要把編碼改成Unicode就好了 ^^"

03-18 21:53

小角落..
可以了~感謝你^^
繼續研究@@03-18 22:08
(´;ω;`)
因為那種用百分比調整圖片上下位置的...會受到網頁長度影響,像div.left因為是一大部分頁面的框框,文章頁面又比較長,所以"6%"的距離也變長了...
加油:p

03-18 22:27

小角落..
原來是這樣!!
因為我實在不太懂 % 的觀念~亂亂用..
還有什麼margin...css好困難阿~~~
你該不會本業就是做這個的吧XD?
----
我家的語法教學也寫的很精簡~
噗..因為我不懂XD03-18 22:39
(´;ω;`)
我沒有本業...囧
人家也會亂試語法啊,弄不出好的感覺就直接放棄換另一種了XD|||

03-18 23:23

小角落..
細喔~真厲害~
習慣填鴨式的教學~
腦袋都死板版~"~03-18 23:54
獅子丸
恭喜啦!
其實根本就沒幫上忙的說( ̄3 ̄)
佈置小窩加油哩~

03-19 17:39

小角落..
嗯~還是感謝你抽空來看啦XD
不過大家到底怎麼發現我家有問題的@@?
--
其實是沒梗了..
css不知道寫啥了~(搞怪一下@O@"03-19 17:42
專嘴覺青
才要看你有什麼問題想幫你解決..

結果是已解決,我不依我不依ˊˋ...

話說妳的小屋首頁自我介紹害我噴飯了.....XD

我也來自損好了=ˇ=

03-19 20:57

小角落..
感謝你的熱心阿^^
碼~我沒有換掉~你可以複製去玩看看XD03-19 21:39
我要留言提醒:您尚未登入,請先登入再留言

5喜歡★kinini 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:css - 好用軟體 (... 後一篇:css - 月曆...

追蹤私訊切換新版閱覽

作品資料夾

Lobster0627全體巴友
大家可以多多來我的YT頻道看看哦(*´∀`)~♥https://www.youtube.com/@lobstersandwich看更多我要大聲說昨天18:56


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】