Отдаю дизайн

Страница: 1

Сообщений 1 страница 7 из 7

Поделиться12014-07-28 00:58:36

Автор: Jiko
.offline
Зарегистрирован: 2014-07-11
Приглашений: 0
Сообщений: 429
Уважение: [+75/-0]
Позитив: [+118/-0]
Пол: Женский
Провел на форуме:
5 дней 7 часов
Последний визит:
2016-05-31 15:13:15

У вас в закромах пылится дизайн, которым вы готовы поделиться на радость другим владельцам ролевых? Не сдерживайте себя - порадуйте других, и это обязательно вам вернётся.
Если ваш дизайн кто-то взял, скрывайте свою заявку под спойлер с пометкой [Взяли + ссылка на проект, который будет теперь его носить].
В теме не флудить, все вопросы и пожелания в ЛС авторам. "Спасибо" выражается кнопкой "+".

Пояснения к шаблону:

Внешний вид дизайна:
Картинка макета или скрина дизайна.

1. Тематика:
Приблизительное содержание ролевых, к которым подходит дизайн.
2. Что входит в дизайн:
Тело, шапка, футер, иконки и прочее.
3. Условия автора:
Особые условия, пожелания, дополнения.

Коды

Если дизайн уходит в свободное пользование всем желающим.

Код:

[table layout=fixed width=100%]
[tr]
[td][b]Внешний вид дизайна:[/b]
[img]адрес картинки[/img]
[/td]
[td][b]1. Тематика:[/b] ...
[b]2. Что входит в дизайн:[/b] ...
[b]3. Условия автора:[/b] ...
[/td]
[/tr]
[/table]
[spoiler=Коды][spoiler=Структура style.css]...
[/spoiler]

[spoiler=Цвета style_cs.css]...
[/spoiler]

[spoiler=HTML верх]...
[/spoiler]

[spoiler=HTML низ]...
[/spoiler]

[spoiler=Объявление]...
[/spoiler]
[/spoiler]

Немного о тематике ролевых

Думаю, все и так это знают, но не лишним будет повторить.
Если дизайн выполнен под определённый фильм/сериал, конкретную книгу - указываем название.
Фэнтази - ролевые, происходящие в иных мирах, с вымышленными созданиями - вроде драконов - и расами (ака эльфами или гномами), во времена средневековья или полностью в отрыве от нашей реальности.
Реал-лайф - современные города, Голивуд и прочие достопримечательности Америки и иных стран, всевозможные академии, университеты и школы без особых способностей и превращений.
Фантастика - удивительный технопрогресс, альтернативные реальности и полёты в космос без скафандра.
История - всё, что касается давнего и не очень прошлого разных стран, городов и личностей.
Животные - коты, собаки, волки, лошади и дикобразы - дикая и домашняя жизнь во всех её проявлениях, включая фурри.
Аниме - игры, основанные на манге, аниме или использующие иные мультипликационные прелести японской культуры.
Мистика - таинственные миры магии, скрытых созданий, оборотней и вампиров.
Другое - если у дизайна нет чётко выраженной идеи, а также она просто не приходит в голову.

Отредактировано Jiko (2014-07-28 04:21:50)

Поделиться22014-07-28 02:08:41

Автор: Jiko
.offline
Зарегистрирован: 2014-07-11
Приглашений: 0
Сообщений: 429
Уважение: [+75/-0]
Позитив: [+118/-0]
Пол: Женский
Провел на форуме:
5 дней 7 часов
Последний визит:
2016-05-31 15:13:15

Внешний вид дизайна:

вид на форуме

1. Тематика: Реал-лайф.
2. Что входит в дизайн: Фон, шапка, тело, футер, иконки, категории, навигация, стрелки вверх-вниз, фоны под профиль, код и цитату, pr-аватар.
3. Условия автора: Копирайт не убирать, а в остальном - на здоровье. И, пожалуйста, разместите у себя баннера Зефира. Psd для категории: скачать.
Аватар для пиара:

Коды

Структура style.css
/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0px;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 110%;
padding-right: 0px;

}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: bold 82.25% times new roman, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1.0em bold times new roman, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1.0em;
font-weight: bold;
}

.punbb th {
font-size: 0.9em;
font-weight: normal;
border: none;
}

.punbb h4, .punbb table {
font-size: 1em;
font-weight: bold;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1em;
}

/* A3.6 */
.punbb pre {
font: 1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 920px;
padding: 0px 12px 0px 12px;
border: none;
border-top: none;
float: center;
}

/* A5.2 */
.punbb {
float: center;
width:96%;
height: auto;
padding-left: 0px;
}

