load up on guns and bring your friends.
load up on guns and bring your friends. у феликса внутри холодные фейерверки. полумрак и под ногами осколочный свет. свет прячется по линиям жизни ...
читать далее
leogeminipiscesaquariustaurus
больше веселья
в новый год
собирай мозаику
проходи тесты
в поисках чудес
вешаем на елку
бери попкорн
зимними вечерами

noizy test

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » noizy test » nonstop » здесь творится магия


здесь творится магия

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

1

для теста

1. дизайн
2. гостевая
3. название разделов/категорий
4. шаблоны хочу видеть/нужные/хочу к вам
5. банк?
6. рекламки
7. шаблон анкеты
8. темы (описания к ним)
9. опрос (общая инста или раздельно под каждого)
10. опрос (снс эпизоды или общая переписка в одной теме с нашим шаблоном)
11. семь развлечений на каждый день теста по одному
12. шаблон новостей

для основы
1. дизайн
1а. оформление профиля
1б. личная страница
1в. авы для гостя, глава и пиара

2. гостевая
3. правила (подумать за что и как удаляем)
4. путеводитель по городу
5. особенности мира + фак + гайды по профессиям
6. список внешностей

7. шаблон анкеты (простой и мей би упрощенный ответы на вопрос в рамках тематики соулов)
8. шаблоны хочу видеть/нужные/хочу к вам
9. шаблон приема анкеты с важными ссылками
10. шаблон хронологии/отношений ???

11. новости и итоги недели
12. шаблон лс и лз
13. итоги конкурсов ???
14. события в городе

15. банк
16. плашки
17. донаты
18. прокачка соулов
19. квесты и достижения

20. шаблон эпизода

21. реклама, баннер партнерства

22. какой-то конкурс для пар соулов, проводится раз в неделю

0

2

поменять оформление внутри под диз и мей би использовать это для событий в нашем мире. коротко писать о том, что происходит в городе (преступления, выставки, концерты, громкие события). если игрок просто упомянет событие в своем посте, то 1 осколок. если развернуто от 3 предложений, то 3 осколка. если запостит в инсту что-то связанное с событием, то 2 осколка.

[html]<div style="width: 600px; height: 1px; background: #cfb3ec; margin-left: 25px; margin-top: 25px; opacity: .4;"></div><br>
<style>
@-webkit-keyframes pulse {
  0% { transform: scale(1.0);
      -webkit-transform: scale(1.0); }
  25% { transform: scale(1.1);
      -webkit-transform: scale(1.1); }
  50% { transform: scale(1.0);
      -webkit-transform: scale(1.0); }
  75% { transform: scale(1.1);
      -webkit-transform: scale(1.1); }
  100%{ transform: scale(1.0);
      -webkit-transform: scale(1.0); }
}

@keyframes pulse {
  0% { transform: scale(1.0); }
  25% { transform: scale(1.1); }
  50% { transform: scale(1.0); }
  75% { transform: scale(1.1); }
  100%{ transform: scale(1.0); }
}

@-moz-keyframes pulse {
  0% { transform: scale(1.0);
      -moz-transform: scale(1.0); }
  25% { transform: scale(1.1);
      -moz-transform: scale(1.1); }
  50% { transform: scale(1.0);
      -moz-transform: scale(1.0); }
  75% { transform: scale(1.1);
      -moz-transform: scale (1.1); }
  100%{ transform: scale(1.0);
      -moz-transform: scale(1.0); }
}

@-o-keyframes pulse {
  0% { transform: scale(1.0);
      -o-transform: scale(1.0); }
  25% { transform: scale(1.1);
      -o-transform: scale(1.1); }
  50% { transform: scale(1.0);
      -o-transform: scale(1.0); }
  75% { transform: scale(1.1);
      -o-transform: scale(1.1); }
  100%{ transform: scale(1.0);
      -o-transform: scale(1.0); }
}

#heartbeatcontainer {
  width: 320px;
  height: 220px;
  overflow: hidden;
  background-image: url(https://forumstatic.ru/files/0018/41/25/37032.png);
  margin: 20px auto;
  position: relative;
}

