創作內容

11 GP

版面─香甜花語】有細部更新語法，內詳。（２／１６資料更新）

作者：莉薇婭莞夢│2008-02-16 20:28:34│巴幣：0│人氣：1250
前言：
　　本版面個人認為已完成，不再做更新。
　　如需要在網頁中加上游標語法請見語法內容「ＢＯＤＹ｛｝」其中有一被我暫時設為輔助說明的語法，刪掉前後的／＊＊／並加上游標網址即會有基本游標。

新增方向：
　　‧個人部落閣─
　　　　　文章下方與其他人小屋有相關文的欄位：卷軸顏色設定。
　　　　　右邊文章分類列表連結顏色設定。
　　　　　項目符號改成小花當標示。
　　‧個人精華區─
　　　　　標籤熱門度語法增加，但無修改顏色，有需要者請複製更新檔內容後拉到更新檔尾端，再修改顏色。

參考首頁圖：（點圖可放大）


版面語法全資料：
　　（包含修改之部分，請將紅色字體全數複製，並貼到您的自定語法〝整個套用〞）
/*＝＝＝＝＝注意事項＝＝＝＝＝＝
　１、若對CSS語法不熟悉者，基本可修改的為色碼、網址。其他的請勿任意刪除語法以免造成呈現錯誤。
　２、補充說明文字會以注意事項前後一對的符號包括其中，小心不要刪到，以免影響語法的正確性。
　３、語法群組的「｛｝」以及分明指令的「；」，小心不要刪到，以免該有的沒有不該有的一堆。
＝＝＝＝＝注意事項結束＝＝＝＝＝*/