/* A5.3 */
#pun-redirect, #pun-maint { background: #693e25 url(http://s4.uploads.ru/2gJpB.png);
margin: 0px 20% 12px 20%;
width: 560px;
height: 200px;
float: none;
text-align: center;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
padding-left: 40px;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none;
border-width: 0px
}

/* A5.9 */
.punbb .container {
border-style: solid none solid none;
border-width: 1px;
float: center;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 15px 1em 13px 1em;
border: none;
}

#pun-main h2 {
padding: 15px 1em 13px 1em;
border: none;
}

/* A 5.11 Иконки меню навигации */
#pun-navlinks li {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px groove #ac6a1f;
width: 200px;
margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
vertical-align: text-top
}

/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}

/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border: none;
border-left: 3px double #E0DEAF;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -5.4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -5.4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}

/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}

/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 4em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}

/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
padding: 7px 1em 8px 1em;
border-left: none;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 32px;
}

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 32px;
height: 26px;
padding-top: 1px;
margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid #fff;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
margin-top: 4px;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border: none;
margin-bottom: -30px;
width: 1077px;
margin-left: -115px;
float: center;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 400px;
margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
border-style: none ;
padding: 0.2em 1em 0.8em 1em;
}

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title TABLE {
border: none;
height: 400px;
width: 100%;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 0px;
padding-right: 0px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -5px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
display: inline
}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}

#pun-pagelinks li a span {
display:block;
margin: 0 1em
}

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
border: none;

}

#pun-navlinks .container {
border: none;
margin-top: -110px;
}

/* D3.2 */
#pun-navlinks .container {
padding-left: 50px;
padding-bottom: 50px;
height: 10px;
width: 942px;
font-weight: bold;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding: 0px;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0px;
border: none;
}

/* D4.2 */
#pun-ulinks .container {
padding-left: 0px;
padding-top: 0px;
padding: 0.4em 0.3em;
text-align: center;
border: none;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: none;
border-left-width: 0px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}

/* D5.2 */
#pun-status .container {
padding: 0em 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
border-left: none;
border-right: none;
padding: 0 1em 0.8em 1em;
font-size: 1.1em;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url()
}

/* D6.2 */
#pun-announcement h2 span {background: url()
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {background: url()
padding: 0 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
}
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
display:block;
padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
Цвета style_cs.css
/* CS1 Background and text colours
-------------------------------------------------------------*/

body { background: url(http://s4.uploads.ru/QYCft.png) #693e25;
}

html { background-color: transparent}

#pun-title TABLE {
background: url(http://s5.uploads.ru/yzrd3.jpg) transparent no-repeat top center;
}

#pun {
background: url(http://s4.uploads.ru/4wKDP.png) transparent repeat-y top center;
color: #33180d; border: none;
}

#pun-about p.container {background-image: url(http://s7.hostingkartinok.com/uploads/i … 135450.png); background-position: top center; background-repeat: no-repeat; height: 246px; width: 1037px; margin-left: -100px; margin-bottom: -80px; font-size:0 !important;}

/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: transparent;
color: #33180d;
}

#pun-ulinks .container{
background: transparent;
color: #33180d;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background: transparent;
color: #33180d;
}

.punbb .post h3 span {
background: transparent;
color: #33180d;
}

.punbb td.tcr, .punbb .tlc { background: transparent;
color: #33180d;
}

.punbb td.tc2, .punbb td.tc3{
background: transparent;
color: #33180d;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url() transparent no-repeat center;
color: #33180d;
font-size: 1.3em;
font-family: sans-serif;

}

/* CS1.4 */
.punbb .modmenu .container {
background: transparent;
color: #33180d;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: transparent;
color: #33180d;
}

#viewprofile h2 span {
background-image: none;
}

.punbb .post h3 strong {
font-size: 0.9em;
color: #33180d;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
background-image: url(http://s4.uploads.ru/mWp0n.png);
color: #33180d;
}

#pun-main .post h3, #pun-main .post h3 span {
background: transparent;
color: #33180d;
}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #33180d;
}

/* CS1.8 */
#pun-navlinks .container, .punbb th, {
background: transparent;
color: #33180d;
}

.offline li.pa-online strong {
font-weight: normal;
}

#pun-main .post-author ul {background: url(http://s4.uploads.ru/mWp0n.png);
color: #33180d; width: 200px;
}

* table thead {
border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
border-color: transparent;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: transparent;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}

.punbb .divider {
border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color: transparent;
}

li.pa-online {
border-color: transparent;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #33180d;
text-decoration: underline;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #33180d;
text-decoration: underline;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000000;
text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
color: #dcc1a7;
text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #dcc1a7;
text-decoration: none
}

#pun-ulinks a {
color: #33180d;
text-decoration: none;
background: none;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #33180d;
text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #33180d;
}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
padding-left: 16px;
}