#heartbeat2 {
  width: 120px;
  height: 120px;
  background-color: #transparent;
  border: solid 1px #fff;
  border-radius: 50%;
  margin: 0px auto;
  transform: scale(1);
  position: absolute;
  top: 30px;
  left: 100px;

  animation: pulse 4s linear 0s infinite normal running;
  -webkit-animation: pulse 4s linear 0s infinite normal running;
  -moz-animation: pulse 4s linear 0s infinite normal running;
  -o-animation: pulse 4s linear 0s infinite normal running;
}

.heartbeat {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0px auto;
  transform: scale(1);
  position: absolute;
  top: 10px;
  left: 10px;
}

.pulseimage {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-image: url(http://68.media.tumblr.com/11f903ed0ed0 … o1_250.gif);
  background-size: 90px 90px;
  position: absolute;
  left: 116px;
  top: 46px;
  z-index: 1;
}

#pulseslide {
  width: 320px;
  height: 195px;
  background-color: #d1bbeb;
  position: absolute;
  top: 190px;
  left: 0px;
  z-index: 2;
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
}

#heartbeatcontainer:hover #pulseslide {
  top: 25px;
  left: 0px;
  transition: all 1s ease-in-out 0s;
  -webkit-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
}

#pulsetriangle {
  width: 0;
  height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #d1bbeb;
  position: absolute;
  top: -20px;
  left: 30px;
}

#pulseslide h1 {
  margin: 5px 10px;
  text-align: right;
  font: normal normal normal 10px/20px Calibri;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}

.pulsewords {
  margin: 2px auto;
  width: 220px;
  font: normal normal normal 10px/110% Calibri;
  text-align: justify;
  color: #000;
  background-color: #f6eefa;
  padding: 15px;
}

.pulsebutton {
  display: inline-block;
  width: 123px;
  height: 25px;
  background-color: #e4e4ff;
  font: normal normal normal 10px/20px Calibri;
  text-align: center;
  text-transform: uppercase;
  color: #4c3359;
  margin: 2px;
}

.pulselyrics {
  width: 250px;
  margin: 0px auto;
  font: normal normal normal 8px/110% Calibri;
  color: #fff;
  text-align: justify;
  text-transform: uppercase;
}
</style>

<style type="text/css">.nicolesbuttons { width: 410px; margin: 0px auto; } .nicolesbuttons img:nth-of-type(1) { margin: 0px 0px 4px 4px; }</style><!--e9306d!--><div id="heartbeatcontainer"><div class="pulseimage"></div><div id="heartbeat2"><div class="heartbeat"></div></div><div id="pulseslide"><div id="pulsetriangle"></div>

<h1>оракул</h1>

<div class="pulsewords">текст описание ситуации эстер говорила «посмотри на нее», запуская палец в пухлую ладошку и целуя дочь в мягкое темечко. говорила «может ты передумаешь?», но...  текст описание ситуации эстер говорила </div>

<div class="pulselyrics">какой-нибудь напутственный текст. можно немножко продублировать сюда правила предсказаний или еще как-то.</div></div></div>[/html]

0

3

АДРЕС ПРОЕКТА: пока без форума
ТЕМАТИКА ПРОЕКТА: корея, соулмейты, глянец
В ПОИСКАХ: администраторов (текст, организация, развлечения)
ОПИСАНИЕ ПРОЕКТА: ищем администраторов (2-3), единомышленников, людей, любящих тематику и мир соулмейтов. это будет ролевая по корее. причем глянцевая. можем себе позволить, так сказать. ищем всех, любить будем каждого, но людям, которые на ура справляются с развлекательной частью, будем целовать руки. будем рады людям, готовым на первой световой отвечать в гостевой, помогать поддерживать дружелюбную и уютную атмосферу в флудовой зоне. нас сейчас двое, так сказать основателей сего безобразия. чудо-пирожочки, которые умеют в компромиссы, в обсуждения и в графику. мы уже довольно долго мусолим идею мира, наработали свои особенности и уникальные сюжетные ходы, сделали дизайн на тест и чистовик. на текущий момент нам нужно переработать много текста под мир, а так же доработать всякие фишки и приблуды, которые дополнят игровой процесс. не хватает еще мнений со стороны, чтобы довести все до совершенства.
СВЯЗЬ С ВАМИ: пишите здесь в лс.

+1

4