/*---------網頁主體設定--------*/
body{
/*--設定網頁外框--*/
border: 0px solid #000000;
/*---主背景設定---*/
background-color :#FEFCFC; /*背景底色*/
background-image : url(http://myhome.apbb.com.tw/indream228/20080216.jpg); /*背景圖片網址*/
background-position :50% 0%;
background-repeat:repeat; /*背景圖片不重複排列*/
background-attachment: fixed; /*背景圖片固定*/
/*--卷軸樣式設定--*/
SCROLLBAR-FACE-COLOR:#FEFCFC; /*軸面顏色*/
SCROLLBAR-HIGHLIGHT-COLOR:#EFC1BC; /*軸面三角左邊顏色*/
SCROLLBAR-SHADOW-COLOR:#EFC1BC; /*軸面三角右邊顏色*/
SCROLLBAR-3DLIGHT-COLOR:#FEFCFC; /*左立體邊顏色*/
SCROLLBAR-DARKSHADOW-COLOR:#FEFCFC; /*右立體面顏色*/
SCROLLBAR-ARROW-COLOR:#EFC1BC; /*箭頭的顏色*/
SCROLLBAR-TRACK-COLOR:#FEFCFC; /*軸軌的顏色*/
/*--基本游標設定--*/
/*若要使用，將前後的符號刪掉即可*/
/*cursor:url(http://),text;*/
}

/*======================背景/圖片設定======================
　【本區包含】
　　小屋橫幅、看板圖、勇者資料區、選單、主標題、框架結束處、
　　右下表單─標題、資料區、項目符號
　‧若不使用請用「none」或「transparent」取代「url()」。
　‧「height」高度，可依喜好修改0~∞，請勿將px刪掉。
　【註】背景色　：background-color:;
　　　　背景圖　：background-image:;
　　　　排列方式：background-repeat:;
　　　　背景效果：background-attachment:;
　　　　對齊位置：background-position :;
　==========================================================*/
/*小屋橫幅圖設定*/
.banner{
background-color:#FFFFFF;
background-image:url(http://myhome.apbb.com.tw/indream228/TOP01.gif);
background-repeat: no-repeat;
background-position :0% 0%;
height:120px;}

/*小屋首頁─COVER(看板)圖*/
.cover_pic{
background:none;
background-repeat: no-repeat;
height:185px;visibility:hidden;}

/*小屋首頁－勇者資料區背景色*/
.infom_bk{
background:none;}
/*勇者資料區─表格標題底色*/
/*影響文章留言區之非選擇中選項背景色*/
.box_title{
background:none;
font-weight:bold;letter-spacing:2px;}
/*勇者資料區─表格內文底色 1*/
/*影響文章留言區回應背景色及選擇中之選項背景色*/
.box_list1{
background-color:none;}
/*勇者資料區─表格內文底色 2*/
/*影響文章留言區回應背景色*/
.box_list2{
background-color:none;}

/*主標題一使用*/
.category_title{
background-color:transparent;
background-image : url(http://myhome.apbb.com.tw/indream228/line_03.gif);
height:30px;}
/*主標題二以下使用*/
.category_title2{
background:none;
height:40px;}
/*內文的背景*/
.category_bk{
background-color:#FFFFFF;
background-image :url(http://myhome.apbb.com.tw/indream228/F_01.jpg);
background-repeat:no-repeat;
background-position :0% 0%;}
/*框架結束部分*/
.category_footer{
background:none;
height:25px;}

/*選單背景圖*/
.menu{
background:#f6bfbc;
background-repeat: no-repeat;
height:20px;}
/*選單所在頁面*/
.menuIN{
background:#ffb2b2;
background-repeat: no-repeat;
height:20px;}
/*選單非所在頁面*/
.menuout {background:none;}
.menuout a:link,.menuout a:visited {color:#8b0000;background:none;}
.menuout a:hover {
background:#ffcccc;
background-repeat: no-repeat;
color:#ff6666;
DISPLAY: block;}

/*無次選單狀態─次選單與主選單連接部分*/
.menubarA1{background:none;border:0px solid #CCCCCC;}
/*無次選單狀態─次選單結束部分*/
.menubarA2{background:none;border:0px solid #CCCCCC;}
/*有次選單狀態─次選單與主選單連接部分*/
.menubarB1{background:none;border:0px solid #CCCCCC;}
/*有次選單狀態─放次選單按鈕的背景色*/
.menubarB3{background:none;}
/*有次選單狀態─次選單結束部分*/
.menubarB2{background:none;}

/*右下表單─標題格式*/
.post_title {
background-color:none;
background-image : url(http://myhome.apbb.com.tw/indream228/top.gif);
background-repeat:no-repeat;
background-position : 0% 50%; /*背景圖片x與y軸的位置*/
height:50px;
background-repeat: no-repeat;}
/*右下表單─資料區*/
.postboxin {
background:none;
background-repeat: no-repeat;}
.postbox2 {
background:none;
background-repeat: no-repeat;}
/*右下表單─項目符號*/
.post_list a,.post_list a:hover{
background:none;
background-position : 50% 50%; /*背景圖片x與y軸的位置*/
background-repeat: no-repeat;}

/*文字版、留言版底圖*/
textarea {
background-color: transparent;
padding-left: 10px;padding-right:10px;height:300px;}

/*項目符號圖片設定*/
.post_list ul,.post_list a:link,.post_list a:visited,.post_list a:hover{
COLOR: #f09199;
border-bottom: #ccc 0px solid;
width: 100%;
background: url(http://myhome.apbb.com.tw/indream228/UL_03.gif) no-repeat left top;
padding-left: 20px;}

/*=========================框線=============================
　==========================================================*/
.line{background-color:none;
background-image : url(http://myhome.apbb.com.tw/indream228/line_02.gif);
background-repeat:repeat-x;
background-position : 50% 100%; /*背景圖片x與y軸的位置*/
height:55px;
border-bottom:0px dashed #969696;}/*虛線*/
.line2{background-color:none;
background-image : url(http://myhome.apbb.com.tw/indream228/line_02.gif);
background-repeat:repeat-x;
background-position : 50% 100%; /*背景圖片x與y軸的位置*/
height:55px;
border-top:0px solid #D9ECF0;}/*實線*/

/*文章或畫作的縮圖邊框*/
.article_pic{border-width:1px 3px 3px 1px;border-color:#C4C4C4;border-style:solid;}
/*引用文章網址欄位*/
.home_input1{color:#999999;border:1px solid #EFEFEF;background-color:transparent;}
/*搜尋、留言欄位*/
.home_input2{color:#464646;border:1px solid #D5D5D5;background-color:transparent;}

/*小屋首頁－勇者資料區*/
.infom_bk{border:0px solid #CCCCCC;padding-top:10px;}
/*內文的背景色*/
.category_bk{border:1px solid #B06E20;padding:12px;}
/*表格框線顏色*/
.box1{border:1px solid none;}
/*表格標題，影響非正在瀏覽的留言區標題框線*/
.box_title{border:0px solid none;}
/*選單*/
.menu{border:1px solid #cd5c5c;}
.menuIN{border-width:0px 0px 0px 0px;
border-style :solid;}
.menubarA1{border:0px solid #CCCCCC;}
.menubarA2{border:0px solid #CCCCCC;}
.menubarB1{
border-width:0px 1px 0px 1px;
border-color:#CCCCCC;
border-style :solid;}
.menubarB3{
border-width:0px 1px 1px 1px;
border-color:#CCCCCC;
border-style :solid;
padding:6px;text-align:left;}

/*=======================連結/文字=========================
　==========================================================*/
/*無連結*/
TD{
color:#68699b;/*顏色*/
font-size:13px;/*大小*/
line-height:150%;/*行高*/
font-family:"Arial";/*字型*/
/*word-break:break-all;word-wrap:break-word;換行樣式*/
}
/*有連結-還未造訪*/
A:link{
color:#7690B7;
text-decoration:none;/*無文字效果*/
}
/*有連結-造訪過後*/
A:visited{
color:#7690B7;
text-decoration:none;}
/*有連結-滑鼠移入*/
A:hover{
color:#94BAF3;
text-decoration: underline;/*底線*/
}

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

/*GP數與驗證碼顏色、「本文引用自此」*/
.extend2{color:#dc143c;}
.extend2 a:link,.extend2 a:visited{color:#dc143c;}

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

/*最上方顯示大圖*/
.banner{padding-left:70px;padding-top:50px;}/*內文與邊界設定*/

/*勇者資料區─表格標題*/
.box_title{
color:;
font-weight:bold;letter-spacing:2px;}

/*右下表單─項目*/
.post_list{
color:#9D0044;
margin: 0px;padding: 0px;text-decoration:none;
background-image: url(http://myhome.apbb.com.tw/indream228/UL_03.gif) no-repeat left top;}

/*主標題文字設定*/
.category_word{
color:#B06E20;
font-size:12px;
font-weight:bold;
text-align:center;
padding-left:px;padding-top:0px;padding-bottom:2px;}

/*暱稱和帳號文字*/
.banner_t1{
font-size:12px;
color:#9D0044;
font-weight:bold;}
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
font-size:13px;
color:#9D0044;
font-weight:bold;
text-decoration:inherit;}
/*碎碎唸文字顏色*/
.banner_t3{
font-size:13px;
color:#a52a2a;
line-height:16px;height:16px;}
/*顯示官階的文字顏色*/
.banner_t4{font-size:11px;color:#008E25;}
/*顯示稱號的文字顏色*/
.banner_t5{font-size:11px;color:#235BD3;}

.menu{height:20px;}
.menuIN{
color: #ff6666 ;
font-weight:bold;
height:20px;
line-height: 20px;
text-align: center;
text-decoration: none;}
.menuIN a:link,.menuIN a:visited{
color:#ff6666;
font-weight:bold;
height:20px;
line-height:20px;
text-align:center;
text-decoration:none;}
.menuout {
font-weight:bold;
COLOR:#ff9999;
height:20px;
line-height:20px;
text-align:center;
text-decoration:none;}
.menuout a:link,.menuout a:visited {
font-weight:bold;
color:#FFFFFF;
height:20px;
line-height:20px;
text-align:center;}
.menuout a:hover {
font-weight:bold;
color:#ff9999;
height:20px;
line-height:20px;
text-align:center;text-decoration: none;DISPLAY: block;}

/*==========================================================
　　　　　　　　　　　　其他細部設定
　==========================================================*/
/*--------------------勇者基本資訊和能力表--------------------*/
.heartGP{color:none;}/*給紅心的敘述文字*/
.apprise_bg{background:none;}/*評價區底色*/
.ability {background-color:#FFF;
border-width:1px 2px 2px 1px;
border-color:#bfbfbf #969696 #969696 #bfbfbf;
border-style:solid;PADDING-RIGHT:4px;PADDING-LEFT:4px;PADDING-BOTTOM:1px;PADDING-TOP:1px;
LINE-HEIGHT:14px;HEIGHT:0pt;TEXT-ALIGN:center;TEXT-DECORATION:none;}
/*顯示個人能力數值的底圖*/

/*---------------------各文章列表區(下方)---------------------*/
/*----個人部落閣----*/
/*個人部落閣文章標題顏色*/
.article_t1{color:#007b43;font-weight:bold;}
.article_t1 a:link, .article_t1 a:visited{color:#007b43;font-weight:bold;}
/*個人部落閣最新文章及GP值底色*/
.articlebox{border:1px solid #968ecc;
background-color:none;
background-image : url(http://myhome.apbb.com.tw/indream228/BOTTOM01.gif);
background-repeat:no-repeat;
background-position : 110% 100%; /*背景圖片x與y軸的位置*/
padding:5px;width:100%;height:200px;}
/*個人部落閣文章版主回應分色線*/
.article_hr{
background-image : url(http://myhome.apbb.com.tw/indream228/line_02.gif);
background-repeat:repeat-x;
background-position : 50% 100%; /*背景圖片x與y軸的位置*/
height:10px;border:none;}

/*----個人精華區----*/
/*個人精華文章標題顏色*/
.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:#49A1B3;font-weight:bold;font-size:12px;border:1px solid #9A9A9A;background-color:#FFF;}

/*==========================================================
　　　　　　　　　　　　　　　其他外加語法
　==========================================================*/
/*----------頁面表單設定----------*/
div.left {background: none;}
div.leftOut1{background: none;}
div.leftOut2{background: none;}
div.leftDown {background: none;}
div.right {background: none;}
div.rightDown {background: none;}
div.container {background: none;}
div.main {background: none;}
div.mainOut {background: none;}
div.footer {background: none;}
/*---------------------------------*/
.post_list{background:none;}
.post_list ul{list-style-type: none;margin: 0px;padding: 0px;text-decoration:none;}
.postbox2 {border:0px;}
.postbox2 img{display:none;}
.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*/

/*------------------------預設按鈕設定------------------------*/
/*--按鈕基本呈現--*/
.button2,.button3,.button4,.button_h1,.button_h2{
font-family:"Book Antiqua,Arial";
font-size:12px;
color:#f09199;
height:19px;weight:100px;
background-color:transparent;
background-image :url(http://myhome.apbb.com.tw/indream228/button03.gif);
background-repeat:no-repeat;
background-position : 10% 100%; /*背景圖片x與y軸的位置*/
border:0px #f09199 solid;}
/*--「+收藏」--*/
/*文字顏色*/
.button_c1{color:#c97586;}
/*按扭去圖*/
.button_c1 img{display:none;}
.button2 img{display:none;}
.button3 img{display:none;}
/*--造訪按鈕樣式--*/
.button2:hover,.button3:hover,.button4:hover{
color:#f09199;
font-family:"Book Antiqua,Arial";
font-size:12px;
height:20px;weight:100px;
background-color:transparent;
background-image :url(http://myhome.apbb.com.tw/indream228/button03.gif);
background-repeat:no-repeat;
background-position : 10% 100%; /*背景圖片x與y軸的位置*/
border:0px #f09199 solid;}

/*---------------------------頁數按鈕設定-------------------------*/
/*無連結時的頁數按鈕設定*/
.p_nolink{background :#fdeff2;color:#CCC;border:1px #f09199 solid;}
/*所在頁數按鈕設定*/
.p_nextprev{background :#fdeff2;color:#CCC;border:1px #f09199 solid;}
/*非所在頁數按鈕設定*/
.pag{background :#fdeff2;color:#fdeff2;border:1px #fdeff2 solid;}
/*滑鼠拜訪頁數按鈕設定*/
.pag:hover{background :#fdeff2;color:#f09199;border:1px #f09199 solid;}

/*--------------------個人部落閣相關文章欄位設定--------------------*/
.home_scroll{
width:650px;
height:80px;
overflow:auto;
border:1px #f09199 solid;
SCROLLBAR-FACE-COLOR:#FEFCFC; /*軸面顏色*/
SCROLLBAR-HIGHLIGHT-COLOR:#EFC1BC; /*軸面三角左邊顏色*/
SCROLLBAR-SHADOW-COLOR:#EFC1BC; /*軸面三角右邊顏色*/
SCROLLBAR-3DLIGHT-COLOR:#FEFCFC; /*左立體邊顏色*/
SCROLLBAR-DARKSHADOW-COLOR:#FEFCFC; /*右立體面顏色*/
SCROLLBAR-ARROW-COLOR:#EFC1BC; /*箭頭的顏色*/
SCROLLBAR-TRACK-COLOR:#FEFCFC; /*軸軌的顏色*/
text-align:left;
font-size:12px;}

/*---------------------精華區標籤使用熱門度設定---------------------*/
.tag1 { color: #3399CC;}
.tag1 a:link, .tag1 a:visited, .tag1 a:hover { color: #3399CC;}
.tag2{ color: #C184C1;}
.tag2 a:link, .tag2 a:visited, .tag2 a:hover { color: #C184C1;}
.tag3 { color: #669966;}
.tag3 a:link, .tag3 a:visited, .tag3 a:hover { color: #669966;}
喜歡11 收藏 5 引用 留言 推上首頁 檢舉
引用網址：https://home.gamer.com.tw/TrackBack.php?sn=951068
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：|版面設計|CSS|下載|分享|

【小屋】CSS自訂版面：進階─左邊、右邊，我幫你換邊
【小屋】CSS自訂版面：文章標題和下方的上下篇連結顏色分開設定
【佈景套用】香甜花語─有細部修改語法。（修正：相關文章的奇怪斷行）
【小屋】CSS自訂版面：進階─部落閣:相關文章欄位篇
喜歡花花嗎?選就對了。(丟我家的版面上去套用XD)

留言共 12 篇留言

老爹：
幫你推推推~~

02-16 20:42

莉薇婭莞夢：
謝謝推推~
剛剛在找老爹喜歡的夜景主題，
找得差不多了，有空再弄XD"02-16 22:32
☆綠‧幻流★：
更改完畢XD

(越來越愛妳了~啾！)

02-16 21:25

莉薇婭莞夢：
感謝支持XD~

被親了~~(害羞)02-16 22:33
まどか御守：
看了一下娃娃的語法

~好~簡~潔~有~力~啊~

連語法都能寫的這麼整齊~果然是高手中的高高手

02-16 22:13

莉薇婭莞夢：
比我整齊的還有很多喔(羞)

人家只是把類型分不一樣而已，因為常用的就是那幾個嘛~~(再次害羞)02-16 22:34
苙呰唲：
　　嘖嘖，這一串CSS還真整齊，
　　我超懶得整理這個，可是不整理又找不到，
　　哈哈！我也想再重新設計版面，可是又懶　（遭踹）

02-17 06:44

莉薇婭莞夢：
話說測試版的整理在前前篇(?)

關於整理...我好像走走停停摸了N個月，
能整理出個蛋我也覺得很神奇@@"02-17 08:09
金：
收藏起來
有空在來整理我的版面

02-18 11:31

╭★蝶舞弄影﹋＊：
好利害

不過 眼花了= =

我還是繼續用我濫濫的部落格好了:@@:

02-22 12:48

二姐：
幫忙推推^^

02-23 23:51

雪璐：
呵~~好棒喔!!
好清楚~都看的懂說!!
我也要來重整自己的版面了!

02-29 13:43

★殘兵之首★閻羅★：
抱歉!! 請問有拿掉人數曲線圖的教學嗎??

拜託了

我需要語法

03-06 23:25

Nanna：
娃娃大好人>3<

請吃張雞皮(請勿食用過多,
一個不小心C罩杯以上的話...
這裡不負一切肩膀脖子酸痛責任)

03-11 20:43

Nanna：
http://w109.news.tpc.yahoo.com/article/url/d/a/080228/17/ubcn.html

至於原因?
請看這裡...

03-11 20:47

Kenaz：
非常清楚的說明，如語大的此篇讓人受益良多QWQ
個人的小屋借用大人的語法改造
拜謝大人無私分享<(_ _)>

03-12 02:07

我要留言提醒：您尚未登入，請先登入再留言

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

前一篇：喜歡花花嗎?選就對了。(... 後一篇：【游標】增加──ＬＵＮＡ...

追蹤私訊切換新版閱覽

作品資料夾

─══════╮ (3)

遊戲相關 (5)

─ 　教　學　 ◣ (2)

自訂CSS(基本) (10)

自訂CSS(進階) (15)

自訂CSS(其他) (9)

自訂語法Q＆A (3)

其他教學　 (2)

佈景套用　 (2)

─ 　個　人　 ◣ (0)

生活點滴　 (114)

動漫心得　 (5)

創作故事　 (6)

測驗結果　 (3)

推薦網站　 (4)

轉貼留存　 (8)

─ 　設　計　 ◣ (0)

版面設計　 (13)

游標設計　 (9)

勇造設計　 (10)

活動企劃　 (9)

─ 需　付　費 ◣ (0)

心情　點滴 (10)

創作　故事 (2)

版面　設計 (1)

─══════╯ (0)

未分類 (25)

d88931122 給 所有巴友：
歡迎諸君來參觀老僧的小屋，內含Steam與Google Play遊戲、3D角色模組、Line貼圖看更多我要大聲說昨天20:54


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

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