#pun-stats ul.container {
background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
padding-left: 47px;
}

#pun-stats div.statscon {
background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
background: transparent;
color: #33180d;
}

#pun-stats ul.container .item3,
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic .container .post-body .post-box .quote-box, #pun-main .topic .container .post-body .post-box .code-box{ border: none;
}

.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld4, .pa-fld5, .pa-fld6, .pa-fld7, .pa-fld8, .pa-fld9, .pa-fld10, .pa-invites{ text-align: center;}
HTML верх
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 80px; height: 65px; border-style: none;
background-image: url("http://s4.uploads.ru/nXG84.png");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s4.uploads.ru/VdgcP.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s5.uploads.ru/8fZxS.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s4.uploads.ru/p8Sh9.png") no-repeat;}
</style>

<div style="height:200px; width:240px; top:40px;margin-left:40px;position:absolute;z-index:100; text-align: center;">
Добро пожаловать в наш мир! Располагайтесь и чувствуйте себя как дома, занимайте свободные роли. Игра начинается!<br><br>
<h3>Наша администрация:</h3>
<a href=""><img src="http://s4.uploads.ru/rD5vw.png"></a> <a href=""><img src="http://s4.uploads.ru/56vgL.png"></a> <a href=""><img src="http://s5.uploads.ru/qlKUj.png"></a>
</div>
HTML низ
<script type="text/javascript">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>

<script type="text/javascript">
$(document).ready(function(){

myarray=new Array(
"Реклама", "http://s5.uploads.ru/tY6Rd.png",
"Статистика форума", "http://s5.uploads.ru/xyuKA.png" //Последний элемент без запятой!
)

$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
"height":"40px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"center",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}

if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

<script>
navlinks=new Array(
"navindex", // Форум
"http://s5.uploads.ru/te7q0.png","http://s5.uploads.ru/te7q0.png",
"navuserlist", // Участники
"http://s5.uploads.ru/4Lp9o.png","http://s5.uploads.ru/4Lp9o.png",
"navrules", // Правила
"http://s5.uploads.ru/zt1TE.png","http://s5.uploads.ru/zt1TE.png",
"navsearch", // Поиск
"http://s4.uploads.ru/kMBcr.png","http://s4.uploads.ru/kMBcr.png",
"navprofile", // Профиль
"http://s5.uploads.ru/3sIy5.png","http://s5.uploads.ru/3sIy5.png",
"navpm", // Сообщения
"http://s4.uploads.ru/YHvZr.png","http://s4.uploads.ru/YHvZr.png",
"navadmin", // Администрирование
"http://s5.uploads.ru/evwg3.png","http://s5.uploads.ru/evwg3.png",
"navregister", // Регистрация
"http://s5.uploads.ru/8vVZo.png","http://s5.uploads.ru/8vVZo.png",
"navlogin", // Войти
"http://s4.uploads.ru/Z2TwB.png","http://s4.uploads.ru/Z2TwB.png",
"navlogout", // Выход
"http://s5.uploads.ru/K0RdD.png","http://s5.uploads.ru/K0RdD.png" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s5.uploads.ru/0No5q.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>


<div style="position:fixed; right
:1%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s4.uploads.ru/5OWYd.png" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: 10px;" src="http://s4.uploads.ru/JiXAu.png" alt="Вниз страницы" ></a>
</div>

<style type="text/css">
#tieser-bottom {
position:absolute!important;
left:auto!important;
top:auto!important;
width:100%;
margin:10px 0 0 0!important;
}
</style>
<script type="text/javascript">
$('#tieser-bottom').parent().css({'position':'relative','height':'100px'});
</script>

Отредактировано Jiko (2014-07-28 02:25:33)

Поделиться32014-07-28 04:24:41

Автор: Jiko
.offline
Зарегистрирован: 2014-07-11
Приглашений: 0
Сообщений: 429
Уважение: [+75/-0]
Позитив: [+118/-0]
Пол: Женский
Провел на форуме:
5 дней 7 часов
Последний визит:
2016-05-31 15:13:15

Внешний вид дизайна:

вид на форуме (с таблицей)

1. Тематика: The Vampire Diaries
2. Что входит в дизайн: Фон, шапка, тело, футер, категории, стрелки вверх-вниз, навигация, кнопки, иконки, таблица, фон под код и цитату, аватар для пиара.
3. Условия автора: ~~1000 лет ему~~. Копирайт не убирать, а в остальном - на здоровье. И, пожалуйста, разместите у себя баннера Зефира. Psd для категории: скачать.
Аватар для пиара:

Коды

Структура style.css
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
padding-left: 30px;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1em;
font-weight: bold;
}

.punbb th {
font-size: 0.9em;
font-weight: bold;
border: none;
}

.punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 788px;
padding: 0px 12px 0px 12px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
float: center;
width: 100%;
height: auto;

}