● как к вам обращаться?
достаточно ника
● были ли админом раньше, как долго?
можете рассказать о своем опыте, чем занимались. можете не палить названия, если вам не удобно. если вы не админили, можете рассказать о вашем опыте прибывания на ролевых. как долго играете и т.п.
● с чем можете нам помочь?
администратор-текстовик, администратор-графист, администратор-организатор, администратор-затейник, модераторы.
чем хотите заниматься на форе, ваши сильные и слабые стороны.
● что ждете от будущего проекта?
можете рассказать о том, что вам нравится на ролах.
● точно нет...
расскажите, что на ролевых вас отталкивает, чтобы мы вас точно не разочаровали.
● что у вас со свободным временем
сколько времени вы можете уделять проекту. вы чаще онлайн утром или вечером. предпочитаете много флудить или активно играть.
● примеры ваших работ
текстовые или графические.
● связь
как с вами связаться и где удобнее будет участвовать в общем диалоге.
готовы ли вы создать новую связь, если большинство выберет другую площадку для конфы.

Код:
[b]● как к вам обращаться?[/b]
достаточно ника 
[b]● были ли админом раньше, как долго?[/b] 
можете рассказать о своем опыте, чем занимались. можете не палить названия, если вам не удобно. если вы не админили, можете рассказать о вашем опыте прибывания на ролевых. как долго играете и т.п. 
[b]● с чем можете нам помочь?[/b]
администратор-текстовик, администратор-графист, администратор-организатор, администратор-затейник, модераторы.
чем хотите заниматься на форе, ваши сильные и слабые стороны. 
[b]● что ждете от будущего проекта?[/b]
можете рассказать о том, что вам нравится на ролах. 
[b]● точно нет...[/b]
расскажите, что на ролевых вас отталкивает, чтобы мы вас точно не разочаровали.
[b]● что у вас со свободным временем[/b]
сколько времени вы можете уделять проекту. вы чаще онлайн утром или вечером. предпочитаете много флудить или активно играть.
[b]● примеры ваших работ[/b]
текстовые или графические.
[b]● связь[/b]
как с вами связаться и где удобнее будет участвовать в общем диалоге.
готовы ли вы создать новую связь, если большинство выберет другую площадку для конфы.

0

5

доброго времени суток. не будем ходить вокруг да около. мы собираемся создать глянцевую ролевую по вселенной соулмейтов в корее. не помним, когда последний раз такое было, поэтому чем черт не шутит. сейчас мы столкнулись с элементарной нехваткой рук и стороннего мнения. поэтому в первую очередь нас интересуют только те, кто готов работать над созданием своего местечка. мы придумали свой довольно обширный мир, который нам и предстоит воплотить, но это не означает, что мы не готовы прислушаться к чужим идеям. мы не будем навязывать жестко лишь свое, а предлагаем создавать вместе. ищем всех, любить будем каждого, но людям, которые на ура справляются с развлекательной частью, будем целовать руки. будем рады людям, готовым на первой световой отвечать в гостевой, помогать поддерживать дружелюбную и уютную атмосферу в флудовой зоне. нас сейчас двое, так сказать основателей сего безобразия. чудо-пирожочки, которые умеют в компромиссы, в обсуждения и в графику. на данный момент внешности мы не держим для гостей и потенциальных игроков. мы хотим подойти к процессу основательно, поэтому открывать тест для игроков будем только тогда, когда будет полностью готова основа. открываться на коленке и абы как мы не хотим, потому что уважаем свой труд и будущих игроков, чье доверие и любовь мы хотим заслужить. поэтому, прежде всего, ждем от админов терпения и умения работать в долгой перспективе. как и понимания, что откроемся мы не сегодня и не завтра, а только после успешной плодотворной работы, когда все вместе будем довольны результатом. сейчас можем сказать, что у нас есть довольно много готовых моментов, чтобы показать, что мы работаем, и не будем скидывать весь труд на новеньких. а еще мы будем рады любому отклику в гостевой, чтобы поддержать наш боевой дух и желание творить дальше. поэтому если вы заинтересованы в нашем успехе и в тематике как игрок, просто скажите об этом нам.

0

6

