共2 條記錄, 每頁顯示 30 條, 頁簽:
[1]
[瀏覽完整版]
標(biāo)題：風(fēng)格制作篇
1樓
新月彎刀 發(fā)表于：2008/4/24 15:51:44
（一） 制作風(fēng)格步驟
| 第一步：確定你的模板源 | 想以哪個(gè)模板為基礎(chǔ)做新風(fēng)格，你就在基本設(shè)置里設(shè)置那個(gè)風(fēng)格為論壇的默認(rèn)風(fēng)格。 |
| 第二步：新建模板 | 風(fēng)格界面模板總管理--右邊下方有個(gè) 新建模板 ，在旁邊的輸入框里寫下你想給你的新模板取的名字，認(rèn)識點(diǎn)添加，就創(chuàng)建了一個(gè)新的模板。（新建模板將把當(dāng)前論壇默認(rèn)模版數(shù)據(jù)復(fù)制到新的模板中） |
| 第三步：新建風(fēng)格樣式 | 風(fēng)格界面模板總管理--修改CSS樣式---在最下面一行里進(jìn)行設(shè)置 |
| 第四步：修改風(fēng)格樣式 | 設(shè)置CSS 樣式來改變論壇里表格，文字顏色等的基本樣式。（具體見風(fēng)格制作CSS解析說明） |
| 第五步：修改模板樣式 | 在風(fēng)格模板管理里修改模板的樣式，而達(dá)到獨(dú)特的風(fēng)格效果。（具體見模板解析說明） |
（二） 7。1風(fēng)格制作CSS解析說明
<Style type="text/css">
| 論壇文字鏈接的顏色 |
| A:hover { TEXT-DECORATION: underline;Color: #4455aa } | 鼠標(biāo)懸停在鏈接上時(shí)所產(chǎn)生的效果 |
| BODY { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma; text-align: center; margin: 0; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } | FONT-SIZE: 12px 字體的大小 COLOR: #000000; 字體的顏色 |
| font { line-height: normal; } | 檢索或設(shè)置對象的行高。即字體最底端與字體內(nèi)部頂端之間的距離。 font：為字體屬性 line-heigt：為行距屬性，normal為默認(rèn)，當(dāng)然這里也可以用px或者pt來設(shè)置行距 |
| TD { font-family: Tahoma; font-size: 12px; line-height: 15px; } | 表內(nèi)橫向格（行） |
| th { background-image: url(Skins/Default/css/default/bg1.gif); background-color: #4455aa; color: white; font-size: 12px; font-weight: bold; height:25;} | 表內(nèi)縱向格（比如一級版塊欄目那里的一條，友情論壇最上面那一條等） background-image：背景圖片 background-color：背景顏色 Color：默認(rèn)為文字顏色 font-size：字體大小 font-weight：字形，一般有4種屬性：normal（默認(rèn)）、bold（加粗）、bolder（特粗）、lighter（特細(xì)） |
| th a { COLOR: #FFFFFF; TEXT-DECORATION: none; } | th樣式里文字連接的默認(rèn)顏色、效果 |
| th a:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; } | th樣式里鼠標(biāo)懸停在鏈接上時(shí)所產(chǎn)生的效果 |
| td.TableTitle1 { background-color: #6595D6; Color: #FFFFFF; } | 7。1特有的那個(gè)一條里的 XML 的背景顏色和字的顏色 |
| td.TableTitle2 { background-color: #E4E8EF; } | 這個(gè)屬性是用在DVBBS用戶列表，有“所有用戶列表”字樣那里的顏色。 |
| td.TableBody1 { background-color: #FFFFFF; line-height: normal; } | 這個(gè)是用在DVBBS兩種穿插顏色中的第一主色屬性。比如版塊介紹那一塊 |
| td.TableBody2 { background-color: #E4E8EF; line-height: normal; } | 這個(gè)是用在DVBBS兩種穿插顏色中的第二主色屬性。比如斑竹那一條的顏色 |
| td.TableBody3 { background-color: #6595D6; } | 我還沒有找到是做什么的 |
| td.TopLighNav { background-image: url(Skins/Default/css/default/bottombg.gif); } | 這是頂部表格的下背景圖片。 |
| td.TopLighNav1 { background-image: url(Skins/Default/css/default/tabs_m_tile.gif); } | 這里就是導(dǎo)航欄的背景圖片了 |
| td.TopLighNav2 { background-color:#FFFFFF } | 這個(gè)屬性也是頂部表格的，它是頂部表格的背景顏色 |
| .tableBorder1 { width:98%; border: 1px; background-color: #6595D6; } | 這是表格邊線屬性（border為邊線寬度）基本的表格都是調(diào)用的這個(gè) |
| .tableBorder2 { width:98%; border: 1px #DEDEDE solid; background-color: #EFEFEF; } | 這個(gè)是DVBBS的第二導(dǎo)航欄屬性，其border中的solid為邊線是直線，也可以設(shè)置成其它的，比如dotted（以點(diǎn)組成的虛線）、dashed（以線段組成的虛線）等等，就好象這一條 動(dòng)網(wǎng)先鋒論壇 → 動(dòng)網(wǎng)論壇 → 『 動(dòng)網(wǎng)風(fēng)格模板區(qū) 』 → 發(fā)表帖子 下面的表格的屬性 |
| .tableBorder3 { width:98%; border-left: #6595D6 1px solid; border-right: #6595D6 1px solid; border-top: 0px; border-bottom: #6595D6 0px solid; background-color: #EFEFEF;} | 有一次看見過在哪調(diào)用過，不過現(xiàn)在忘了，也沒有找到，這個(gè)的效果就是表格的左邊和右邊有一條線，上下沒有 |
| .tableBorder4 { width:98%; border: 1px #6595D6 solid; } | dispbbs.asp頁面貼子標(biāo)題，樹型 打印 那一條的表格樣式 |
| .tableBorder5 { border: 1px #6595D6 solid; background-color: #D6E0EF; } | 7。1特有的XML那一個(gè)塊塊的表格屬性 |
| .singleborder { font-size: 0px; line-height: 1px; padding: 0px; background-color: #6595D6 } | 首頁登陸那一塊右邊，新進(jìn)來賓那一條下面的分隔線的顏色 |
| #TableTitleLink A { COLOR: #FFFFFF; TEXT-DECORATION: none; } #TableTitleLink A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; } #nobold { font-weight: normal; } | 縱向表格內(nèi)文字鏈接的屬性 |
| input,select,Textarea,option { font-family: Tahoma,Verdana,"宋體"; font-size: 12px; line-height: 15px; COLOR: #000000; } | 輸入框、選擇框、文本框、選擇按鈕的屬性 |
| .normalTextSmall { font-size : 11px; color : #000000; font-family: Verdana, Arial, Helvetica, sans-serif; } | 下腳注的字體樣式 |
| .menuskin { BORDER: #666666 1px solid; VISIBILITY: hidden; FONT: 12px Verdana; POSITION: absolute; BACKGROUND-COLOR: #EFEFEF; background-image: url("Skins/Default/dvmenubg3.gif"); background-repeat: repeat-y; } | 下拉菜單屬性，Border是邊框?qū)傩裕珺ACKGROUND-COLOR是背景顏色屬性，background-image是背景圖片 |
| .menuskin A { PADDING-RIGHT: 10px; PADDING-LEFT: 25px; COLOR: black; TEXT-DECORATION: none; } | 這里是當(dāng)鼠標(biāo)鼠標(biāo)移動(dòng)到下拉菜單上所產(chǎn)生的效果，PADDING-RIGHT是文字右邊距，PADDING-LEFT為左邊距，大家可以根據(jù)自己的需要來調(diào)整 |
| .menuitems { margin: 2px; padding: 1px; word-break: keep-all; text-align: left; line-height: 14pt; } | 下拉菜單的基本屬性 |
| .BrightClass { background-color: #D7D7D7; } | 暫時(shí)沒有找到是做什么的 |
| .Redfont { color: red; } | 首頁在線圖例 那里調(diào)用的顏色效果，還有幾個(gè)紅色的地方也是調(diào)用的這個(gè)效果 |
| .BlueFont { color: #6595D6; } | 首頁最下面在線列表那一塊 的 當(dāng)前在線等前的小方塊的顏色 |
| .ImgOnclick { cursor: pointer; } | 風(fēng)格 這個(gè)菜單的樣式 |
| .Menu_popup{display:none;} | 用戶控制面板的樣式 |
| /* Div模板部分 */ .iTableBorder { width: 98%; line-height: 15pt } | 首頁底部論壇狀態(tài)部分 三個(gè)標(biāo)志 有新帖 沒新帖 那一塊的樣式 |
| hr { height: 1px; color: #6595D6; width: 100%; } | 分隔線的樣式，比如友情論壇下的的那條分隔線 |
| /* 編輯器特效CSS樣式 */ div.quote { margin:5px 20px;border:1px solid #CCCCCC;padding:5px;background:#F3F3F3 ;line-height : normal ;} | 好象是引用其他人發(fā)言時(shí)，引用框的效果 |
| div.HtmlCode { margin: 5px 20px; border: 1px solid #CCCCCC; padding: 5px; background: #FDFDDF ; font-size: 14px; font-family: Tahoma; font-style: oblique; line-height: normal; font-weight: bold; } div.info { border-top: 1px dotted #CCCCCC; padding: 5px; line-height: normal; color: #C5C5C5; width: 100% } font.ShowTools { color : white; background-color: #B88FFC; } .magicframe { border:1px solid #CCCCCC; } | 暫時(shí)還沒有仔細(xì)去找這部分是哪的 |
| .PageInput { border: solid 1px #D6E0EF; BACKGROUND-COLOR: #FAFAFA; height : 18px; FONT-FAMILY: Arial; FONT-SIZE:11.5px; } | 這是分頁那里的效果 |
| </Style> | 結(jié)束 |
2樓
熊貓 發(fā)表于：2010/8/26 9:06:24當(dāng)愛情經(jīng)過的時(shí)候
.Rke684
當(dāng)楓葉落盡的時(shí)候你是否會(huì)想起一些人 是否會(huì)依稀的記得曾經(jīng)和你在楓樹下蜜語的人
當(dāng)楓葉落盡的時(shí)候你是否會(huì)記起一些事 是否會(huì)依然的記得你們一起私訂下的海誓山盟
當(dāng)楓葉落盡的時(shí)候你是否會(huì)回憶那個(gè)她是否會(huì)依然的記得你們約定好一起去看上弦月
當(dāng)上弦月還在的時(shí)候 上海九院整形醫(yī)院當(dāng)楓葉還在的時(shí)候 曾經(jīng)那個(gè)和你約定的她還在嗎？
人生就是這么樣，就如楓葉一樣總在快失去的時(shí)候才發(fā)現(xiàn)是最美的。當(dāng)上弦月的月光照在楓葉上的時(shí)候楓葉發(fā)出最誘人的美麗，仿佛世界上的時(shí)間全部停止了，激光脫毛那一刻你們的心也同時(shí)靜止了！
但是一切都沒辦法再次挽回了。。。 轉(zhuǎn)載自
也許一個(gè)人錯(cuò)過就不可能在碰上！其實(shí)多么想對她說今年的楓葉可能是最后一年我能看見你了，明年楓樹就不在了，但是楓葉就是楓葉不會(huì)停留，到時(shí)間就消失不會(huì)再留下任何痕跡，只有一段讓人懷念的回憶。什么是回憶，那是珍藏在彼此心中最美的回憶。也許在這個(gè)地方無法看見楓葉，紅色的楓葉永遠(yuǎn)是你心中的傷，一份悲傷，一份上弦月，一片楓葉，一輩子的回憶。蒼天桑海都記住這楓葉！火紅的葉兒！
唯有磐石堅(jiān)如石浦葦韌如絲……
龍卷風(fēng)終于在我的思緒中緩緩遠(yuǎn)去，抽脂減肥而它激起我的狂蕩的心潮把我心的沙灘刷得辣辣的，此刻留有的竟是一股令人難忘的余痛，一種使人超脫，使人充實(shí)和無所畏懼的余痛，我似乎又想起自己早年說過的一句話：真正的愛是一種超越一切的無畏與從容。
事業(yè)，需要冷靜的思維應(yīng)付；愛情，則不能缺少狂烈的患難考驗(yàn)，是龍卷風(fēng)掀起了滔天的情之潮，又是基于情的冷靜擊退了龍卷風(fēng)死亡的威攝。忘不了迎風(fēng)沖突時(shí)近似強(qiáng)暴的拉扯，瘦身方法忘不了抑著急切之心共同把希望之物推向劇烈的風(fēng)旋，然而，更忘不了的是大風(fēng)無情的追殺和卷入風(fēng)中時(shí)舍命的掙扎，風(fēng)靜之時(shí)，方使人頓悟愛情竟是這般厚實(shí)無邊，堅(jiān)不可摧。愛情，似乎使“人定勝天”的信念更加無以置疑地矗立起來。 轉(zhuǎn)載自
當(dāng)一顆顆感應(yīng)器架著銀色的小風(fēng)輪在風(fēng)旋中以優(yōu)美的姿態(tài)急驟地升起時(shí)，朦朧中我仿佛感到宇宙賦予人的一種強(qiáng)大的力和一條罕見的軌跡，只有踏上這條軌跡的人才能發(fā)揮其無邊的力量。
許多時(shí)候，真愛就在你的指尖，不經(jīng)意的溜走。也許你撲捉到了一個(gè)瞬間，你就抓住了一生的幸福。
當(dāng)愛情走來的時(shí)候，瘦身網(wǎng)你會(huì)沉醉在芳香的愛的花園里，處處是鮮花處處是美景。醉了吧，我愿和你一起，沉醉永遠(yuǎn)不要醒......
.Rke684
當(dāng)楓葉落盡的時(shí)候你是否會(huì)想起一些人 是否會(huì)依稀的記得曾經(jīng)和你在楓樹下蜜語的人
當(dāng)楓葉落盡的時(shí)候你是否會(huì)記起一些事 是否會(huì)依然的記得你們一起私訂下的海誓山盟
當(dāng)楓葉落盡的時(shí)候你是否會(huì)回憶那個(gè)她是否會(huì)依然的記得你們約定好一起去看上弦月
當(dāng)上弦月還在的時(shí)候 上海九院整形醫(yī)院當(dāng)楓葉還在的時(shí)候 曾經(jīng)那個(gè)和你約定的她還在嗎？
人生就是這么樣，就如楓葉一樣總在快失去的時(shí)候才發(fā)現(xiàn)是最美的。當(dāng)上弦月的月光照在楓葉上的時(shí)候楓葉發(fā)出最誘人的美麗，仿佛世界上的時(shí)間全部停止了，激光脫毛那一刻你們的心也同時(shí)靜止了！
但是一切都沒辦法再次挽回了。。。 轉(zhuǎn)載自
也許一個(gè)人錯(cuò)過就不可能在碰上！其實(shí)多么想對她說今年的楓葉可能是最后一年我能看見你了，明年楓樹就不在了，但是楓葉就是楓葉不會(huì)停留，到時(shí)間就消失不會(huì)再留下任何痕跡，只有一段讓人懷念的回憶。什么是回憶，那是珍藏在彼此心中最美的回憶。也許在這個(gè)地方無法看見楓葉，紅色的楓葉永遠(yuǎn)是你心中的傷，一份悲傷，一份上弦月，一片楓葉，一輩子的回憶。蒼天桑海都記住這楓葉！火紅的葉兒！
唯有磐石堅(jiān)如石浦葦韌如絲……
龍卷風(fēng)終于在我的思緒中緩緩遠(yuǎn)去，抽脂減肥而它激起我的狂蕩的心潮把我心的沙灘刷得辣辣的，此刻留有的竟是一股令人難忘的余痛，一種使人超脫，使人充實(shí)和無所畏懼的余痛，我似乎又想起自己早年說過的一句話：真正的愛是一種超越一切的無畏與從容。
事業(yè)，需要冷靜的思維應(yīng)付；愛情，則不能缺少狂烈的患難考驗(yàn)，是龍卷風(fēng)掀起了滔天的情之潮，又是基于情的冷靜擊退了龍卷風(fēng)死亡的威攝。忘不了迎風(fēng)沖突時(shí)近似強(qiáng)暴的拉扯，瘦身方法忘不了抑著急切之心共同把希望之物推向劇烈的風(fēng)旋，然而，更忘不了的是大風(fēng)無情的追殺和卷入風(fēng)中時(shí)舍命的掙扎，風(fēng)靜之時(shí)，方使人頓悟愛情竟是這般厚實(shí)無邊，堅(jiān)不可摧。愛情，似乎使“人定勝天”的信念更加無以置疑地矗立起來。 轉(zhuǎn)載自
當(dāng)一顆顆感應(yīng)器架著銀色的小風(fēng)輪在風(fēng)旋中以優(yōu)美的姿態(tài)急驟地升起時(shí)，朦朧中我仿佛感到宇宙賦予人的一種強(qiáng)大的力和一條罕見的軌跡，只有踏上這條軌跡的人才能發(fā)揮其無邊的力量。
許多時(shí)候，真愛就在你的指尖，不經(jīng)意的溜走。也許你撲捉到了一個(gè)瞬間，你就抓住了一生的幸福。
當(dāng)愛情走來的時(shí)候，瘦身網(wǎng)你會(huì)沉醉在芳香的愛的花園里，處處是鮮花處處是美景。醉了吧，我愿和你一起，沉醉永遠(yuǎn)不要醒......
共2 條記錄, 每頁顯示 30 條, 頁簽:
[1]