/* A5.3 */
#pun-redirect, #pun-maint { background: url(http://s3.uploads.ru/MImF1.png);
margin: 50px 20% 12px 20%;
width: 500px;
height: 204px;
float: none;
text-align: center;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none;
border-width: 0px
}

/* A5.9 */
.punbb .container {
border-style: solid none solid none;
border-width: 1px;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 15px 1em 13px 1em;
border: none;
}

#pun-main h2 {
padding: 15px 1em 13px 1em;
border: none;
}

/* A 5.11 Иконки меню навигации */
#pun-navlinks li {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #fff;
width: 250px;
margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
vertical-align: text-top
}

/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}

/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border: none;
border-left: 3px double #E0DEAF;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -5.4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -5.4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}

/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}

/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 4em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}

/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
padding: 7px 1em 8px 1em;
border-left: none;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 32px;
}

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 32px;
height: 26px;
padding-top: 1px;
margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid #fff;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
margin-top: 4px;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border: none;
margin-bottom: -30px;
width: 1300px;
margin-left: -267px;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 467px;
margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
border-style: none ;
padding: 0.2em 1em 0.8em 1em;
}

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title TABLE {
border: none;
height: 467px;
width: 100%;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 240px;
padding-right: 250px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
display: inline
}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}

#pun-pagelinks li a span {
display:block;
margin: 0 1em
}

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
border: none;

}

#pun-navlinks .container {
border: none;
margin-top: -110px;
}

/* D3.2 */
#pun-navlinks .container {
padding-left: 110px;
padding-bottom: 100px;
height: 10px;
width: 300px;
font-weight: bold;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0px;
border: none;
}

/* D4.2 */
#pun-ulinks .container {
padding: 0.4em 0.3em;
text-align: center;
border: none;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: none;
border-left-width: 0px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}

/* D5.2 */
#pun-status .container {
padding: 0em 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
border-left: none;
border-right: none;
padding: 0 1em 0.8em 1em;
font-size: 1.1em;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url(http://s2.uploads.ru/s4Itx.png)
width: 813px;
}

/* D6.2 */
#pun-announcement h2 span {background: url(http://s2.uploads.ru/s4Itx.png)
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 813px;
}

/* D6.3 */
#pun-announcement .container {background: url()
padding: 0 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
width: 813px;
}
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
display:block;
padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
Цвета style_cs.css
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background: url(http://s2.uploads.ru/vZJuK.png) #202135;
}

html { background-color: transparent}

#pun-title TABLE {
background: url(http://s6.uploads.ru/dGeRq.png) transparent no-repeat top center;
}

#pun {
background: url(http://s2.uploads.ru/UzACB.png) transparent repeat-y top center;
color: #bebad4; border: none;
}

#pun-about p.container {background-image: url(http://s6.uploads.ru/CvDLZ.png); background-position: top center; background-repeat: no-repeat; height: 287px; width: 812px; margin-left: -12px; margin-top: 20px;font-size:0 !important;}
div#html-footer {margin: 0px 0px 0px 0px;}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: transparent;
color: #bebad4;
}

#pun-ulinks .container{
background: transparent;
color: #bebad4;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background: transparent;
color: #bebad4;
}

.punbb .post h3 span {
background: transparent;
color: #bebad4;
}

.punbb td.tc2, .punbb td.tcr {
background: transparent;
color: #bebad4;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url() transparent no-repeat center;
color: #bebad4;
font-size: 1.3em;
font-family: sans-serif;

}

/* CS1.4 */
.punbb .modmenu .container {
background: transparent;
color: #bebad4;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: transparent;
color: #bebad4;
}

#viewprofile h2 span {
background-image: none;
}

.punbb .post h3 strong {
font-size: 0.9em;
color: #bebad4;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
background-image: url(http://s3.uploads.ru/sNWpo.png);
color: #bebad4;
}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #bebad4;
}

/* CS1.8 */
#pun-navlinks .container {
background: transparent;
color: #bebad4;
}

.offline li.pa-online strong {
font-weight: normal;
}

.punbb th {
color: #bebad4;
background: transparent;
}

* table thead {
border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
border-color: transparent;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: transparent;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}

.punbb .divider {
border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color: transparent;
}

li.pa-online {
border-color: transparent;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #bebad4;
text-decoration: underline;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #221432;
text-decoration: underline;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #bebad4 ;
text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
color: #bebad4;
text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #221432;
text-decoration: none
}

#pun-ulinks a {
color: #bebad4;
text-decoration: none;
background: none;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #221432;
text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #bebad4;
}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
padding-left: 16px;
}

