都是軟萌新,求各位大神帶飛正統暗黑,經典重現勇者歷練海量資源絕世仙霞路,淒美江湖情
dimeoskddm ( 方亓 )
手機認證徽章
Lv. 11 | 文章數:174 | 推薦數:60 | 被推數:134 #1. 2008-02-05 16:00:44
@charset "utf-8";
/* HTML預設宣告 */
body{
background:url(http://img231.imageshack.us/img231/7276/tntaustakuva2rr1.jpg);(此為-頁面背景修改)
background-attachment:fixed;(fixed為重複背景的意思)
}
a{
color:#FADC96;;(此為-日記標題與近期文章字體顏色)
text-decoration:none;
}
a:hover{
border-bottom:none;
color:#FADC96;;(此為-超連結字體顏色變化,亦可修改成與日記標題相同色碼)
text-decoration:underline;
}
/* 預設表格 */
table{
border:solid 1px #343232;(會員資料與詳細個檔區-內部邊線色碼)
border-collapse: collapse;
margin:0 auto;
text-align:center;
width:100%;
}
th{
border:solid 1px #343232;(會員資料與詳細個檔區-內部邊線色碼)
padding:2px 0;
font-size:12px;
font-weight:bold;
background-color:#365767;(會員資料與詳細個檔區-內部區塊背景色碼)
color:#D9F9FF;(會員資料與詳細個檔區-內部區塊字體色碼)
text-align:center;
}
td{
border:solid 1px #343232;(會員資料與詳細個檔區-內部邊線色碼)
font-size:12px;
padding:2px 2px 0 3px;
background-color:#3F4D53;(會員資料與詳細個檔區-內部區塊背景色碼)
color:#A1B8BC;
text-align:left;
}
td a{
color:#FFF;(內部區塊小部份字體色碼,修改之後影響不大,建議不必修改)
text-decoration:none;
}
td a:hover{
border-bottom:none;
color:#FFF;(內部區塊小部份字體色碼,修改之後影響不大,建議不必修改)
text-decoration:underline;
}

/* 佈局 */
#header{
margin:0 auto;
width:955px;(上部區塊大圖之長度)
height:150px;(上部區塊大圖之寬度)
background:url(http://img132.imageshack.us/img132/7738/tn05un4.jpg) no-repeat;(網頁-上部區塊大圖)
}
#container{
margin:0 auto;
width:955px;
font-size:13px;
color:#ADAEBA;(日記與近期文章-字體色碼)
text-decoration:none;
}
#left{
float:left;
width:200px;
}
#center{
float:left;
width:555px;
}
#right{
float:left;
width:200px;
}
/* 版頭 */
#mybase_title{
position:relative;
top:50px;
width:600px;
color:#FFF;(上部區塊圖-字體色碼,簡單來說,就是網誌標題的顏色)
left: 60px;
}
#mybase_title h4{
font-size:30px;
font-weight:bold;
}
#mybase_title h4 a{
color:#FFF;(上部區塊圖-字體色碼)
text-decoration:none;
}
#mybase_title h4 a:hover{
border-bottom:none;
color:#FFF;
text-decoration:underline;
}
/* 左列 右列 區塊 */
#left .box , #right .box{
margin:10px 0 10px 0;

}
#left .box h4, #right .box h4{
background:url(http://img151.imageshack.us/img151/7222/tn08fa5.jpg);(左右方個檔資料之類的區塊小圖)
font-size:15px;
color:#FFF;
font-weight:bold;
padding:8px 0 0 30px;
height:23px;
}
#left .main, #right .main, #center .main{
border:solid 1px #6a8fff;(個檔、日記、近期文章區塊-邊線顏色)
padding:5px;
word-break:break-all;
overflow:hidden;
background-color:#0f273f;(個檔、日記、近期文章區塊-背景顏色)

}
/* 中間 區塊 */
#center .box{
margin:10px;
}
#center .box h4{
background:url(http://img411.imageshack.us/img411/7279/tn11lj9.jpg);(日記與近期文章的區塊小圖)
font-size:15px;
color:#FFF;
font-weight:bold;
padding:8px 0 0 30px;
height:23px;
}
.center_title{
font-size:13px;
color:#6a8fff;
font-weight:bold;
padding:8px;
}
/* 會員資料 */
#data .avata{
margin:0 10px 10px 10px;
display:block;
text-align:center;
}
/* 近期日記 標記討論版*/
#diary_list li, #mark_forum li{
list-style-type:square;
margin-left:20px;
}
/* 我的日記 */
.diary h5{
font-size:16px;
font-weight:bold;
}
.diary li{
border-bottom:solid 1px #CCC;我的日記-分隔線顏色)
padding:5px;
}
.diary .date{
display:block;
}
.diary .menu{
display:block;
text-align:right;
}
.diary .info{
display:block;
padding:10px 0;
}
/* 我的日記 回應 */
.diary .diary_reply_title{
margin-top:20px;
display:block;
font-size:16px;
font-weight:bold;
}
.diary .raply_bottom{
display:block;
text-align:right;
}
#diary_reply li{
border:solid 1px #c4c4c4;(文章回應-內部邊線顏色)
margin-bottom:10px;
}
#diary_reply h5{
font-size:13px;
font-weight:bold;
}
#diary_reply .date{
display:block;
text-align:right;
}
#diary_reply .answer{
display:block;
padding:10px;
background-color:#EBF7F7;(文章回應-背景顏色)
}
#diary_reply .answer_title{
display:block;
padding:5px;
font-size:13px;
font-weight:bold;
}
#reply_box td{
padding:5px;
}
/* 好友名單 校友名單 誰加入我 */
#friends li, #school_friend li, #who_add_me li{
float:left;
margin:3px;
}
#friends img, #school_friend img, #who_add_me img{
width:85px;
height:85px;
}
#friends .friend_name, #school_friend .friend_name, #school_friend .school_name, #who_add_me .friend_name{
display:block;
width:80px;
margin:4px 0;
text-align:center;
overflow:hidden;
}
/* 我的文章 */
#topic li, #topic_list li{
border:solid 1px #c4c4c4;(我的文章-內部邊線色碼)
}
#topic h5, #topic_list h5{
font-size:14px;
font-weight:bold;
margin:5px;
}
#topic .menu, #topic_list .menu{
font-size:12px;
display:block;
text-align:right;
margin:5px;
}
/* 繼續閱讀 */
.more{
display:block;
text-align:right;
padding:10px;
}
/* 分頁表格 */
.page_table{
width:0;
margin:10px auto;
}
.page_table td{
text-align:center;
white-space:nowrap;
padding:2px 5px;
font-size:13px;
}
.page_select{
font-weight:bold;
background-color:#365767;(此為-超連結字體顏色變化,亦可修改成與日記標題相同色碼)
}
/* 會員相關連結 */
#footer{
margin:10px;
padding:10px;
text-align:center;
}