[html]<div class="han-tema"><han-tema1>особенности мира соулмейтов</han-tema1>
<br><b> что такое "метка", как она выглядит и как влияет на соулов?</b><br>
метка - источник связи и прямое доказательство родства душ. появляется на теле человека на его совершеннолетие в 00:00. это событие принято широко отмечать в кругу родных и друзей. существует два места на теле, где она может проявиться. правое запястье на внутренней стороне руки или левая сторона грудной клетки. обычно у соулмейтов метки находятся в одинаковом месте и выглядят они как инициалы имен друг друга. но встречаются случаи, когда у одного в паре метка на груди, а второго на запястье. наука объясняет это силой характера каждого соула и их подавляющей позицией в образовавшейся связи. однако в современном мире дискриминация по расположению меток недопустима. в нашем мире существует два вида меток. так называя "белая" возникает у человека в том случае, если его соулмейт уже мертв или близок к этому [кома, тяжелая болезнь, психологическое расстройство]. белая метка еще может означать, что ваш соулмейт не достиг совершеннолетия. в таком случае, вам придется дождаться, когда ему исполниться 18 и тогда у вас обоих будут черные метки, что позволит вам вместе пережить три стадии. белая метка это по сути лотерея. каждый надеется, что однажды его метка потемнеет, поэтому живет долгие годы с надеждой. черная метка самый распространенный вид. для ее завершения и установления связи требуется прикосновение к своему истинному. если в течении трех лет этого не происходит, то метка навсегда исчезает с тела и повторно не появляется, даже если ваш потенциальный соулмейт будет рядом. <br><br>

● у меня появилась метка, что я должен делать дальше?<br>
впереди вас ждет три года и три незабываемых стадии, каждая их которых по-своему будет пытаться вас убедить, а может и заставить, найти своего истинного. вы можете отыскать своего соула и укрепить с ним связь на любом промежутке времени. это значит, что всё для вас может закончиться еще на первой стадии. две другие же вас минуют. поверьте, оно и к лучшему. <br><br>

первая стадия - "эйфория". самая распространенная стадия, на которой и заключается большинство союзов соулов. где-то 60% успеха натолкнуться на своего соула. ведь каждая клеточка вашего тела готова и желает найти истинного. этому способствуют в первую очередь ваши ощущения, связанные друг с другом. это время подъема гормонов. пик вашей привлекательности, причем ваш шарм действует максимально на всех окружающих. многие девушки и юноши востребованы в модельном бизнесе именно в этот период. агенства готовы платить за годовой контракт бешеные деньги. <br><br>

сны - соулмейты могут видеть сны друг о друге, но не лица, а только размытые отражения в зеркальных поверхностях. силуэты, цвета и стиль одежды друг друга, любимые вещи. могут во снах видеть то, что видел один и никогда не видел другой. это своего рода подсказка искать друг друга именно в этих местах.
дежавю - наступает, когда один из соулов находится в том же месте и делает тоже самое, что делал его соул несколькими часами или днями ранее. например, вы едите мороженное на улице, и оно у вас падает, и вы ощущаете, что такое с вами точно уже было.
запахи - у людей есть особый запах, который слышит только соулмейт. этот запах может как-либо отражать сущность человека или быть его любимым.
порывы - у вас одинаковые мимолетные желания. например, вам резко одновременно может приспичить поехать к морю. залезть на крышу высокого здания. отведать острых крылышек и т.п.
<br><br>
вторая стадия - "принятие". иными словами на этой стадии вы принимаете все, что чувствует ваш соулмейт. в зависимости от того, кто более эмоционально возбужден в данный момент, вам начинает нравится то, что никогда не нравилось раньше. либо вы резко ненавидите то, что всегда обожали. это временный эффект и заканчивается тогда, когда соул успокаивается. сны и дежавю исчезают на этой стадии, но остаются запахи и порывы. желание найти своего истинного не такое подавляющее, но требовательное. вы все еще привлекательны, но не для всех как на первой стадии. особенными вы остаетесь для будущего соула.
<br><br>
третья стадия - "цветы в легких". статистика показывает, что для большинства людей эта стадия летальная. слабые характером люди предпочитают закончить свою жизнь. потребность найти соула продиктована лишь желанием прекратить свои муки. из этой стадии исчезают все ощущения из предыдущих и появляется новые. временно может пропадать вкус и обаяние. соул чувствует только боль своего истинного. но метка делает эти ощущения в разы сильнее. и если для вашего соула это обычный порез, то для вас острая режущая боль. сны возвращаются, но они концентрируются вокруг страхов и ощущения предстоящей потери, характерно наступление панических атак, так как метка начинает исчезать с тела, а связь отмирать. из-за плохого сна вы утомляетесь и болеете чаще обычного. все это заканчивается с полным исчезновением метки.
<br><br>
● если моя метка белая, действует ли на нее правило "трех лет"?<br>
нет, белая метка только показывает в каком "состоянии" пребывает ваш соулмейт. например, вам 20, а вашему соулу еще 15. вам придется ждать три года, чтобы его метка с инициалами вашего имени проявилась, и только тогда вы сможете по-настоящему чувствовать друг друга. вы можете все эти три года общаться, быть рядом, прикасаться, люто хаять друг друга и даже не подозревать, что этот человек ваш будущий соул. если только вы не одержимо приплетаете имена всех с вашей меткой.
<br><br>
что происходит с соулами, когда связь установлена.<br>
связь эта как правило романтическая, мало кто из соулов хотят быть друзьями. ведь связь дает колоссальные ощущения людям в отношениях. банально, но секс у соулмейтов ярче, насыщенней и эмоциональней, чем у простых людей. истинные думают в одном направлении. соулы в парах редко болеют, а полученные травмы заживают быстрее, если поблизости ваш истинный. метки могут жечь, если соулы в долгой разлуке. через нее же можно почувствовать, что твои истинный где-то рядом/находится в одном с тобой здании. соулы также способны ощущать измену. <br><br>