#pun-stats ul.container {
background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
padding-left: 47px;
}

#pun-stats div.statscon {
background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
background: transparent;
color: #bebad4;
}

#pun-stats ul.container .item3,
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic .container .post-body .post-box .quote-box, #pun-main .topic .container .post-body .post-box .code-box{ border: none;
}
.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-online, .pa-sex, .pa-icq, .pa-ip, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-invites{ text-align: center;}
HTML верх
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 60px; height: 60px; border-style: none;
background-image: url("http://s2.uploads.ru/xLlQU.png");
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url("http://s2.uploads.ru/5m0FE.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s2.uploads.ru/rf8Rm.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s2.uploads.ru/Pv2rE.png") no-repeat;}
</style>
HTML низ
<script type="text/javascript">
$(document).ready(function(){

myarray=new Array(
"advertisment", "http://s2.uploads.ru/w54yV.png",
"Статистика форума", "http://s2.uploads.ru/GvI67.png" //Последний элемент без запятой!
)

$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
"height":"100px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"center",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}

if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

<script>
pstlnk=new Array(
".postlink","Новая тема",
"http://s3.uploads.ru/P5TBU.png","http://s3.uploads.ru/P5TBU.png",
".postlink","Новый опрос",
"http://s3.uploads.ru/ukqMg.png","http://s3.uploads.ru/ukqMg.png",
".postlink","Ответить",
"http://s3.uploads.ru/zQ0UP.png","http://s2.uploads.ru/PoJdB.png",
".pl-email","Профиль",
"http://s3.uploads.ru/Ux2J7.png","http://s2.uploads.ru/o5cL9.png",
".pl-email","ЛС",
"http://s3.uploads.ru/pZOJs.png","http://s2.uploads.ru/jcN2S.png",
".pl-email","E-mail",
"http://s3.uploads.ru/mX64a.png","http://s3.uploads.ru/ltxK6.png",
".pl-website","Вебсайт",
"http://s3.uploads.ru/KWyqh.png","http://s2.uploads.ru/rtb3q.png",
".pl-delete","Удалить",
"http://s3.uploads.ru/VfpGI.png","http://s3.uploads.ru/eCS35.png",
".pl-edit","Редактировать",
"http://s2.uploads.ru/n0IKG.png","http://s3.uploads.ru/aFgXJ.png",
".pl-quote","Цитировать",
"http://s3.uploads.ru/5XgS9.png","http://s2.uploads.ru/UPzFZ.png" // !ПОСЛЕДНИЙ элемент без запятой
)
function find_and_replace(value){var s0,s1,s2,s3,i; for (i=0; i < pstlnk.length; i=i+4){s0=pstlnk[i+2];
s1="onmouseover=\"this.src='"+pstlnk[i+3]+"'\"";s2="onmouseout=\"this.src='"+s0+"'\"";
s3='<img class="pst_lnk" src="'+s0+'" '+s1+' '+s2+' border="0" />';
var str=$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html();
if (str!=null) {str=str.replace(pstlnk[i+1],s3);
$(value).find(pstlnk[i]+":contains('"+pstlnk[i+1]+"')").html(str);};};}
$("#pun-viewforum .linkst,#pun-viewforum .linksb,#pun-viewtopic .linkst,#pun-viewtopic .linksb,#pun-viewtopic .post .post-links").each(function(){find_and_replace(this);;});
</script>


<div style="position:fixed; right
:1%; bottom: 20%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="http://s6.uploads.ru/VcBxR.png" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: 1px;" src="http://s6.uploads.ru/YNAS4.png" alt="Вниз страницы" ></a>
</div>

<script>
navlinks=new Array(
"navindex", // Форум
"http://s6.uploads.ru/QjMy6.png","http://s6.uploads.ru/QjMy6.png",
"navuserlist", // Участники
"http://s7.uploads.ru/j1ZHJ.png","http://s7.uploads.ru/j1ZHJ.png",
"navrules", // Правила
"http://s7.uploads.ru/bt0xF.png","http://s7.uploads.ru/bt0xF.png",
"navsearch", // Поиск
"http://s7.uploads.ru/J9So8.png","http://s7.uploads.ru/J9So8.png",
"navprofile", // Профиль
"http://s6.uploads.ru/kUjeM.png","http://s6.uploads.ru/kUjeM.png",
"navpm", // Сообщения
"http://s7.uploads.ru/zLToH.png","http://s7.uploads.ru/zLToH.png",
"navadmin", // Администрирование
"http://s6.uploads.ru/lafbY.png","http://s6.uploads.ru/lafbY.png",
"navregister", // Регистрация
"http://s6.uploads.ru/ugyVi.png","http://s6.uploads.ru/ugyVi.png",
"navlogin", // Войти
"http://s7.uploads.ru/bAdc7.png","http://s7.uploads.ru/bAdc7.png",
"navlogout", // Выход
"http://s7.uploads.ru/VhNcO.png","http://s7.uploads.ru/VhNcO.png" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < navlinks.length; i++){s0=navlinks[i+1];s1="onmouseover=\"this.src='"+navlinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="navlinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#"+navlinks[i]+" a").html("<span>"+s3+"</span>");i++;i++; }
</script>

<script>
var sek = 100;
function setNagrad(){
indexof="<img src='http://s6.uploads.ru/OBljf.png' >"
str = document.getElementById("navawards").innerHTML
pos = str.indexOf("Награды")
document.getElementById("navawards").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+7,str.length-1)
}
TestRotatorMycontent()
function TestRotatorMycontent() {
if($("#pun-navlinks #navawards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span><img title=\"Быстрый вход для 'Пиарщиков'\" src=\"http://s7.uploads.ru/Rcu8F.png\"/></span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>
Объявление
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#menu {margin-top: 3px;}

#menu span {
width: 190px;
height: 12px;
text-align: center;
display: block;
margin-bottom: 10px;
padding: 8px 15px 12px 15px;
font-weight: bold;
color: #b2acd1;}

#menu span:hover {text-decoration: underline;}

#menu .tabactive {color: #b2acd1;}

#submenu {
padding: 0px;
height: 170px;
width: 98%;}

.submenutext {
display: none;
padding: 5px;
text-align: center;
height: 160px;}

#menu span, .submenutext {
border: 0px solid #b2acd1;}
</style>

<table style="width: 95%;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td valign="top" align="center" style="width: 25%;">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/U5Dc8.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s2.uploads.ru/x4kA9.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/hR6QW.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/yiLfP.png"></span>
</div>
</td>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">

Контент первой кнопки

</div>
<div id="sm2" class="submenutext">

Контент второй кнопки

</div>
<div id="sm3" class="submenutext">

Контент третьей кнопки

</div>
<div id="sm4" class="submenutext">

Контент четвертой кнопки

</div>
</div>
</td>
</tr>
</tbody>
</table>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();

$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
<br><br>

Отредактировано Jiko (2014-07-28 04:28:33)

Поделиться42014-07-28 10:42:49

Автор: Fly
Участник
Зарегистрирован: 2014-07-15
Приглашений: 0
Сообщений: 98
Уважение: [+15/-0]
Позитив: [+5/-0]
Пол: Женский
Провел на форуме:
1 день 23 часа
Последний визит:
2016-08-16 06:01:06

Нашел хозяина, ащащ

Внешний вид дизайна:
1. Тематика: подойдет под всё, что связано с городами
2. Что входит в дизайн: стандарт + профиль
3. Условия автора: в одни руки. Сверстаю как найду хозяина. Установить баннер Зефирки.
Все дополнения обсудим, ыгы. Писать в ЛС - далее скайп или вк

Отредактировано Fly (2014-07-28 11:30:53)

Поделиться52014-07-28 15:55:18

Автор: Jiko
.offline
Зарегистрирован: 2014-07-11
Приглашений: 0
Сообщений: 429
Уважение: [+75/-0]
Позитив: [+118/-0]
Пол: Женский
Провел на форуме:
5 дней 7 часов
Последний визит:
2016-05-31 15:13:15

Внешний вид дизайна:

Вид на форуме

1. Тематика: Гарри Поттер.
2. Что входит в дизайн: Шапка, тело, футер, категории, иконки, фон кода и цитаты.
3. Условия автора: Ещё одна древняя древность, с ним вообще можете делать всё, что захотите. Но не забудьте баннера Зефира. Psd для категории: скачать.

Коды

Структура style.css
/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
margin: 0px;
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
padding-left: 60px;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1em;
font-weight: bold;
}

.punbb th {
font-size: 0.9em;
font-weight: bold;
border: none;
}

.punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: bold;
}

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 960px;
padding: 0px 12px 0px 12px;
border: none;
border-top: none;
float: center;
}

