https://www.webchin.org/Meko/viewtopic.php?id=12585

سڵاو هاورێ خۆشه‌ویسته‌کان

ئێمه‌زۆرێکمان punbb به‌کاردێنین وه‌به‌هۆ که‌میی ستایلی punbb1.3 یان کێشه‌یبه‌کوردی کردنی و که‌می شاره‌زانی له‌css زۆرکرکات کێشه‌ی ستایل مان ده‌بێت بۆیه‌من به‌ باشم زانی له‌م بابه‌ته‌دا ریژه‌یه‌کی زۆری په‌رگه‌ی Oxygen_cs.css تانن بۆشی که‌مه‌وه‌،که‌زۆربه‌ی ده‌ستکاری یه‌کانی ستایل له‌م په‌رگه‌یه‌ده‌کرێت.

تێبینی:-
1-پێویسته‌ که‌مێک شاره‌زایت له‌ده‌ست کاری ره‌نگ داهه‌بێت له‌CSS
2-بۆدیاری کردنی هه‌ر شوێنێک که‌ گۆرانکاری به‌سه‌ردادێت ئه‌وا ره‌نگی سورم به‌کارهێناوه‌.

1-

body {
    background: #fff;

بۆگۆرینی باگراوندی مه‌کۆ

color: #333;

بۆگۆرینی ره‌نگی نوسینی مه‌کۆ
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
2-

.brd a:link, .brd a:visited {
    color: #00579C;
    }

بۆ گۆری نی ڕه‌نگی لینک به‌گشتی
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
3-

.brd a:hover, .brd a:active, .brd a:focus,
.brd p.feed a:hover, .brd p.feed a:active, .brd p.feed a:focus {
    color: #b42000;
    text-decoration: none;

بۆگۆرینی ره‌نگی لینک که‌کاتێک ماوس ئه‌چیته‌سه‌ری
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
4-

.brd .gen-content, .brd .main-content {
    background: #ff00ff;

بۆگۆری نی ئه‌م شوینانه‌ی که‌له‌وێنه‌که‌ ئاماژه‌م پێداوه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
5-

border-color: #DFE6ED;

بۆگۆرینی ره‌نگی ئه‌م هێڵانه‌ی خواره‌وه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
6-

border-bottom-color: #CBD1D8;

بۆ گۆرینی ئه‌م هێڵانه‌ی خواره‌وه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
7-

.brd .main-pagepost {
    background: #fff;

بۆ گۆرینی ره‌نگی ئه‌م دوو به‌شه‌ که‌له‌وێنه‌که‌ ئاماژه‌م پێکردوه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
8-

border-color: #DDE4EB;

بۆگۆرینی ئه‌م هێڵه‌ی که‌له‌وێنه‌که‌ به‌ره‌نگی سور ده‌رده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
9-

.brd .crumbs {
    background: #fff;

بۆگۆرین ئه‌م دوو شوێنه‌ی که‌ له‌وێنه‌که‌ دیاری کراوه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
10-

border-color: #fff;

بۆگۆرینی ئه‌م هێله‌که‌ له‌وێنه‌که‌ دیاریکراوه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
11-

.brd .main-item, .brd .main-item li, .brd .main-item div, .brd td {
    border-color: #f00000;
}

بۆگۆرینی ئه‌م هێڵانه‌ که‌له‌سه‌ر وینه‌که‌دیاریکراوه‌‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
12-

.brd .post * {
    border-color: #DDE4EB
}

بۆگۆرینی ئه‌م هێڵانه‌ی که‌له‌ناو په‌یام دا هه‌یه‌ سه‌یری ئه‌م وێنه‌ی خواره‌وه‌ بکه‌ زیاتر روون ئه‌بێته‌وه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
13-

.brd .post {
    border-color: #DDE4EB;

بۆگۆرینی ئه‌م دوو هێڵيی که‌له‌کاتی وڵام نوسینداده‌رده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
14-

border-top-color: #fff;

بۆگۆرینی ئه‌م هێڵه‌ی که‌له‌نێوان دوو په‌یم داهه‌یه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
15-

border-bottom-color: #f00000;

ئه‌مه‌ش بۆهه‌مان مه‌به‌ست به‌کاردێت

#topic-review .firstpost, .brd .singlepost {
    border-top-color: #DDE4EB;

بۆگۆرینی ئه‌م هێله‌ی سه‌ره‌وه‌که‌له‌کاتی ولام نوسیندا ده‌ر ده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
16-

border-bottom-color: #f00000;

بۆگۆرینی ئه‌م هێله‌ له‌کاتی وڵام نوسین داده‌رده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
17-

.brd .post {
    background: #EDF1F5;
}

ئه‌م شوێنه‌که‌ له‌وێنه‌که‌ ده‌رده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
18-

.brd .posthead, .brd .postbody, .brd .post-options {
    background: #f9f9f9;
}

بۆگۆرینی ناوه‌ی په‌یام یاخوبابه‌ت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
19-

.brd .posthead .hn {
    background: #F1F1F1;
    }

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
20-

.brd .online .userstatus span {
    border-color: #517CA1;
}

بۆگۆرینی ره‌نگی ئه‌م چواگۆشه‌یه‌ی که‌ ئاماژه‌به‌وه‌ ده‌کات که‌ لێره‌یه‌

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
21-

.brd .ct-box, .brd .ct-set, .brd .ct-group, .brd .frm-group {
    border-color: #DBE0E4;
}

بۆگۆرینی ئه‌م هێڵه‌ی که‌ له‌کاتی گه‌ران دا دیارده‌که‌وێت

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
22-

.brd .admin-page .ct-box {
    background: #FEFFE6;
}

بۆگۆرینی باگراوندی ئه‌م ‌ئاگاداریانه‌ی که‌له‌به‌رێوبه‌راتی داهه‌یه‌وه‌ ک له‌به‌شی  پێوه‌كراوه‌كان ئه‌م ئاگاداریه‌هه‌یه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
23-

.brd .admin-page .ct-set .ct-box, .brd .report {
    background: #F4F9FD;

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
24-

.brd .admin-page .warn-set .warn-box {
    background: #FEFFE6;
}

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
25-

.brd .main-frm .ct-group, .brd #brd-announcement {
    background: #F4F9FD;
}

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
26-

.brd .main-content .info-box {
    background: #FFFFE1;

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
27-

.brd .main-extensions .extension, .brd .main-hotfixes .hotfix {
    background: #F4F9FD;
}

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
28-

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box, .brd #admin-alerts {
    background: #FEFFE6;

بۆگۆرینی ره‌نگی ئه‌م به‌شه‌

border-color: #F4EBCE;
}

بۆگۆرینی ئه‌م هێڵه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
29-

.brd .warn-group, .brd .warn-set, .brd .warn-box, .brd .error-box {
    border-color: #E6D190;
}

بۆگۆرینی ئه‌م هێڵه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
30-

.brd ul.error-list li {
    color: #6A97BF;
}

بۆگۆرینی ئه‌م خاڵانه‌که‌له‌کاتی گه‌راندا دیارده‌که‌وێت

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
31-

.brd ul.error-list li span {
    color: #666;
}
بۆگ

گۆرینی ره‌نگی ئه‌م نوسینه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
32-

.brd ul li strong {
    color: #333;
}

بۆگۆرینی ره‌نگی ئه‌م نوسینه‌که‌ئێستا سوره‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
33-

.brd .ct-box .hn, .brd .ct-box .sig-demo {
    border-color: #DBE0E4;
    color: #1F537B;

بۆگۆرینی هه‌ندێک له‌نوسینی زانیاریتاکه‌که‌سی وه‌ک

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
34-

.brd .error-box .hn {
    color: #333;
}

بۆگۆرینی ئه‌م ئاگاداریه‌ی که‌له‌کاتی هه‌ڵه‌کردنی به‌رزکردنه‌وه‌ی وێنه‌چکۆ ڵه‌دا روده‌ده‌ن

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
35-

.brd .help-box {
    background: #f4f4f4;
}

بۆگۆرینی باگراوندی په‌رگه‌ی help.php(یارمه‌تی)
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

.brd .frm-buttons, .brd .extension .options, .brd .hotfix .options {
    border-color: #DBE0E4;
}

بۆگۆرینی ئه‌م هێڵه‌ی که‌له‌خواره‌وی به‌شکانی زانیاری تاکه‌که‌سی دا ده‌رده‌که‌ێت

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
36-

.brd .checklist {
    background: #fff;

بۆگۆرینی باگراوندی ئه‌م به‌شی که‌شوێنگەى چاودێر دیاری ئه‌که‌یت له‌زانیاریتاکه‌که‌سی

border-color: #ccc;
}

بۆگۆرین ئه‌م هێڵه‌ی که‌ شوێنگەى چاودێر دیاری ئه‌که‌یت

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
37-

.brd label, .brd .aslabel, .brd .mf-set legend, .brd .ct-legend * {
    color: #357;
}

بۆگۆرینی ره‌نگی چه‌ندبه‌شێک

له‌ ئه‌ندامان

له‌ گه‌ڕان

له‌زانیاری تاکه‌که‌سیش چه‌ند نوسینێک ره‌نگی ئه‌گۆرێت
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
38-

#brd-navlinks {
    background: #113C5E;

بۆگۆرین باگراوندی مینوسه‌ره‌وه‌

بۆگۆرینی هێڵ مینوباری سه‌ره‌وه

border-color: #113C5E;‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
39-

#brd-navlinks a:link, #brd-navlinks a:visited {
    color: #ddd;
}

بۆگۆرینی لینکه‌ کانی سه‌ره‌وه‌ی

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

#brd-navlinks a:hover, #brd-navlinks a:active, #brd-navlinks a:focus {
    color: #fff;
    text-decoration: underline;
}

بۆگۆرین ره‌نگی لینک له‌کاتێک که‌ماوس ئه‌چێته‌سه‌ری
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
40-

.brd .main-menu, .brd .admin-menu {
    background: #1F537B;
}

بۆگۆرینی مینوی به‌رێوبه‌رایه‌تی

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
41-

.brd .admin-submenu {
    background: #E4E4EC;

بۆگۆرینی مینوی به‌ێوبه‌رایه‌تی

border-color: #DFE6ED;
}

بۆگۆرینی ئه‌م دووهێڵه‌

‌
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
42-

.brd .admin-menu a:visited {
    color: #ddd;

بۆگۆرینی ره‌نگی ئه‌م لینکانه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
43-

text-decoration: underline;
    color: #fff;
}

بۆگۆرینی ئه‌م نوسینه‌ که‌کاتێک که‌ماوس ئه‌چێته‌سه‌ری

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
44-

.brd .main-menu li.active a {
    color: #fff;
}

بۆگۆرینی ره‌نگی نوسینی ئه‌به‌سه‌ی که‌هه‌ڵت بژاردوه‌ له‌زانیاری تاکه‌که‌سی

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
45-

.brd .admin-menu li.active a {
    color: #eef;
}

بۆگۆرینی ره‌نگی نوسینی ئه‌به‌سه‌ی که‌هه‌ڵت بژاردوه‌ له‌به‌رێوبه‌رایه‌تی

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
46-

#brd-head {
    background: #296FA5;

بۆگۆرینتی ره‌نگی به‌شی سه‌ره‌وه‌

بۆگۆرینی ره‌نگی پێناسه‌ی مه‌کۆ که‌له‌هامه‌ن شوێن ده‌رئه‌که‌ویت

border-color: #296FA5;
}

بۆگۆرینی ئه‌م چورچێوه‌یه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
47-

#brd-head a, #brd-head a:link, #brd-head a:visited {
    color: #fff;
}

بۆگۆرینی ره‌نگی سه‌ردێری مه‌کۆ که‌له‌سه‌ره‌وه‌ده‌رده‌که‌ویت
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
48-

.brd .main-head, .brd .main-foot {
    background: #1F537B;

بۆگۆرینی ره‌نگی تاسک بار

color: #ddd;

بۆگۆرینی ره‌نگی نوسینی پۆله‌کان

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
49-

.brd #brd-announcement h1 {
}    border-color: #BBBBBB;

بۆگۆرینی ره‌نگی ئه‌م هێڵه‌ی که‌له‌ئاگاداریدا سه‌ردێری ئاگاداری و ئاگاداری جیائه‌کاته‌وه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
50-

.brd .main-subhead {
    border-color: #DFE6ED #DFE6ED #CBD1D8 #DFE6ED;

بۆگۆرینی ره‌نگی ئه‌م چوارچێوه‌یه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
51-

background: #F4F4F4;
}

بۆگۆرینی ره‌نگی ئه‌م شریته‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
52-

.brd .main-foot .options a:link, .brd .main-foot .options a:visited {
    color: #ccc;
}

بۆگۆرینی ره‌نگی ئه‌م لینکانه‌

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
53-

.brd .main-foot .options a:hover, .brd .main-foot .options a:active, .brd .main-foot .options a:focus {
    color: #fff;
}

بۆگۆرینی ره‌نگی ئه‌م لینکانه‌ که‌کاتیک ماس ئه‌چێته‌سه‌ری

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
54-

.brd .main-content .main-item .icon {
    border-color: #EDF1F5 #DDE0E4 #C6CBD3 #BABFC6

بۆگۆرینی ره‌نگی ئایکۆنی بابه‌تی کۆن وه‌هه‌ریه‌کله‌م کۆدانه‌ ڕوویه‌ک دروست ئه‌که‌ن وه‌گه‌ر هه‌ریه‌ک له‌م کۆدانه‌ بگۆریت ئه‌وه‌
ره‌نگی لایه‌کی ئاکۆنه‌که‌ده‌گۆرێت

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
55-

.brd .main-content .sticky .icon {
    border-color: #D7E5F3 #C3CFDC #9FB3C7 #90A2B4
}

ئایه‌کۆ نی هه‌‌ڵواسین دروست ئه‌کات
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
56-

.brd .main-content .closed .icon {
    border-color: #ACACAC #979797 #898989 #7A7A7A
}

ئایکۆنی داخستن دروست ئه‌کات
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
57-

.brd .main-content .sticky .closed {
    border-color: #D7E5F3 #C3CFDC #898989 #7A7A7A
}

ئایکۆنی داخستن و هه‌ڵواسین دروست ئه‌کات
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
58-

.brd .main-content .new .icon {
    border-color: #2B75AD #235E8C #1F537B #266799
}

ئه‌مه‌ئایکۆنی بابه‌تی نوێ دروست ئه‌کات
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

محمد