есть ли способ избавиться от метки? что будет с ней, если я буду специально отказываться от соула.<br>
если вы не хотите всю жизнь быть связаны с кем-то одним, то вам необходимо пережить все три стадии до полного исчезновения метки. вы можете либо запереться в доме на три года, либо три года не прикасаться к незнакомым людям, даже случайным образом. однако это тот выбор, что вы принимаете за вас двоих, тем самым лишая права голоса второго. думаете, он простит вам такое? <br><br>

что происходит с соулами, если они так и не нашли друг друга за три года. если они встретятся без меток, что они будут чувствовать друг к другу.<br>
не найти соула можно в двух случаях: если вы специально отказываетесь от его поисков, или же обстоятельства сложились не в вашу пользу, хотя вы рьяно пытались найти друг друга. те, кто хотел, но не смог, без меток воспринимают друг друга совершенно обычно. нет ощущения родства душ. они могут начать отношения, но восприниматься они будут обыденно, как и любые другие, как если бы вы были не соулами. природа же с теми, кто пренебрегает ею, обходится более жестоко. если один из пары или оба делают все, чтобы метка исчезла, то без нее симпатия между ними все равно сохраняется. при их первой встрече в 99,9% возникает притяжение. люди даже могут выяснить, что должны были быть соулами. но момент был упущен. повторно метка не проявляется. и чем дольше несостоявшиеся соулы находятся рядом друг с другом, тем негативнее на них сказывается отсутствие меток. они начинают чаще болеть, чувствуют головокружение, может идти кровь из носа. для того, чтобы избежать летального исхода, несостоявшихся соулов следует разлучать. от силы такие пары могут проводить вместе не больше двух-трех дней и тогда им требуется более двух недель в разлуке, чтобы восстановиться. <br><br>

как государство и общество относится к меткам?
государство всячески поощряет поиск соулов. на законодательном уровне запрещено брать в армию тех, чья метка не завершена. в начале 2000 официально разрешены браки однополых соулмейтов, однако на людей в отношениях без меток это не распространяется. общество активно пропагандирует связь истинных, неся этот культ в массы через телевидение и кино. не одно поколение воспитано на стремлении найти свою половину. однако в 2017 году в корее появилась новая политическая партия, которая нашла сторонников своей позиции, которая заключается в том, что соулы это пережиток прошлого, и что человек может и должен избавиться от этой "напасти". говорят, что партия активно ищет средство, что поможет людям безболезненно пережить все три стадии до полного исчезновения меток. широко не оглашается, но приверженцы этой позиции удерживают своих детей от поиска соулов.<br><br>

если у меня больше нет метки, то и у моих детей ее не будет?<br>
нет, метка появляется у всех без исключения. <br><br>