/* A5.2 */
.punbb {
float: center;
width: 96%;
height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint { background: url();
margin: 50px 20% 12px 20%;
width: 500px;
height: 164px;
float: none;
text-align: center;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
padding-left: 40px;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.4em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none;
border-width: 0px
}

/* A5.9 */
.punbb .container {
border-style: solid none solid none;
border-width: 1px;
float: center;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 15px 1em 13px 1em;
border: none;
}

#pun-main h2 {
padding: 15px 1em 13px 1em;
border: none;
}

/* A 5.11 Иконки меню навигации */
#pun-navlinks li {
padding-left: 8px;
border-left: none;
}

#pun-navlinks #navindex {
padding-left: 0px;
border-left: 0px dashed #006699;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}

/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: 1px solid #fff;
width: 250px;
margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
vertical-align: text-top
}

/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}

/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border: none;
border-left: 3px double #4f2000;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -5.4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -5.4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}

/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}

/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 4em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}

/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

/* C2.12 */
.punbb .main th {
padding: 7px 1em 8px 1em;
border-left: none;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 32px;
}

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 32px;
height: 26px;
padding-top: 1px;
margin-top: 1px;
}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 1px;
}

/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid #fff;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
}

/* C3.8 */
.pa-author a {
text-decoration: none
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
margin-top: 4px;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}