以上是基本上會修改到的地方,
小小註明,希望對您有些幫助。^^

目前來說,欲上傳的圖檔盡量不要超過30kb,
否則有時會變成無法顯示唷!

至於上傳圖檔的免費空間,
小弟則建議以下網站。

放置圖片網站
http://www.imageshack.us/
e671230001 ( ☆冷面天使☆星穎 )
Lv. 40 | 文章數:7774 | 推薦數:652 | 被推數:3968 #2. 2008-02-05 16:24:50
因為基地回溯,當初万开兄所留下的語法整個不見,所以在有勞万开兄在
多貼一次了,實在感謝!希望能幫到對於有想動手做mybase而沒有頭緒的
版友!

這篇會公告置頂後列入精華,謝謝閣下的分享!(題外話)
來源IP:218.164.82.* / 最後編輯時間:2008-02-05 16:32:48
簽名檔
越相愛越不能相愛...
誰能告訴我怎麼跨越這道鴻溝...   
在愛情的國度裡你是否和我一樣深深傷過...   
在黑暗的角落獨自舔觝這滿身傷口...   
願天使能傾聽我的脆弱... 
安撫我最最不安的靈魂...
dimeoskddm ( 方亓 )
手機認證徽章
Lv. 11 | 文章數:174 | 推薦數:60 | 被推數:134 #3. 2008-02-05 17:14:50
如欲在網頁中放置音樂播放器,
可使用下列語法。

<embed src="http://odeo.com/flash/audio_player_tiny_black.swf" quality="high" width="145" height="25" name="audio_player_tiny_black" align="middle" allowsrciptaccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=14875773&audio_duration=316.97&valid_sample_rate=true&external_url=http://pic23.pic.wretch.cc/photos/16/k/kistory/3/1629585047.mp3"></a>


想換歌曲的話,只需修改藍色字體部份即可。
此播放器優點在於所佔空間不大,
播放器板面精小。

在下順手將放置小時鐘的做法,
以簡易圖示做說明。

小時鐘網站:http://www.clocklink.com/gallery.php

步驟一


步驟二



至於放置的地方,可選擇放置在個人網頁的《我的活動》之中即可哩。^^
andysd14 ( 〝感覺〞月﹋杰 )
戀戀玫瑰花束濃情巧克力戀愛御守虛擬情人
Lv. 22 | 文章數:1237 | 推薦數:55 | 被推數:938 #6. 2008-03-23 02:56:32
唔...虧我還是資訊科畢業的
居然看都看不懂 囧
不過還是推一下啦XD
來源IP:123.252.2.* /
簽名檔
笑って 泣いて 君と出会えて
続く未来は 輝いていた
ひまわり揺れる タイヨウの下で
私のまま 明日を
ありがとう 伝えたい 今なら言えるよ
過ごした季節も 忘れはしないよ
ひまわり揺れる タイヨウのように
私のうた 君を 照らすよ
快速回覆 | 註冊 使用完整編輯模式回覆
討論板頭像 [ 設定 ] |簽名檔 [ 設定 ]
有人回覆時通知我 【通知管理