может быть у меня быть два соула? или еще какие-то отклонения от канона.<br>
мы понимаем, что все люди уникальны. и что сюжеты для игры должны быть разными и удобными именно для вас. мы не отказываемся от "сбоев" в системе. вы можете немного дополнить мир своими особенностями, но сначала вам придется согласовать их с нами, чтобы убедиться, что ваши идеи не рушат всю концепцию нашей вселенной. будьте готовы к тому, что вам придется уделить этому львиную долю в своей анкете, чтобы все понимали, с чем имеют дело. и не просто два-три предложения. а еще отнестись с пониманием, если мы отклоним ваше предложение или немного направим ход ваших мыслей в иное русло. <br>
на данный момент: разрешены две пары близнецов и три пары тройничков.<br><br>
</div>
[/html]

+1

7

https://i.imgur.com/P8ZUoLQ.png

+1

8

https://i.imgur.com/GIczMbG.png https://i.imgur.com/JugmGxE.png
https://i.imgur.com/OV1An0G.png

0

9

https://i.imgur.com/jMtAyaD.png https://i.imgur.com/wIw3Eqv.png https://i.imgur.com/VKbfIrL.png https://i.imgur.com/DEgysmg.png https://i.imgur.com/1DoEHVR.png https://i.imgur.com/R7TYFev.png https://i.imgur.com/HbekjWA.png https://i.imgur.com/dmqgu9D.pnghttps://i.imgur.com/JMwigRY.png https://i.imgur.com/79gmonc.png https://i.imgur.com/wtKLLKz.png https://i.imgur.com/c1svBDY.pnghttps://i.imgur.com/oNgHpDz.png https://i.imgur.com/MCQiEYt.png https://i.imgur.com/oZ8ZQ6z.png https://i.imgur.com/cJKPqoo.png https://i.imgur.com/BhPpHSR.png https://i.imgur.com/HHTiXmZ.png https://i.imgur.com/qZrMcQy.png https://i.imgur.com/meWx05H.png

0

10

Свернутый текст

хтмл-верх:

Код:
<div class="tabliza1stolbick"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>

<div class="tabliza2stolbick "> Lorem ipsum dolor sit amet. Sapiente delectus, ut labore et iusto odio dignissimos ducimus. Vero eos et accusamus et quasi architecto beatae. Nobis est et voluptates repudiandae sint.</div>

хтмл-низ. в указаніх местах поставить на свое

Код:
<div id="footer"><img src="http://funkyimg.com/i/WYwK.png"></div>

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
    $(document).ready(function(){

    myarray=new Array(
    "НАЗВАНИЕ ПЕРВОЙ КАТЕГОРИИ", "http://funkyimg.com/i/X9fZ.png",
    "ВТОРОЙ", "http://funkyimg.com/i/X9fY.png",
    "ТРЕТЬЕЙ", "http://funkyimg.com/i/X9fX.png",
    "ЧЕТВЕРТОЙ", "http://funkyimg.com/i/X9fW.png"
  //Последний элемент без запятой! 
    )

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

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

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


<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://funkyimg.com/i/WYwa.png" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="http://funkyimg.com/i/WYw9.png" border="0" /></div>
<style>
.go-up,.go-down {
overflow-x: hidden
display:none;
position:fixed; /*позиционируем*/
right:140px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width:82px; /*ширина кнопки*/
height:77px; /*высота кнопки*/
}
.go-up {
overflow-x: hidden
bottom:210px;
right: 160px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
overflow-x: hidden
bottom:150px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<!--Убрать Это Интересно-->
<script type="text/javascript">
rusffLive.enable = false;
</script>

<style>
.lastedit {
  display: none;
  }
.stickytext, .closedatafield { 
  display: none;
  }
</style>


<style type="text/css">
li#navawards {display: none;}
</style>

<style type="text/css">
#pun-ulinks li.item7 {
    display: none;
}
</style>

стиль первое окно:

Код:
/*************************************************************
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;
overflow-x: hidden !important;}

/* 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%;
}

/* 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.7em;
vertical-align: middle
}


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

/* A3.1 */
body {
  font-size: 11px;
  }


/* A3.2 */
.punbb {
  font: normal 100% tahoma;
  }


/* 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, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}

/* 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: 20px auto 0px auto;
width : 900px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
}

/* A5.2 */
.punbb {
margin-left: 25px;
float: left;
width: 850px;}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}

/* 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 none none none;
border-width: 0px 0px 0px 0px
}

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

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



#pun-main h2 {
padding-bottom: 15px;
font-style: normal;
color:  #000000;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-family: minion pro;
height : 16px;
overflow-y: hidden !important;}


/*************************************************************

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: 0px none #adadad;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 140%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* 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: 3px double #111112; 

  }



/* 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: none;

  border-width: 0px;

  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: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -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: none;

  border-width: 0px;

  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 12em 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;

  }



/* 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: right;
  width: 50%;
  padding-right: 1px;

 
  }

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

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: right;
  width: 200px;
  }

/* 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: 15%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 16px;
  font-weight: bold;
padding: 3px;
text-transform: uppercase;
text-decoration: underline;
letter-spacing: 0em;
  font-family: Minion Pro;
  }

/* 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: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 40px;
  }
* html .tclcon {height: 1px}

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

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


/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  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 transparent;
  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;
 box-shadow: 0px 0px 15px -7px #000000;
  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%;

  text-align: right;

  }



/* C3.7 */

.pa-author {
text-transform: uppercase;
  font-size: 1.1em;
text-shadow: 1px 0px 0px #ecde72;
  font-weight: bold;

  }



/* C3.8 */

.pa-author a {

  text-decoration: none

  }



/* C3.9 */

li.pa-title {

  line-height: 7px;
  padding-bottom: 0.5em;
font-size: 10px; 
    font-style: times new roman;
    letter-spacing: 0.2em;
  text-transform: lowercase;
  }





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: none;

  border-left-width: 0px;
text-align: justify; 
  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: none;

  border-top-width: 0px;

  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;

  }