/* C4.3 */
.punbb .modmenu .container strong {
float: left;
}

/* C4.4 */
.punbb .modmenu input {
margin-left: 1em;
}

/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
padding: 0.8em 1em
}

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}

/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
padding-left: 18.6em;
}

/* C6.2 */
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
display: inline;
}

/* C6.3 */
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
margin: 0;
border: none;
margin-bottom: -30px;
width: 926px;
height: 405px;
margin-left: -120px;
float: center;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 467px;
margin: -1px 0px 0px -1px;
}

/* D1.3 */
#pun-title .container {
border-style: none ;
padding: 0.2em 1em 0.8em 1em;
}

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title TABLE {
border: none;
width: 100%;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-top: 0px;
padding-right: 650px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: 0px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
display: inline
}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}

#pun-pagelinks li a span {
display:block;
margin: 0 1em
}

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
border: none;

}

#pun-navlinks .container {
border: none;
margin-top: -5px;
}

/* D3.2 */
#pun-navlinks .container {
padding-left: 0px;
padding-bottom: 0px;
font-weight: bold;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding: 5px;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: 0px;
border: none;
}

/* D4.2 */
#pun-ulinks .container {
padding-left: 0px;
padding-top: 0px;
padding: 0.4em 0.3em;
text-align: center;
border: none;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: none;
border-left-width: 0px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}

/* D5.2 */
#pun-status .container {
padding: 0em 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
border-left: none;
border-right: none;
padding: 0 1em 0.8em 1em;
font-size: 1.1em;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 { background: url()
}

/* D6.2 */
#pun-announcement h2 span {background: url()
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 813px;
}

/* D6.3 */
#pun-announcement .container {background: url()
padding: 0 1em 1em 1em;
border-top: none;
border-left: none;
border-right: none;
width: 813px;
}
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
display:block;
padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
Цвета style_cs.css
/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background: #090500;
}

html { background-color: #090500;}

#pun-title TABLE {
background: url(http://s4.uploads.ru/cPdmn.jpg) transparent no-repeat top center;
}

#pun {
background: url(http://s5.uploads.ru/m8d3N.jpg) transparent repeat-y top center;
color: #ffc26f; border: none;
}

#html-footer {background-image: url(http://s4.uploads.ru/J3USE.jpg); background-position: top center; background-repeat: no-repeat; height: 176px; width: 926px; font-size:0 !important;}
div#html-footer {margin: 0px 0px 0px -2px;}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: transparent;
color: #ffc26f;
}

#pun-ulinks .container{
background: transparent;
color: #ffc26f;
}

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
background: transparent;
color: #ffc26f;
}

.punbb .post h3 span {
background: transparent;
color: #ffc26f;
}

.punbb td.tc2, .punbb td.tcr {
background: transparent;
color: #ffc26f;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url() transparent no-repeat center;
color: #ffc26f;
font-size: 1.3em;
font-family: sans-serif;

}

/* CS1.4 */
.punbb .modmenu .container {
background: transparent;
color: #ffc26f;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: transparent;
color: #ffc26f
}

#viewprofile h2 span {
background-image: none;
}

.punbb .post h3 strong {
font-size: 0.9em;
color: #ffc26f;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
background-image: url(http://s5.uploads.ru/bEnm6.png);
color: #ffb652;
}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #ff7618;
}

/* CS1.8 */
#pun-navlinks .container {
background: transparent;
color: #ffc26f;
}

.offline li.pa-online strong {
font-weight: normal;
}

.punbb th {
color: #ffc26f
background: transparent;
}

* table thead {
border-color: transparent;
}

/* CS2 Border colours
-------------------------------------------------------------*/

#pun-title, #pun-navlinks {
border-color: transparent;
}

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
border-color: transparent;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;
}

/* CS2.5 */
.punbb th {
border-color: transparent;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: transparent;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}

.punbb .divider {
border-color: transparent;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border-color: transparent;
}

li.pa-online {
border-color: transparent;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #db6819;
text-decoration: underline;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #db6819;
text-decoration: underline;
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #db6819;
text-decoration: none;
}

