HDWiki/通用樣式解讀

目錄

• 1 字體
• 2 字體顏色
• 3 布局
• 4 寬度
• 5 border邊框樣式和顏色
• 6 鏈接樣式
• 7 文本輸入框的樣式
• 8 參考來源
• 9 HDWIKI使用手冊導(dǎo)航

字體

/*--font size--*/
h1,.h1{font-size:16px;}
h2,.h2{font-size:14px;font-weight:bold;}
h3,.h3{font-size:12px; font-weight:normal;}
.font-14{font-size:14px;}
.bold{font-weight:bold;}
.indent{text-indent:-9999em;}

在這里為字體定義了3個(gè)級別，分別為h1 16px; h2 14px; h3 12px;

如果你希望給你元素定義14號，粗體，只需要給其標(biāo)簽，附加class名h2即可。

字體顏色

/*--color--*/
.red{color:red !important;}
.blue,a.blue{color:#0268cd;}
.orange{color:#FF9900 !important;}
.gray{color:#666;}
.black{color:#333;}

在這里定義的基礎(chǔ)顏色，可以通過修改這個(gè)，修改全站的通用顏色。

布局

/*--float and align--*/
.l{float:left;}
.r{float:right;}
.a-l{text-align:left;}
.a-r{text-align:right;}
.a-c{text-align:center;}
.c-b{clear:both;}

如果你想讓你的布局在左面的話，只需在在你想要浮動的標(biāo)簽上附加class名為.l.比如：

，靠左面，附加.l 修改為

。注意columns和l 之間有一個(gè)空格?？坑乙廊弧?

如果，你想你的文本右對齊，這只需給你的模塊附加class名a-r，即可，方法同上，靠左，居中亦然。

寬度

/*--width--*/
.w-950{width:950px;}
.w-710{width:710px;}
.w-550{width:550px;}
.w-630{width:630px;}
.w-428{width:428px;}
.w-310{ width:310px;}
.w-268{width:268px;}
.w-230{width:230px;}
.w-110{width:110px;}
.w-70{width:70px;}

這里預(yù)知柵格話的寬度，如果需要的話，可以通過附加現(xiàn)有寬度布局。例如：

.，附加.w-710

border邊框樣式和顏色

/*--border--*/
.bor_no{border:0 !important;}
.bg_no{background:none !important;padding-right:0 !important;}
.bor_b-ccc,.col-h2{border-bottom:1px #ccc solid;}
.bor-ccc,.columns,.bor-c_dl dl{border:1px #ccc solid;}

HDwiki仿官方版的邊框的樣式基本都在這里。修改其中的值，可以控制全站的邊框樣式。

鏈接樣式

/*----link style----*/
a{color:#0268cd ; text-decoration:none;}
a:hover{color:#f30;text-decoration:underline;} 
/*------link orange-----*/
.link_orange a{color:#ff3300; text-decoration:none;}
.link_orange a:hover{color:#ff3300;text-decoration:underline;}

HDwiki仿官方版的鏈接的樣式

文本輸入框的樣式

/*--input--*/
.inp_txt{border:1px #7f9db9 solid;color:#666;height:17px;line-height:17px;}

HDwiki仿官方版的文本輸入框的通用樣式

參考來源

http://kaiyuan.hudong.com/

HDWIKI使用手冊導(dǎo)航

HDWIKI安裝： 安裝教程 HDWiki使用： 前臺使用說明 | 用戶管理 | 模板管理 | 插件管理 | 數(shù)據(jù)庫管理 | 站內(nèi)統(tǒng)計(jì) | Map功能 | 基本設(shè)置 | 站點(diǎn)設(shè)置 | 擴(kuò)展設(shè)置 | 內(nèi)容設(shè)置 | 友情鏈接及廣告管理 | 分類管理 | 詞條管理 | 數(shù)據(jù)調(diào)用 | 其他內(nèi)容管理 | 禮品商店 | 圖片及木馬掃描 | Apache偽靜態(tài) | IIS偽靜態(tài) | Nginx偽靜態(tài) | 通用樣式解讀 | 樣式使用規(guī)則 | 數(shù)據(jù)庫結(jié)構(gòu)說明 | 模板說明 | 函數(shù)類參考 |軟件包結(jié)構(gòu) | HDWiki運(yùn)行機(jī)制和原理 |編碼規(guī)范 |MVC中的控制器 | 框架簡介 | 高級應(yīng)用 | MVC中的視圖 | MVC中的模型 | HDWiki與PHPCMS整合 | HDWiki與PHPWind整合 | HDWiki與DEDECMS整合 | HDWiki與UCenter整合 | 可視化編輯使用說明 | 模塊區(qū)版塊制作教程 | 模版共享 HDWiki插件： 插件開發(fā)指南 | 許愿墻插件開發(fā)實(shí)例 | 模版與標(biāo)簽 | 宣傳中心 | 友情鏈接申請 | 數(shù)據(jù)調(diào)用 | 互動摸摸