/* 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-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;
  height :290px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {
  border-style: none none none none;

  }



/* D1.4 */

#pun-title h1 span  {
  font-size: 1.5em;

  }



#pun-title table {
background-repeat: repeat-x;
height: 290px;
	border: none;
	width: 900px;
}





#pun-title td.title-logo-tdl {

    border: none;

    width: 100%;

}



#pun-title td.title-logo-tdr {
border: none;
width: 900px;
  position: relative;
  left: 100px;
  top: 20;
}


/* D2 Page navigation

-------------------------------------------------------------*/

/* D2.1 */

#pun-pagelinks {

  position: absolute;



  margin: 0;

  border: none;

  padding: 0;

  width: 100%;
top: 0px;
left: 0px;
  }



/* 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, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {
  position:absolute;  
width: 850px;
  font-size: 12px;
  font-weight: normal;
  margin-left: auto; margin-top: -50px;
  text-align: center;


}



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {
position:absolute;
width: 850px;
margin-left: 0px;
margin-top: -40px;
  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  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;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



/* 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;

  padding: 1em 1em 0.8em 1em;

  font-size: 1.1em;
  margin-right: 35px;
  }



/* 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 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  }



/* D6.3 */

#pun-announcement .container {

  padding: -1em 1em 1em 1em;

  }



/* 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: none;

  border-bottom-width: 0px;

  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: none;

  border-bottom-width: 0px;

  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;

  }

.tabliza1stolbick { padding: 0px;
color: #000000;
width : 420px;
position: absolute; 
z-index: 999; 
top: 42px; 
text-align: justify; 
line-height: 110%;
font-family: Verdana;
font-size: 11px;
margin-left: 5px !important;
overflow-y: hidden;
}


.tabliza2stolbick { padding: 0px;
color: #000000;
width : 420px;
position: absolute; 
z-index: 999; 
top: 210px; 
font-family: Verdana;
font-size: 11px;
text-align: justify; 
line-height: 110%;
margin-left: 5px !important;
overflow-y: hidden;
}

второе окно:

Код:
/* CS1 Background and text colours
-------------------------------------------------------------
*/

#pun-title TABLE { 
background-image : url("http://funkyimg.com/i/X9g1.png");
 background-position : top center;
background-repeat: repeat-x;
margin-left: -25px; margin-top: 0px;
overflow-x: hidden !important;}

html {
    background: url(http://funkyimg.com/i/WYwb.png) repeat #170c01;
overflow-x: hidden !important;}

#pun {
background-image : url("http://funkyimg.com/i/WYwd.png");
background-color: #f0ebd0;
background-repeat: repeat;
background-position : center;

}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;
  font-style: normal;
overflow-x: hidden !important; 

  }


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

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


/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: transparent;
background-color: #f0ebd0;

  color: #000000;
  }

/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;
  }

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

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

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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: none none none none ; border-style:none !important;
  }

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

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