/* CS3.3 */
#pun-navlinks a {
color: #db6819;
text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #db6819;
text-decoration: none
}

#pun-ulinks a {
color: #db6819;
text-decoration: none;
background: none;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #db6819;
text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #db6819;
}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
background: url(../../img/Mybb_Season/old.gif) no-repeat;
}

tr.inew div.icon {
background: url(../../img/Mybb_Season/new.gif) no-repeat;
}

tr.iclosed div.icon {
background: url(../../img/Mybb_Season/lock.gif) no-repeat;
}

tr.iredirect div.icon {
background: url(../../img/Mybb_Season/link.gif) no-repeat;

}

tr.isticky div.icon {
background: url(../../img/Mybb_Season/sticky.gif) no-repeat;
}

.punbb .main h1 span, .punbb .main h2 span, #pun-stats h2 span {
background: none;
}

#profilenav h2 span {background-image: none}

td.tcr a{
background: transparent url(../../img/Mybb_Season/post.gif) no-repeat 0px 1px;
padding-left: 16px;
}

#pun-stats ul.container {
background: transparent url(../../img/Mybb_Season/stats.gif) no-repeat 9px 25px;
padding-left: 47px;
}

#pun-stats div.statscon {
background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
background: transparent;
color: #4f2000;
}

#pun-stats ul.container .item3,
#pun-stats ul.container .item4 { margin-right: 20px;
}
#pun-main .topic h3 span, #pun-main .topic h3 span, #pun-main .topic .container .post-body .post-box .quote-box, #pun-main .topic .container .post-body .post-box .code-box{ border: none;
}
.pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-respect, .pa-positive, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, .pa-invites{ text-align: center;}
HTML верх
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>

<style type="text/css">
.punbb table Div.icon {float: right; display: block; width: 145px; height: 40px; border-style: none;
background-image: url("http://s5.uploads.ru/fioPG.png");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s5.uploads.ru/hwWHU.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://s5.uploads.ru/RcLAo.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://s4.uploads.ru/tiFO9.png") no-repeat;}
</style>
HTML низ
<script type="text/javascript">
$(document).ready(function(){

myarray=new Array(
"Реклама", "http://s4.uploads.ru/XfaBo.png",
"Статистика форума", "http://s5.uploads.ru/PdDI6.png" //Последний элемент без запятой!
)

$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){

var cssObj = {
"height":"70px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"center",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}

if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Пиар-вход</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

Поделиться62014-07-28 16:02:38

Автор: Jiko
.offline
Зарегистрирован: 2014-07-11
Приглашений: 0
Сообщений: 429
Уважение: [+75/-0]
Позитив: [+118/-0]
Пол: Женский
Провел на форуме:
5 дней 7 часов
Последний визит:
2016-05-31 15:13:15

Внешний вид дизайна:

1. Тематика: Коты-Воители, ну или просто жизнь кошек.
2. Что входит в дизайн: Шапка, тело, фон, футер, иконки, навигация, категории, фон под код и цитату, стрелки вверх-вниз, аватары для пиара.
3. Условия автора: Баннер Зефира, мой копирайт. Частично может быть графически доработан и изменён. Мм... таблицу делать не буду.

Поделиться72014-09-19 14:48:25

Автор: Whaler
Your spirit never dies
Зарегистрирован: 2014-03-31
Приглашений: 0
Сообщений: 857
Уважение: [+71/-0]
Позитив: [+3/-0]
Провел на форуме:
12 дней 4 часа
Последний визит:
2015-03-16 20:52:29

Внешний вид дизайна:

вид темы

Отдан. Стоит на Райолинне

1. Тематика: фэнтези
2. Что входит в дизайн: шапка, тело, фон, футер, навигация, категории, оформление профиля. Возможны доработки: написание в шапке текста (название форума, к примеру), изменение иконок новое/старое/закрытое. Немного о том куда смотреть и на что ориентироваться: аватарка в объявлении может быть ротатором, может быть ссылками на победителей конкурсов и пр. В профиле зелёный огонёк отображает статус онлайн. Профиль с закладками (ленточки на аватаре). Разделитель подписи - три точечки.
3. Условия автора: баннер Зефира, баннер Анайрена. Не разбирать на части.

Отредактировано Тератас (2014-09-19 20:04:54)

Страница: 1

Зефир

Меню навигации

Пользовательские ссылки

Информация о пользователе

Отдаю дизайн

Сообщений 1 страница 7 из 7

Поделиться12014-07-28 00:58:36

Поделиться22014-07-28 02:08:41

Поделиться32014-07-28 04:24:41

Поделиться42014-07-28 10:42:49

Поделиться52014-07-28 15:55:18

Поделиться62014-07-28 16:02:38

Поделиться72014-09-19 14:48:25