日誌2007-09-03 19:25
【小屋】CSS自訂版面：二、框架─外部框架＆表格篇作者：莉薇婭莞夢
2007-09-03 19:40莉薇婭莞夢：謝謝鼓勵˙ˇ˙//
歡迎打包XD~
2007-09-03 20:07莉薇婭莞夢：謝謝˙ˇ˙
越玩越細=ˇ=+
其實第一篇的教學說的還不夠^^"
2007-09-03 20:38莉薇婭莞夢：圖嗎?
除非是做個人網站，否則改不了唷一ˇ一"
因為好像還牽扯到JS之類的程式語法。
CSS頂多改顏色0.0
2007-09-03 20:39莉薇婭莞夢：在前一篇的其他共用部分最後一項，有說@ˇ@
2007-09-03 20:48莉薇婭莞夢：我忘了第一篇教學是用巴哈基本的CSS(˙-˙):
剛剛已經補充上去了>///<
這邊在貼給你參考看看
.home_input2{
color:#028760;
/*輸入文字時的文字色*/
border:1px solid #fcb4b4;
/*欄位框線色*/
background-color:#FFF;
/*無圖片時的背景色*/
background-image : url(http://myhome.apbb.com.tw/indream228/006-4.jpg);
/*背景圖的網址*/
background-repeat:no-repeat;
/*背景圖不重複*/
background-attachment: fixed;
/*背景圖不移動─浮水印*/
background-position:95% 90%;}
/*背景圖的擺放位置(X軸，Y軸)*/
2007-09-03 20:49莉薇婭莞夢：好一半@ˇ@~
剩下的小細節慢慢來一ˇ一
昀也可以試著改看看唷(˙ˇ˙)
2007-09-03 21:37莉薇婭莞夢：一起加油(舉手)
^O^
2007-09-03 21:38莉薇婭莞夢：謝謝妳的讚美^///^
如果沒有網路上的素材
要能弄成這樣也不容易呢@.@"
因為我本身很懶(哈)
2007-09-03 22:00莉薇婭莞夢：謝謝妳的讚美︿︿～
歡迎打包＞／／／＜
有問題可以討論的唷＠ˇ＠
2007-09-03 22:01莉薇婭莞夢：如下篇所言˙ˇ˙
2007-09-03 23:06莉薇婭莞夢：「紅色框框」
你可以試著把有ＢＯＲＤＥＲ的顏色設定都換看看會試出來的ＸＤ
你說的應該是下面這個吧，在分類「/*----外部大框架設定----*/」
下面有稍微補充了一點點內容
.category_bk{
background:#ffe1e5;
border-top:1px solid #b23535;
border-left:1px solid #b23535;
border-right:1px solid #b23535;
border-bottom:1px solid #b23535;
/*內文四面外框線色，可簡略寫成：border:1px solid #b23535;*/
padding:12px;
text-align:center;
}
/*內文的背景色*/
/*簡單說就是各篇文章的背景色。*/
/*「padding」表格外框與內文的間距。若後面沒有接「-方位」就是四方都設定。*/
－－－－－－－－－－－－－－－－
晚安嚕＠ˇ＠
2007-09-04 06:59莉薇婭莞夢：不會˙ˇ˙
歡迎帶走XD
2007-09-04 07:00莉薇婭莞夢：呵呵~恭喜唷>ˇ<
2007-09-04 07:09莉薇婭莞夢：謝謝誇獎，
因為本身就是要教學的東西，整齊是很重要的@0@
一起研究^口^~
歡迎引用~~嗯@ˇ@
說真的不知道那個所謂引用連結有啥鬼用途，因為引用者的文章不會出現任何引用原處的標示，只有被引用者會顯示@@。
(我試過引用別人的文章，但是沒有特別的效果，最後還是自己加上原文出處在文章中)
2007-09-04 07:34莉薇婭莞夢：歡迎ˋ(^Q^)ˊ
2007-09-04 15:29莉薇婭莞夢：應該是圖檔不好找@@?
因為有主圖後來弄配色會容易些
2007-09-04 18:09莉薇婭莞夢：︿＿＿︿
2007-09-04 18:11莉薇婭莞夢：加油嚕>ˇ<
2007-09-04 18:12莉薇婭莞夢：羅侯加油XD~~~
2007-09-04 18:20莉薇婭莞夢：哈，雖然還沒解說到那邊，不過你都問了，來請找到這個地方↓
/*---------------------各文章列表區(下方)---------------------*/
/*----個人部落閣----*/
.article_hr{
/*重點：原本此部份會有一個color的語法，一定要刪掉，不然看不到背景圖。*/
border:0px solid #F4F4F4;
/*↑這句可以忽略*/
background-image : url(http://myhome.apbb.com.tw/indream228/004-2.gif);
/*加上分隔橫線的背景圖*/
background-repeat:no-repeat;
/*背景圖不重複呈現*/
background-position : center;
/*背景圖置中，因為它不只套用在板主的文章回應，連專屬留言板的版主回應分隔線也會有。*/
height:37px;
/*重點：分隔線的高度，一定要設定，不然還是一條扁扁的線*/
}
/*個人部落閣文章版主回應分色線*/
2007-09-04 19:50莉薇婭莞夢：不客氣＠ˇ＠
2007-09-05 06:26莉薇婭莞夢：謝謝&不客氣~
呵呵
2007-09-05 06:27莉薇婭莞夢：不客氣>ˇ</
2007-09-05 21:43莉薇婭莞夢：呵～謝謝˙ˇ˙／／
2007-09-05 21:43莉薇婭莞夢：謝謝誇獎～歡迎打包ＸＤ～
2007-09-06 06:47莉薇婭莞夢：不客氣˙ˇ˙
2007-09-08 09:03莉薇婭莞夢：呵呵~(>///<)a
2007-09-08 12:36莉薇婭莞夢：請修改
/*----外部大框架設定----*/
.category_footer{
background:none;
height:33px;
background-image : url(http://);
}/*框架結束部分*/
2007-09-08 12:39莉薇婭莞夢：/*------右下的標題格式-------*/
.post_title {
padding: px;
background:url(http://myhome.apbb.com.tw/indream228/006-3.gif) 50% 50% no-repeat;
}
/*右下的標籤list格式*/
.post_list{
color: #f09199;
}
/*右下的底圖格式*/
.postbox2 {
background:#ffe1e5;
border:0px;
}
2007-09-08 13:48莉薇婭莞夢：ｂｏｒｄｅｒ的色碼改成你要的
/*------------框架----------------*/
.infom_bk{
border:1px solid #b23535;
}
/*小屋首頁－勇者資料區背景色*/
2007-09-11 12:13莉薇婭莞夢：不客氣˙ˇ˙//
2007-09-11 12:12莉薇婭莞夢：那個是改框線的顏色˙ˇ˙
2007-09-11 12:12莉薇婭莞夢：很高興有幫上你XD~
2007-09-13 13:21莉薇婭莞夢：謝謝~^ˇ^
2007-09-13 13:57莉薇婭莞夢：謝謝XD~
2007-09-16 13:39莉薇婭莞夢：歡迎收藏XD~
2007-09-22 10:04莉薇婭莞夢：好的～
歡迎外帶ＸＤ～
2007-09-27 20:23莉薇婭莞夢：有問題的話可以提出來唷˙ˇ˙
我會盡力說明的XD~
2010-10-04 09:44莉薇婭莞夢：話說 我回頭看這篇跟現在新版的css有點對不起來了ˇˇ''
巴哈有新增或是刪掉一些設定，所以我還怕人家看不懂xdd
LINE