/* 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; border-style:none !important;
  }

/* CS2.5 */
.punbb th {
  border-color: none; border-style:none !important;
  }

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

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

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

.punbb .divider {
  border-color: none none none none; border-style:none !important;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 0px solid #NONE

  }

li.pa-online {
  border-left-color: none; border-style:none !important;
  }

.punbb .post-sig dt {
  border-color: transparent; border-style:none !important;
  }

 .formsubmit input {background-color : none; border-color: none;; border-style:none !important;}


/* CS3 Links
-------------------------------------------------------------*/
.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,
.punbb li.isactive a, .punbb li.isactive a:link, 
.punbb li.isactive a:visited,
.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,
#pun-pagelinks a:active, #pun-pagelinks a:focus
{color: #252426;
text-decoration: none;}


/* CS3.3 */
#pun-navlinks a {
  color: #000000;
  font-weight: normal;
letter-spacing: 0.1em;
  text-align: center;
 text-shadow: 0px 0px 1px #97833e;
  font-family: Verdana;
text-transform: uppercase;
text-decoration: none;
  }

#pun-ulinks a {
  color: #363637;
  text-align: center;
 text-shadow: 0px 0px 1px #767676;
 font-family: Tahoma;
text-transform: lowercase;
 font-size: 9px;
letter-spacing: 0.1em;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/



/* CS4.1 Иконка старых сообщений*/
.punbb table Div.icon {float: left; 
display: block; 
border-style: none none none none;
margin-left: 0px;
margin-right: 0px;
margin-top: -4px;
width: 30px;
height: 29px;
background-image : url(http://funkyimg.com/i/WYwM.png);
background-repeat: no-repeat;}

/* CS4.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/WYwN.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;}

/* CS4.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/WYwN.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;}

/* CS4.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/WYwL.png);
background-repeat: no-repeat;
width: 24px;
height: 24px;}

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}


.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=40);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
/* CS5 футер
-------------------------------------------------------------*/

#footer {position: absolute;
z-index: 999;
position:absolute; margin-right: 0px;
margin-left: -25px; margin-top: -40px;
padding-top: 10px; 
width: 900px; height: 128px;
background-repeat: no-repeat;
background-image: url('http://funkyimg.com/i/WYwc.png');}

#pun-main .post-content {font-size: 11px;}
#pun-main .formal textarea {font-size: 11px;}
#pun-status .container .item3 a {margin-right: 200px;}
#pun-about .container .item1 {margin-right: 200px; margin-top: -30px;}
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
#pun .tcl {text-align: justify; 
  width: 40%;
  }
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 4em}
#pun-title .title-logo { 
display : none; 
}

#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
margin-left: 700px;
margin-top: 200px;
}


::-webkit-scrollbar {width: 8px;height: 5px;}
::-webkit-scrollbar-track {background-color: #eee8ce;}
::-webkit-scrollbar-thumb {background-color: #f2dd00;}

.brd {
    border-width: 6px;
    border-color: #eadc74;
 font-family: Tahoma;
 font-size: 9px;
letter-spacing: 0.1em;
    border-style: none none solid none;
    padding: 3px; 
   }
.pa-posts {
  margin-left: 0px;
font-size: 10px;
  display: inline-block;
border-width: 2px;
    border-color: #000000;
    border-style: none none solid none;
  text-align: center;
  text-transform: uppercase;
  padding-top: 5px;
  width: 65px;
  }
.pa-respect {
  display: inline-block;
font-size: 10px;
  margin-left: 0px;
  text-align: center;
  text-transform: uppercase;
border-width: 2px;
    border-color: #000000;
    border-style: none none solid none;
  padding-top: 5px;
  width: 80px;
  }
.pa-ip, .pa-reg, .pa-last-visit {
  font-family: verdana;
  font-size: 10px;
  text-transform: lowercase;
  line-height: 12px;
  }  
li.pa-online {
  font-family: verdana;
  font-size: 9px;
  text-transform: lowercase;
  letter-spacing: 1px;
  line-height: 12px;  } 
.pa-gifts{
 display: none;}

код категории:

Код:
<body>
  <div class="brd">
ваше описание
   </div>
 </body>

+1


Вы здесь » noizy test » nonstop » здесь творится магия


Рейтинг форумов | Создать форум бесплатно