�� Nocoma

��/��

mybb@mybb.ru (by all) — Sat, 18 Aug 2012 16:28:38 +0400

�� , �� - �� , �� , ��-��, �� , �� , �� ?
asphyxiated

+ � - ��

mybb@mybb.ru (by all) — Sat, 18 Aug 2012 16:27:16 +0400

+ � - ��

�� ?

mybb@mybb.ru (by all) — Sat, 18 Aug 2012 16:24:14 +0400

�� ?

�� by all

mybb@mybb.ru (by all) — Sat, 18 Aug 2012 14:03:21 +0400

�� :
�� . �� by all. � �� . �� . �� 5 ��. �� . �� , �� .

�� :
skype: de-picasso
icq: 640392702
�� :
- �� ��.
- �� , �� , ��.
- �� webmoney ��. (�� ? �� , �� , �� , �� . �� - webmoney.ru )
- �� Mybb (� �� ), forum24.
- �� .
- �� , � �� . �� .
- �� , � �� , �� .
- �� 4 �� 7 ��. �� , �� . �� 100 �� , �� !
- �� !
- �� .
- �� , �� .
- �� , ��. �� , �� . �� - � �� , �� .

�� :
- �� �� 500 ��, �� 600 �� (�� ).
- �� "��", �� .
- � �� "��":
- 1 �� (50 ��)
- 2 �� 88*31 (25 ��)
- 2 �� 468*31 (40 ��)
- �� , �� . (25 ��.)
- �� , �� . (50 ��)
�� ?
- ��, �� , �� , ��
- ��: ��, ��, ��
- �� (��, ��, ��...) (�� )
- �� (�� , �� , ��.) (�� )
- �� . (�� )
- ��, �� , �� , �� , �� . (�� , �� )
- �� .
- �� �� , �� 700 ��.

�� webmoney:
�� R302747567920
�� U369099485169
�� E158605031219
�� Z176570596618
�� B351508233205

��:

1. �� :
2. �� :
3. �� :
4. �� :
5. �� :
6. �� :
7. �� :
(�� , �� , �� , �� .)
8. �� "��"?
9. � �� ?
(� �� , �� . �� . )

�� :

��

�� .

��

mybb@mybb.ru (by all) — Sat, 18 Aug 2012 13:51:58 +0400

��:

- �� .
- 1 ��, 1 ��. �� .
- � �� .
��:
Harry Potter: Hogwarts
- �� , �� : �� , �, ��, �� (� �� ) � �� .
�� , �� , �� , �� . �� , �� .

��:

1. ������ �� �����:
2. ������� ������, ������ ��� �������� ������:
3. �������� �������:
4. ������������� (���� ���): 
5. �������� � ������� ������:
6. ����� ������:
7. ���������� ������:
8. ��� ������ �������:

��

mybb@mybb.ru (by all) — Mon, 13 Aug 2012 14:08:41 +0400

�� 

��

mybb@mybb.ru (by all) — Mon, 13 Aug 2012 14:07:05 +0400

�� ?

mybb@mybb.ru (by all) — Mon, 13 Aug 2012 14:06:17 +0400

�� ?

�� 0.1

mybb@mybb.ru (by all) — Sun, 12 Aug 2012 13:39:01 +0400

faiko
��!! �� .

jQuery � ��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 19:08:05 +0400

jQuery � �� JavaScript-��, �� DOM, AJAX � �� . ��, "��" � �� AJAX, �� , ��, �� JavaScript �� , �� jQuery �� . �� jQuery � "�� , �� " � �� .

� �� ? �� , � �� $(), � ��, �� .

��  � selector � context. �� selector:

� �� CSS3 � XPath. �� , �� id � �� (#), �� . �� :

$('div') � �� DIV.
$('.myClass') � �� myClass
$('#myid') � �� id myid
$('input[name="a"]') � �� input'-� � name="a"
$('input[name*="nn"]') � �� input'-�, �� name nn
$('input[name$="nn"]') � �� input'-�, � �� name �� nn
$('input[name^="nn"]') � �� input'-�, name �� nn

�� :

:visible � ��
:hidden � ��
:radio � �� -��
:checkbox � ��
:text � ��
:password � ��
:reset � ��
:button � ��
:submit � ��
:disabled � ��
:enabled � ��
:checked � ��
:eq(index) � ��
:first � ��
:last � ��

�� :

��:

$('<div/>'); // ������ ����� DIV

� �� context �� , �� . �� document.

� jQuery 1.4 � context �� , �� selector �� :

��:

$('<div/>', {id: 'myid'}); // ������ ����� DIV, ������� id myid.

�� :

html(value) � �� . �� value ��, ��
text(value) � �� (�� <,>,',",& �� ). �� html()
val(value) � �� value ��. �� html()
attr(attribute, value) � �� . �� value ��, �� . �� , �� :

��:

$(elem).attr({attr1: value1, attr2: value2});

css(param, value) � �� CSS-�� . �� attr()

parent() � ��
child() � ��
next() � ��
prev() � ��
before(html) � �� HTML ��
after(html) � �� HTML ��
hide() � ��
show() � ��
remove() � ��
find(selector) � �� . �� , �� $(). �� , �� $(). ��:

��:

$(elem).parent().find('a');

�� parent() �� this �� , �� , � �� .

each(fn) � �� . � fn �� , � �� this �� (�� ). �� each().
bind(event, fn) � �� . event � �� (click, mouseover � �.�.), fn � ��, �� . this �� . � jQuery 1.4 �� , �� .

�� 

� jQuery �� :

slideToggle() � �� /��
slideUp() � ��
slideDown() � ��
toggle() � ��/�� . �� , ��
fadeIn() � ��
fadeOut() � ��

�, �� , �� animate(). �� : params (�� CSS), ease (��/�� : easeIn �� easeOut), speed (�� ) � callback (��, �� ).

params �� , � �� CSS. ��, �� :

��:

$(elem).animate({height: '200px', marginTop: '300px'}, 1000);

� �� 200 �� 300 ��.

! 1.�� , �� .
! 2. �� CSS (�� margin-top, � �� marginTop)

�� stop().

� jQuery 1.4 �� delay(time), �� (�� setTimeout ��)

�� AJAX
�� , �� get (�� ) � post (�� ). � �� .

�� $.get. �� : url (�� URL), succes (�� ) � callback (��, �� ).

� �� succes �� , �� (�� context � $()). �� :

��:

$.get('/index.php', function (data) { 
 alert($('a:first', data).text()); 
 });

�� index.php.

�� load(). �� , �� . �� , � �� URL, � �� :

��:

$(elem).load('/index.php a:first');

�� elem �� index.php

�� $.post(). �� , �� $.get. �� , �� succes � �� , � ��, � �� (name �� ). � � �� callback �� .
��:

��:

$.post('/index.php', { 
 e: 2, 
 a: 'text' 
 }, function (data) { 
 alert(data); 
 })

�� index.php ��, � �� .

�� $.ajax() � ��, �� .

�� $USERNAME$ aka. exec.
�� .

�� CSS

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 18:58:56 +0400

6 �� CSS3

�� CSS 2.1 �� , �� . �� , � �� .

� CSS3 �� . �� 116 �� . �� , �� . � ��, �� -��, �� CSS3-��, �� . � �� CSS3-��.
CSS 3.0 Maker

CSS 3.0 Maker �� . �� , ��, �� , �� , ��, �� . �� .

CSS-�� CodeView � �� HTML-��, �� .
LayerStyles.org

�� LayerStyles. CSS3 �� , �� , �� Adobe. �� "CSS-��", � �� .
css warp

css3generator.com

CSS3 �� wizard-�� . �� , �� border-radius, text-shadow, box-shadow, multiple-columns, transforms � transitions. �� .

CSS3 �� , �� , �� IE.
csstypeset.com

�� , � �� , � �� CSS ��.

css3patterns

�� CSS ��

�� by all

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 18:56:01 +0400

�� :
�� - �� �� , �� . �� , �� �� �� �� style_cs.css.

/* �� : by all (�� : �� de-picasso)
�� : �� 
Design by ��  (c) All rights reserved 2012
-------------------------------------------------------------*/

�� ?
- �� .
- �� "��, ��, ��, �� "
- �� .

�� 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%;
  }

/* 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;
  }
.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% verdana, arial, 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: 100px;
  position: relative;
  width: 972px;
  margin: auto;
  }

/* A5.2 */
.punbb {
  margin-left:65px;
  position: top center;
  float: none;
  width:814px;
  height: auto;
  }

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

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

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

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/*************************************************************
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 transparent;
  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 clearly dashed #b0adb5;
  }

/* 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: -4.6em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.6em;
  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: 1.5em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 4px 1em 5px 1em;
  border-bottom: 2px solid transparent;
  border-left: 1px solid transparent;
  }

/* 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: 50px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 1px;
  margin-top: 1px;
padding-left: 7px;
background-repeat: no-repeat;
}

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

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

/*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: -35px;
}

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

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

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

#pun-title table {
  border: none;
  height:0px;
  margin-left: -155px;
  width: 1155px;
  height:575px;
  background-image: url(������ �� ��������);
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

/* 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;
  margin: 0;
  margin-bottom: 10px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  padding-top: 10px;
  height: 27px;
  font-weight: normal;
  text-align: center;
  width: 900px;
}

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 1.2em;
  font-family: tahoma;
  padding: 3px 14px 8px 14px;
  }

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

/* D4.1 */
#pun-ulinks  {
  margin-bottom: 15px;
  border: 2px solid transparent;
  }

/* D4.2 */
#pun-ulinks .container {
  padding-top: 14px;
  height: 27px;
  border: none;
  text-align: center;
  font-weight: bold;
  width: 800px;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 14px 19px 13px 19px;
  font-size: 0.8em;
  }

/* 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: 0.8em 1em 1em 1em;
  }

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

/* 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: 4.3em 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%;
  text-align: center;
  }

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

��

��:

/* ���� ����������� ���������: by all  (����� : ����� de-picasso)
����� � ����������: ���� �����
Design by ��� ��� (c) All rights reserved 2012
-------------------------------------------------------------*/

/* CS0 ���� - ���������
-------------------------------------------------------------*/

 div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: -40px;
       top:430px;
      }

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 10px;
       top:470px;
       }

#pun { background-image : url("������ �� ���� ������");
background-color : #ede0cb;
background-position : center;}

/* CS1 ���� ����, ���� ������ � ���������.
-------------------------------------------------------------*/

body { 
 background-color: #000; 
 overflow-x: hidden;
 background-image : url("������ �� ���");
 background-repeat: repeat;
 background-position : top center;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
border-color:transparent;
  color: #0f0803;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #0f0803;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #97913e;
  color: #0f0803
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #F8F8F8;
  color: #0f0803
}

/* CS2 ����� ������
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
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;
  }

.punbb .post-sig dt {
border-color:transparent;
  }


/* CS3 ����� ������ � �� ��� � ���� ��������
-------------------------------------------------------------*/

/* 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: #080808;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #060606
  }

/* 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: #26170b;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #FFFFFF;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
   text-decoration: none;

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  color: #fff;
  }

/* CS4 ��� ���� ���������� � ���������� ����� �����������. + ����� �������.
 -------------------------------------------------------------*/

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

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

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

/*  CS5 ��������� ������ � ������ 
------------------------------------------------------------*/



/* CS6 ������� �����
 -------------------------------------------------------------*/

 #pun-about p.container {background-color: #;
   background-image : url(������ �� ������ �������);
   margin-left: -137px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1078px;
   height : 155px; 
   overflow-x: hidden;}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom:-80px;

}
 div#html-footer {
        margin: -100px 0px 0px 0px;}

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }

/* CS7 ��������� ���� ��� ���������� ������
 -------------------------------------------------------------*/

��, �� .

1. �� :

�� - �� - �� style.css
�� D1.4 ��.

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

#pun-title table {
border: none;
height:0px;
margin-left: -132px;
width: 1068px;
height:460px;
background-image: url(�� );
}

background-image: url(�� ); - �� , �� url �� .
width: 1068px � ��
height:460px; - ��
margin-left: -132px; - �� , �� , �� . (+/-)
�� , �� .

2.�� :
�� - �� - �� style_cs.css
�� :

#pun { background-image : url("�� ");
background-color : #;
background-position : center;}

background-image : url("�� "); - �� url �� .
background-color : #000; - �� , �� . (�� , �� , �� )

�� (��) �� , �� style.css, /* A5.1 */

#pun {
margin: 100px;
position: relative;
width: 972px;
margin: auto;

width: 972px; - �� .

3. �� :

�� (�� CS6 �� )

#pun-about p.container {background-color: #;
background-image : url(��);
margin-left: -91px;
background-position : center top;
background-repeat : no-repeat;
width: 962px;
height : 190px;
overflow-x: hidden;}

background-color: #; - �� , �� .
background-image : url(��); - �� url �� .
margin-left: -91px - �� , �� , �� . (+/-)
width: 962px; - ��
height : 190px; - ��

4. �� , ��, �� .

�� . ��.

�� /* CS0 ��
��

div#pun-navlinks {
position: absolute;
width: 100%;
margin-left: -40px;
top:300px;
}

margin-left: -40px; - �� (+/-)

top:300px; - ��, �� (�� ,�� +/- )

��

�� /* CS0 ��
��

div#pun-ulinks {
position: absolute;
width: 100%;
margin-left: 10px;
top:330px;
}

margin-left: 10px; - �� (+/-)

top:330px; - ��, �� (�� ,�� +/- )

5. �� :

�� style_cs.css ��, �� 1

body {
background-color: #f1e4c8;
overflow-x: hidden;
background-image : url("��");
background-repeat: repeat;
background-position : top center;
}

background-color: #f1e4c8; - ��

background-image : url("��"); - ��

background-repeat: repeat; - �� . �� repeat repeat..
�� .
repeat-x �� . �� repeat no-repeat.
repeat-y �� . �� no-repeat repeat.
Inherit �� .
Space �� , �� ; �� , �� .
Round �� , �� ; �� , �� .
no-repeat �� , �� background-position (�� ). �� no-repeat no-repeat.

6. �� .

�� style_cs.css, �� CS4

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

left: 450px � �� +/-
top: 320px; - ��, ��

�� ! �� , �� . �� (�� ). �� !

�� : by all
��: �� , ��!

�� . by ��

mybb@mybb.ru (��.) — Thu, 26 Jul 2012 18:52:49 +0400

�� . �� colorforum.ru

�� . �� , �� , �� . �� , �� ��, �� , �� . �� , � � �� .
��, ��. � �� , �� , �� .
�� . � �� , �� 850 �� 400 �� . � �� , �� , � �� .
�� . �� , �� .�.
�� , �� , �� , �� .

�� , �� :

��|��

-��
-��
-��
-��
-��
-��
-��, ��

� ��, �� , �� html � css.
�� . ��
�� , ��

��|��

��:

/*����� ���������� ���������� ��� ������ colorforum.ru � ������ "������ ���� ������. ������ 2012 ����". �����: ������������. �������� ����������� ��� ��������������� ����� �*/

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

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

.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: italic
  }

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

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

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

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


/* 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 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width : 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-style: none;
  background-color: #opacity;
  width: 849px;
  border-width: 0px;
}


/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
 background-color: #opacity
}

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

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

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

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

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

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

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

#pun-main h2 {
  padding: 0.3em 1em;
  border-style: dotted dotted dotted dotted ;
  border-width: 0px 0px 0px 0px;
}



/*************************************************************
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 solid #888;
  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-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-style: solid;
  border-width: 0px;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: normal;
  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: 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: normal;
  }


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

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

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

/* 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: center;
  width: 50%;
    margin-left: 11px;
  }

/* 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: center;
  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: normal;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: normal;
  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: 0px 0 0 0px;
  padding: 0.0em 0em;
  }

/* C2.12 */
.punbb .main th {
  border: none;
  padding: 0px 0em 0px 0em;
  }

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

* html .tclcon {height: 1px}

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

/* C2.15 */
.punbb div.icon {
      float: right;
      display: block;
      width: 93px;
      height: 58px;
    margin-right: 10px;
    padding-top: 0px;
    margin-top: 0px;}



/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: absolute;
  margin-left: -2.2em;
  }


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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: 0px;
  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 #a7b5bd;
  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: 0em;
  overflow: hidden;
  font-weight: normal;
  }

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

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  text-align: left;
  font-weight: normal;
  }

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


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

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 0px;
  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: 0px;
  }

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 0px;
  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: normal;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: normal;
  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: left;
  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: 0px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border-style: double;
  border: none;
  margin-bottom: 0px;

}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 398px;
margin-bottom: -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: 398px;
  width: 100%; margin-bottom: 0px; margin-top: 0px;
}

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

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

}



/* 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-style: none solid none solid;
  border-width: 0px 0px 0px 0px;
  margin: -100;
  margin-top: -300;
}

#pun-navlinks .container {
  border-style: none;
  border-width: 0;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
    padding-top: 12px;
    height: 20px;
    font-weight: normal;
    text-align: center;
}

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

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

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

/* D4.1 */
#pun-ulinks  {
  margin-top: -100;
  }

/* D4.2 */
#pun-ulinks .container {
  padding: 0.7em 1em;
  text-align: center;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  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: 0.8em 1em 1em 1em;
  }

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

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


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

#pun-announcement h2 {display: none}

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

/* D6.3 */
#pun-announcement .container {
  padding: 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: 0px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 0px;
  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: normal;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

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




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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  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: solid;
  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;
  }

�� , �� , �� .
�� . A5.1

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-style: none;
background-color: #opacity;
width: 849px;
border-width: 0px;
}

849px � �� . �� 850 � � �� , �� 850 ��, �� 849, �.�. � �� .
�� . ALL D1.

/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
margin-top: 0px;
border-style: double;
border: none;
margin-bottom: 0px;
}
/* D1.2 */
#pun-title h1 {
display : block;
height: 398px;
margin-bottom: -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: 398px;
width: 100%; margin-bottom: 0px; margin-top: 0px;
}
#pun-title TD.title-logo-tdl {
border: none;
width: 100%; height: 398px;
}
#pun-title TD.title-logo-tdr {
border: none;
width: 849px;
vertical-align: top;
padding-right: 0px;
padding-top: 0px;
}

� �� height: 398px (�� ) �� . � �� 400 �� =398 ��.
�� width: 849px �� .
�� .
�� . ��
� �� , ��

��|��

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* ����� */
#pun-title table {background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/81789.jpg");}
 
/* ��� */
body {background-color: #e7e7d3;
background-image : url("");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}

/* ��� �������� */
#pun { background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/13517.png");
background-repeat: repeat;
background-position : center;}

/* ���� ����� ������ � ������*/
  .punbb textarea, .punbb select, .punbb input{
  background-color: #e7e7d3;
  color: #e7e7d3;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
border-top:2px dashed #671d12;
border-right:2px dashed #671d12;
border-bottom: 2px dashed #671d12;
border-left:4px dashed  #671d12;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/* ���� ����� � �����*/
#pun-main .code-box, #pun-main .quote-box,  {
  background-color: #e7e7d3;
  color: #e7e7d3;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
border-top:2px dashed #671d12;
border-right:2px dashed #671d12;
border-bottom: 2px dashed #671d12;
border-left:4px dashed  #671d12;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}

/* ��������� */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
  height: 14px;
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  font-family: times;
  text-shadow: -1px 1px 0px #ffffff;
  text-transform: center;
  font-size: 14px;
  letter-spacing: 2px;
  color: #846d2f;
  font-weight: bold;
}

/* �������� � ����� ��� */
          #pun-about p.container {background: transparent url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/19503.png") bottom center no-repeat;
  }

/* ���� ����� � �����*/
.punbb .quote-box, .punbb .code-box {
  color: #671d12;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

  }

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span,  .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #1a0a01;}

#pun-status .container, #pun-crumbs1 .container
{color: #1a0a01;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 0px
}








#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #1a0a01;
text-align: center;}

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

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



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

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  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: 1px solid transparent
  }

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

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


/* 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: #846d2f;
     text-shadow: -1px 1px 0px #ffffff;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #606770
  }

/* 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: #68541d;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #606770;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/
div#html-footer {
margin: -20px 0px 0px 0px;}

� �� . �� . ��!
��

/* �� */
#pun-title table {background-image : url("��");}

�� . � �� , � � �� URL-�� .

��|��

/* �� */
#pun-title table {background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/81789.jpg");}

��

/* �� */
body {background-color: #��;
background-image: url("��");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}

background-color - �� . �� #�� .
background-image - �� . �� URL-�� .
background-repeat - �� .
� repeat � ��
� no-repeat � ��
� repeatx� �� , ��
� repeaty � �� , �� .
background-position - �� , �� /�� /�� (center), ��(left), ��(right)

��|��

/* �� */
body {background-color: #e7e7d3;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
background-repeat: repeat;
background-position : top center;
overflow-x: hidden;
}

�� 

/* �� */
#pun { background-color: #��;
background-image : url("��");
background-repeat: repeat;
background-position : center;}

�� . �� . �� , �� background-image � background-color

��|��

/* �� */
#pun { background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/13517.png");
background-repeat: repeat;
background-position : center;}

�� 

/* �� */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7e7d3;
color: #e7e7d3;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
border-top:2px dashed #671d12;
border-right:2px dashed #671d12;
border-bottom: 2px dashed #671d12;
border-left:4px dashed #671d12;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}

�� , �� css.
�� -�� -�� , ��

/* �� */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7e7d3;
color: #e7e7d3;
}

�� , �� .�� , ��
��
/* �� */

#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 14px;
background-image: url();
background-position: center;
background-repeat: no-repeat;
text-align: center;
font-family: times;
text-shadow: -1px 1px 0px #ffffff;
text-transform: center;
font-size: 14px;
letter-spacing: 2px;
color: #846d2f;
font-weight: bold;
}

�� , ��
height - �� , �� , � �� , �� .
text-align - �� . �� (center), ��(left), ��(right).
font-size � �� .
�� 

/* �� */
#pun-about p.container {
background: transparent url("�� ")
bottom center no-repeat;
}

�� , �� . ��! �� , �� . �� .�, ��

�� 

/* �� */
.punbb .quote-box, .punbb .code-box {
color: #671d12;
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

}

color: #671d12; - ��
background-image : url("http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/17015.png"); - �� . ��
� ��
�� 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: #846d2f;
text-shadow: -1px 1px 0px #ffffff;
border-bottom: 0px none #000;
text-decoration: none;
}

color: #846d2f; - �� , �.�. �� .

/* 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: #68541d;
border-bottom: 0px none #000;
text-decoration: none;
}

color: #68541d; - �� , �.�. �� .
�� .

/* CS3.3 */
#pun-navlinks a {
color: #846d2f;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #68541d;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
}

color: #846d2f; - �� , �� , �.� � ��
color: #68541d; - �� , ��
�� . �� 
�� "��" ��
�� . �� .
�� 

border-top,right,bottom,left - ��(� �� ). �� , ��, �� .
��
� none � ��
� dotted � ��
� dashed� ��
� solid � ��
�� , �� , �� .

��|��

/* �� */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7e7d3;
color: #e7e7d3;
border-top:2px dashed #671d12;
border-right:2px dashed #671d12;
border-bottom: 2px dashed #671d12;
border-left:4px dashed #671d12;
}

�� . �� , �� .�

border-radius - �� , �� . �� 15 ��, �� , � �� , �� , �� .

��|��

/* �� */
.punbb textarea, .punbb select, .punbb input {
background-color: #e7e7d3;
color: #e7e7d3;
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}

�� 

text-shadow -�� . �� - �� . �� , �� , �� (-) . �� . �� . 0 � �� .

��|��

/* �� */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 14px;
text-align: center;
font-family: times;
text-shadow: -1px 1px 0px #ffffff;
text-transform: center;
font-size: 14px;
color: #846d2f;
}

�� 
��, �� , �� , � �� , �� . � �� text-transform
�� . �� none(��, �.� �� ), �� .
��
� capitalize - �� . �� .
�� .
� lowercase - �� (�� )
�� .
� uppercase - �� (�� )
�� .
� none - ��. ��

��|��

/* �� */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 14px;
background-image: url();
background-position: center;
background-repeat: no-repeat;
text-align: center;
font-family: times;
text-transform: capitalize;
text-transform: center;
font-size: 14px;
letter-spacing: 2px;
color: #846d2f;
font-weight: bold;
}

��
�� , �� . �� letter-spacing � �� , �� . �� , �� (mm, sm � �.�.)

��|��

/* �� */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 14px;
text-align: center;
font-family: times;
letter-spacing: 2px;
}

�� , �� html � �� , �� .
HTML.�� 
�� , � �� XTML-��, ��

HTML-��|HTML-��

��:

<table border=0 width="410px" style="text-align: justify; position: absolute; top: 193px; margin-left: 388px;"
<tr><td width="410px"><center><br>
������������� ����������� ����������� ��� � ����������� ����������� � ������ ��� �������� ����������. ��������� ��������� �� �������������: �������� ������� ��� �����, ���� ������ �������� ������, ������ �������� � ��������� ����� �� ����, ����� ������ �����, ���� ����, ����� ������, ���������� �������� ������ ����, ���� ����� � ������������� � ��.
<br>
�������� ��������� � ���������� ����������� ��� � ���� �������� ����������! �� ������� ��������� ��������� ���������� - �����������, ��������� � �����-������� � ����� ���������� ����. ������ ��� ���� ��������. <br/>
</td></tr></table>




<div id="html-header">
	<table border=0 width="180px" style="text-align: justify; position: absolute; top: 339px; margin-left: 663px;"
<tr><td width="88px"><center><br>
<a href="http://colorforum.ru" title="���������� ����� ����!" target=_blank> <img src="https://forumstatic.ru/files/000c/77/06/34527.gif" border="0" alt="COLOR FORUM"></a><br/>
</td></tr></table>



<style>
.punbb table Div.icon {float: right; display: block; width: 103px; height: 58px; border-style: none; background-image: url(http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/97883.png);  background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/49881.png) no-repeat;}
TR.isticky Div.icon {background: url(http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/49881.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://bymaxcolorforum.0-pk.ru/files/0010/d2/4c/49881.png) no-repeat;}
</style>

Html � �� , �� , �� css. ��
�� <style> �� HTML-��. �� . �� , �� .
�� 
��, �� html �� , �� , �� .

<style>
.punbb table Div.icon {
float: right;
display: block;
width: ��;
height:��;
border-style: none;
background-image: url(�� );
background-repeat: no-repeat;
position: relative;
}
.punbb table div.inew {background: url(�� ) no-repeat;}
TR.isticky Div.icon {background: url(�� ) no-repeat;}
TR.iclosed Div.icon {background: url(�� ) no-repeat;}
</style>

�� .
width: ��; height: �� - �� , �� , �� .
float: right � �� . �� right(��) �� left(��), up(�� ), bottom(�� )
background-repeat: no-repeat � �� . �� , �� , �� . �� , �� . �� , �� .

��|��

<style>
.punbb table Div.icon {float: right; display: block; width: 103px; height: 58px; border-style: none; background-image: url(http://bymaxcolorforum.0-pk.ru/files/00 … /97883.png); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://bymaxcolorforum.0-pk.ru/files/00 … /49881.png) no-repeat;}
TR.isticky Div.icon {background: url(http://bymaxcolorforum.0-pk.ru/files/00 … /49881.png) no-repeat;}
TR.iclosed Div.icon {background: url(http://bymaxcolorforum.0-pk.ru/files/00 … /49881.png) no-repeat;}
</style>

�� 
�� ��, �� .
HTML.�� 

� �� . �� .

<table border=0 width="�� " style="text-align: justify; position: absolute; top: �� ; margin-left: �� "
<tr><td width="��"><center><br>
��
</td></tr></table>

border=0 � ��, �� , �� , �� , �� border=2px
width="�� " � �� . ��, width="180px"
top: �� ; margin-left: �� ; ��/�� . �� top-�� , margin-left � �� . �� top: 339px; margin-left: 663px;
�� <br> �� , �� html �� enter, �� .
�� ?
� �� , �� . �� , �� .

�� (�� psd, � �� png, jpg � �.�.) � �� . ��

�� , �� ENTER. �� . �� Alt+ctrl+C � �� . �� margin-left � �� , �� (px)
��, �� -�� , �� f12 (�� fn+f12). �� . �� , �� .

�� Alt+ctrl+C ,� �� . �� margin-top � �� , �� (px)
�� , �� .
� �� , �� . � �� .
� HTML-��'� � �� , ��

��|��

��:

<script type="text/javascript">
li=document.getElementById("pun-navlinks").getElementsByTagName("li")
f=-1
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("�����")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� ������'>"+s.substring(p+5)
else if((p=s.indexOf("���������")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� ����������'>"+s.substring(p+9)
else if((p=s.indexOf("�����")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� ������'>"+s.substring(p+5)
else if((p=s.indexOf("�������")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='��������  �������'>"+s.substring(p+7)
else if((p=s.indexOf("���������")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� ���������'>"+s.substring(p+9)
else if((p=s.indexOf("�����������������")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� �����������������'>"+s.substring(p+17)
else if((p=s.indexOf("�����������")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� �����������'>"+s.substring(p+11)
else if((p=s.indexOf("�����")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� �����'>"+s.substring(p+5)
else if((p=s.indexOf("�����")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='�������� �����'>"+s.substring(p+5)
}
</script>

�� , �� .�. �� URL-��
�� ! �� css � html.

��. [colorforum.ru]
�� , �� -�� .
�� - ��.
� ��
� �� - ��, �� , �� colorforum.ru

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 18:49:26 +0400

�� :

<img border="0" src="http://nocoma.ru/mis_6.png">

��:
border="0" - �� (�� 0)
src="http://nocoma.ru/mis_6.png"- ��

�� :

align="left", align="right"- �� , ��
width="100" , height="80"- ��
alt="��"- �� (�� SEO) , ��

�� html ��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 18:44:01 +0400

http://www.htmlbook.ru/ - �� html.
http://www.html.by/ - �� html
http://www.postroika.ru/html/ - �� Html (��) ��
http://validator.w3.org/ - �� (�� ).
http://www.freehtml.ru/ - �� -��.
http://xhtml.ru/ - �� xhtml.

��/��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:35:51 +0400

��/��

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:34:22 +0400

��:

1. ������ �� �����:
2. ������� ������, ������ ��� �������� ������:
3. �������� �������:
4. ������������� (���� ���): 
5. �������� � ������� ������:
6. ����� ������:
7. ���������� ������:
8. ��� ������ �������:

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:30:53 +0400

��  (Deff)

DEMO
� HTML ��

��:

<style type="text/css">
#Obr {
   background-clip:border-box;
   border:transparent solid 34px;
   overflow: hidden;
   width:444px;
   height:192px;
   position:relative;
}
div.WRAP {
   background-color:#A883AF;
   display:inline-block;
}
div.WRAP img.picture_mask{
   position:absolute;
   margin-left:-3px;
   z-index:100;

}
#Obr img.slide{
   position:absolute;
   display:none;
}
#Obr img.slide:first-child{
   display:block;
}
</style>

�� ,
(*�� , �� :

��:

<div class="WRAP">
   <img class='picture_mask' src="http://n.inetech.ru/images/slider.png"/>
<div id="Obr">
   <img class='slide' src="http://s1.uploads.ru/i/t4EZ0.png"/>
   <img class='slide' src="http://s1.uploads.ru/i/udkzn.png"/>
   <img class='slide' src="http://s1.uploads.ru/i/K64eT.png"/>
   <img class='slide' src="http://s1.uploads.ru/i/RNnTx.jpg"/>
</div>

</div>

�� 

��:

<script type="text/javascript">
$(document).ready(function(){
var slideArr=[]
$("#Obr img.slide").each(function(i){
   slideArr[i]=$(this);
});
var LengSlide = slideArr.length;

var SLTime = 4400;
function Circle(st) {
     var v = st-1;
    if(st==LengSlide)st=0;
    if(st==0)var v=LengSlide-1;i=st;
    slideArr[v].fadeOut(SLTime-400)
    slideArr[i].fadeIn(SLTime, function() {
           setTimeout(function(){$("#Obr img.slide").stop(true,true);
              st++;
              Circle(st);
          },323)
   });
} Circle(1)
});
</script>

��

�� -"��"
(*��
�� - ��
� �� -"��" �� =>

<img class='picture_mask' src="http://n.inetech.ru/images/slider.png"/>

�� C��-�� - �� ;

�� -"��"
�� ,
�� :

�.� �� , �� "��"
��, - �� #Obr {

border:transparent solid 34px;

� ��

width:444px;
height:192px;

(*�� , ��
��:

#Obr {
background-clip:border-box;
border:transparent solid 34px;
overflow: hidden;
width:444px;
height:192px;
position:relative;
}

�� (Forum, Userlist ...)

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:16:26 +0400

HTML ��:

��:

<script>
<!--
indexof="<img src='������ �� ��������' />"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("�����")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
userof="<img src='������ �� ��������' />"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("���������")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
--></script>
<script>
<!--
findof="<img src='������ �� ��������' />"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("�����")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
--></script>
<script>
<!--
faseof="<img src='������ �� ��������' />"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("�������")
document.getElementById
("navprofile").innerHTML=str.substring(0,pos)+faseof
+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='������ �� ��������' />"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("���������")
document.getElementById("navpm").innerHTML=str.substring
(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='������ �� ��������' />"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("�����������������")
document.getElementById("navadmin").innerHTML=str.substring
(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='������ �� ��������' />"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("�����")
document.getElementById("navlogout").innerHTML=str.substring
(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='������ �� ��������' />"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("�����")
document.getElementById("navlogin").innerHTML=str.substring
(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='������ �� ��������' />"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("�����������")
document.getElementById
("navregister").innerHTML=str.substring(0,pos)+regof
+str.substring(pos+18,str.length-1)
-->
</script>

css

��:

#navindex a {
  
   display: inline-block;
left: 93px;
position: absolute;
top: 10px;
z-index: 1000;
}
#navuserlist a {
  
   display: inline-block;
   z-index: 1000;
left: 165px;
position: absolute;
top: -2px;
}

#navsearch a {
 
   display: inline-block;
   z-index: 1000;
left: 234px;
position: absolute;
top: -16px;
}

#navprofile a {
  
   display: inline-block;
   z-index: 1000;
left: 309px;
position: absolute;
top: -24px;
}

#navpm a {
 
   display: inline-block;
   z-index: 1000;
left: 124px;
position: absolute;
top: 45px;
}

#navadmin  a {
  
   display: inline-block;
   z-index: 1000;
left: 238px;
position: absolute;
top: 23px;
}

#navlogout   a {
 
   display: inline-block;
   z-index: 1000;
left: 200px;
position: absolute;
top: 34px;
}

#navlogin  a {
  
   display: inline-block;
   z-index: 1000;
left: 213px;
position: absolute;
top: 28px;
}

#navregister a {
 
   display: inline-block;
   z-index: 1000;
left: 123px;
position: absolute;
top: 44px;
}

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:10:45 +0400

DEMO
HTML ��

��:

<div class="awesome_image"> </div>
<div id="stickey_footer">
  <ul id="footer_menu">
    <!-- Begin Footer Menu -->
    <li class="imgmenu"><a href="#"><span>Home</span></a></li>
    <!-- This Item is an Image, the "span" is hidden via CSS -->
    <li><a href="#">Services</a>
    <li><a href="#">Portfolio</a>
    <li><a href="#">Friends</a>
    <li><a href="#">Blog</a>
    <li><a href="#">Testimonials</a>
    <li><a href="#">Contact</a>
  </ul>
  <!-- End Social Icons -->
  <ul id="social_icons">
    <!-- Social Icons -->
    <!-- The span is the text appearing on hover, use the tooltip class in the link -->
    <li><a href="#" ><img src='https://forumstatic.ru/files/000f/33/e7/32704.png' alt="" /><span>Twitter</span></a></li>
    <li><a href="#" ><img src='https://forumstatic.ru/files/000f/33/e7/87078.png' alt="" /><span>Digg</span></a></li>
    <li><a href="#" ><img src='https://forumstatic.ru/files/000f/33/e7/66973.png' alt="" /><span>Flickr</span></a></li>
    <li><a href="#" ><img src='https://forumstatic.ru/files/000f/33/e7/96797.png' alt="" /><span>Facebook</span></a></li>
  </ul>
  
</div>

�� style_cs.css

��:

#stickey_footer { /* This will make your footer stay where it is */
	background: none repeat scroll 0 0 #1D1D1D;
	border: 1px solid rgba(0, 0, 0, 0.3);
	bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 40px;
	left: 50%;
	margin: 0 auto 0 -490px;
	padding: 0 10px;
	position: fixed;
	text-shadow: 1px 1px 1px #000000;
	width: 960px;
}
/* border curves */
#stickey_footer {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}
/* hover effect */
#stickey_footer:hover {
	background: none repeat scroll 0 0 #2b2a2a;
}
/* shadow for the footer*/
#stickey_footer {
	-moz-box-shadow:0px 0px 11px #191919;
	-webkit-box-shadow:0px 0px 11px #191919;
	box-shadow:0px 0px 11px #191919;
}
#footer_menu {
	margin: 0;
	padding: 0;
	width:auto;
}
#footer_menu li {
	list-style: none;
	float: left;
	font-size:12px;
	padding: 12px 14px 14px 14px;
	border-right:1px solid rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.1);
}
#footer_menu .imgmenu {
	padding:5px 8px 3px 14px;
	float:left;
	background:url("https://forumstatic.ru/files/000f/33/e7/67333.png") 13px 5px no-repeat;
	width:36px;
	height:30px;
	border:none;
	border-right:1px solid rgba(0, 0, 0, 0.4);
	cursor:pointer;
}
#footer_menu li:hover {
	background:#202020; /* Fallback color for old browsers */
	background: rgba(0, 0, 0, 0.3);
}
#footer_menu .imgmenu:hover {
	background:url("https://forumstatic.ru/files/000f/33/e7/22492.png") 13px 5px no-repeat;
}
#footer_menu li a {
	display: block;
	color: #cccccc;
	text-decoration: none;
}
#footer_menu li a:hover {
	color: #ffffff;
}
#footer_menu li span {
	display:none;
}
#stickey_footer #social_icons {
	float:right; /* social icons positions */
	width:auto;
	margin:5px 15px 0px;
	padding:0px;
	overflow:hidden;
}
#stickey_footer #social_icons li {
	margin-right:12px; /* 12px is the space between each one of them */
	float:left;
	width:24px;
	padding:0px;
	height:32px;
	list-style:none;
	_margin-right:0px; /* this is for IE6 only */

DEMO

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:07:27 +0400

demo

HTML

��:

<link rel="stylesheet" href="https://forumstatic.ru/files/0011/8c/a9/84432.css">	
	<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="https://forumstatic.ru/files/0011/8c/a9/74074.js"></script>
<ul class="menu">
    <li tabindex="1">
      <span class="title">One</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1">
      <span class="title">Two</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1">
      <span class="title">Three</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1">
      <span class="title">Four</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1">
      <span class="title">Five</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1">
      <span class="title">Six</span> 
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1"> 
      <span class="title">Seven</span>
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1"> 
      <span class="title">Eight</span>
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>
    <li tabindex="1"> 
      <span class="title">Nine</span>
      <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum dictum scelerisque. Morbi eu euismod lorem.</div>
    </li>     
  </ul>
  
  

	<script>
	  (function(){
	  
    // Append a close trigger for each block
    $('.menu .content').append('<span class="close">x</span>');    
    // Show window
    function showContent(elem){
    	hideContent();
    	elem.find('.content').addClass('expanded');
    	elem.addClass('cover');	
    }
    // Reset all
    function hideContent(){
    	$('.menu .content').removeClass('expanded');
    	$('.menu li').removeClass('cover');    
    }
    
    // When a li is clicked, show its content window and position it above all
    $('.menu li').click(function() {
    	showContent($(this));
    });    
    // When tabbing, show its content window using ENTER key
    $('.menu li').keypress(function(e) {
    	if (e.keyCode == 13) { 
        showContent($(this));
    	}
    });

    // When right upper close element is clicked  - reset all
    $('.menu .close').click(function(e) {
    	e.stopPropagation();
    	hideContent();
    });    
    // Also, when ESC key is pressed - reset all
    $(document).keyup(function(e) {
    	if (e.keyCode == 27) { 
    	  hideContent();
    	}
    });
    
	  })();
	</script>

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:05:57 +0400

DEMO

�� jCarouselLite �� . �� . ��, �� HTML, �� (�� ) AJAX, �� .

� �� . �� jCarouselLite �� ?
-�� jQuery, �� .
-�� jCarouselLite (� �� , �� , �� )
-�� jCarouselLite � �� , �� (��).
-�� CSS �� HTML ��.
�� HTML �� .

�� :

1. �� jQuery �� <head> </head> (� �� )

��:

<script type="text/javascript" src="https://forumstatic.ru/files/0011/8c/a9/29598.js"></script>

2. �� jQuery �� jCarouselLite

��:

<script type="text/javascript" src="https://forumstatic.ru/files/0011/8c/a9/22752.js"></script>

3. �� jCarouselLite �� (�� , �� )

��:

<script>
$(function() {
    $(".carousel").jCarouselLite({ });
});
</script>

4. �� CSS �� . �� , �� jCarouselLite.css � �� , �� <head> </head> (�� ). �� , �� .

��:

<style type="text/css">
.carousel {
    float:left;
    width:470px;
    margin:0 0 10px;
}
.carousel li {
    float:left;
    height:200px;
    list-style:none;
}
.carousel h1 {
    font-size:14pt;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align:left;
    margin:0 0 15px;
}
.carousel h1 a {
    color:#83390d;
    text-decoration:none;
}
.carousel h1 a:hover {color:#dc5807;}
.carousel p {text-align:justify;}
.carousel img {
    float:left;
    width:198px;
    border:1px solid #83390d;
    margin-right:10px;
}
.prev, .next {
    display:block;
    float:left;
    width:42px;
    height:42px;
    margin-top:79px;
}
.prev {
    background:url(https://forumstatic.ru/files/0011/8c/a9/55942.png) no-repeat;
    margin-right:10px;
}
.next {
    background:url(https://forumstatic.ru/files/0011/8c/a9/55942.png) -44px 0 no-repeat;
    margin-left:10px;
}
.prev:hover {background:url(https://forumstatic.ru/files/0011/8c/a9/55942.png) 0 -44px no-repeat;}
.next:hover {background:url(https://forumstatic.ru/files/0011/8c/a9/55942.png) -44px -44px no-repeat;}
.go {margin:0 0 10px 47px;}
.go a {
    float:left;
    width:10px;
    height:11px;
    text-indent:-9999px;
    background:url(https://forumstatic.ru/files/0011/8c/a9/44663.png) no-repeat;
    margin-left:5px;
}
.go a:hover {background-position:0 -11px;}
.go .goActive {background-position:0 -11px;}
</style>

5. � �� HTML �� jCarouselLite.

��:

<div class="carousel">
    <ul>
        <li>������ �������</li>
        <li>������ �������</li>
        <li>������ �������</li>
        .........
        <li>N �������</li>
    </ul>
</div>

�� jCarouselLite, � �� .

btnPrev: null - ��, �� id ��, �� [".prev"]
btnNext: null - ��, �� id ��, �� [".next"]
btnGo: null - ��, �� id ��, �� [".0", ".1", ".2"]
auto: null - �� [1�� = 1000]
hoverPause: false - �� [false - �� , true - ��]
mouseWheel: false - �� , �� mousewheel.js [false - ��, true - ��]
speed: 500 - �� [1�� = 1000]
easing: null - �� , �� easing.js ["easeOutElastic"]
vertical: false - �� , �� [false - ��, true - ��]
circular: true - �� , �� [false - ��, true - ��]
visible: 1 - ��
start: 0 - � ��
scroll: 1 - ��
beforeStart: null - �� , �� [function(a) {alert("Before animation starts:" + a);]
afterEnd: null - �� , �� [function(a) {alert("After animation ends:" + a);]

�� null �� .
�� mouseWheel �� , �� hoverPause ��, �� false.
�� easing �� easing.js �� , �� .

�� jCarouselLite � �� :

�� .
�� "��" � "��" �� ".prev" � ".next"
�� ".1", ".2", ".3", ".4", ".5", ".6", ".7"
�� "speed" � �� "200" �� "500", �� .
�� 3 ��. �� "auto" �� "3000"
�� - �� , �� "mouseWheel" �� "true". �� "hoverPause" �� "false" (�� ).
� �� "goActive" �� . �� "afterEnd" � �� ".1", ".2", ".3", ".4", ".5", ".6", ".7". �� .

�� jCarouselLite:

��:

<script>
$(function() {
    $(".carousel").jCarouselLite({
        btnPrev: ".prev",
        btnNext: ".next",
        btnGo: [".1", ".2", ".3", ".4", ".5", ".6", ".7"],
        speed: 200,
        auto: 3000,
        mouseWheel: true,
        afterEnd:
            function(a, to, btnGo) {
                if(btnGo.length <= to){
                    to = 0;
                }
                $(".goActive").removeClass("goActive");
                $(btnGo[to]).addClass("goActive");
            }

    });
});
</script>

�� HTML �� jCarouselLite.

� �� "��" � "��" �� , �� (�� ) � �� .

��:

<div class="prev"></div>
<div class="carousel">
    <ul>
        <li>������ �������</li>
        <li>������ �������</li>
        <li>������ �������</li>
        <li>��������� �������</li>
        <li>����� �������</li>
        <li>������ �������</li>
        <li>������� �������</li>
    </ul>
</div>
<div class="next"></div>
<div style="clear:both;"></div>
<div class="go">
    <a href="#" onclick="" class="1 goActive">1</a>
    <a href="#" onclick="" class="2">2</a>
    <a href="#" onclick="" class="3">3</a>
    <a href="#" onclick="" class="4">4</a>
    <a href="#" onclick="" class="5">5</a>
    <a href="#" onclick="" class="6">6</a>
    <a href="#" onclick="" class="7">7</a>
</div>

�� , �� :

� �� :
jquery.js - �� jQuery
jcarousel.js - ��
mousewheel.js - ��
easing.js - ��
prev_next.png - �� "��" � "��"
go.png - ��
carousel.html - HTML ��
02.jpg - 07.jpg - ��

��:jcarousel.zip[96.1 Kb]

�� (��)

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:05:09 +0400

��

��:

<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning of JavaScript -

var picOne=new Image()
picOne.src="86-1.jpg"

var picTwo=new Image()
picTwo.src="86-2.jpg"

var picThree=new Image()
picThree.src="86-3.jpg"

var message = new Array()
message[0]="<img src='86-1.jpg'>"
message[1]="<img src='86-2.jpg'>"
message[2]="<img src='86-3.jpg'>"
var i_message=0
var covertop=50
var coverleft=400
var coverwidth=1200
var coverheight=520
var texttop=covertop
var textleft=coverleft
var textwidth=400
var textheight=coverheight
var cliptop=0
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=40
var pause=50
var timer

function init() {
    if (document.all) {
	    document.all.text.style.posTop=texttop
        document.all.text.style.posLeft=textleft
        document.all.cover.style.posTop=covertop
        document.all.cover.style.posLeft=coverleft
        clipleft=0
        fadeout()
    }
	
	if (document.layers) {
	    document.text.top=texttop
        document.text.left=textleft
        document.cover.top=covertop
        document.cover.left=coverleft
        clipleft=0
        fadeout()
    }
}

function fadeout() {
if (document.all) {
    if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) {
        clipleft+=step
        clipright=clipleft+textwidth
        clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
        document.all.cover.style.posLeft-=step
        timer= setTimeout("fadeout()",pause)
    }
    else {
        clearTimeout(timer)
        i_message++
        if (i_message>=message.length) {i_message=0}
        text.innerHTML=message[i_message]
        fadein()
    }
}
if (document.layers) {
	if (document.cover.left >=(-coverwidth+textwidth+coverleft+step-22)) {
        clipleft+=step
        clipright=clipleft+textwidth
document.cover.clip.top=cliptop
document.cover.clip.left=clipleft
document.cover.clip.bottom=clipbottom
document.cover.clip.right=clipright
        document.cover.left-=step
        timer= setTimeout("fadeout()",pause)
    }
    else {
        clearTimeout(timer)
        i_message++
        if (i_message>=message.length) {i_message=0}
        document.text.document.write(message[i_message])
document.text.document.close()
        fadein()
    }
}
}

function fadein() {
if (document.layers) {
    if (document.cover.left<=coverleft) {
clipleft-=step
        clipright=clipleft+textwidth
document.cover.clip.top=cliptop
document.cover.clip.left=clipleft
document.cover.clip.bottom=clipbottom
document.cover.clip.right=clipright
        document.cover.left+=step
        timer= setTimeout("fadein()",pause)
    }
    else {
        clearTimeout(timer)
        init()
    }
}
if (document.all) {
    if (document.all.cover.style.posLeft<=coverleft) {
        clipleft-=step
        clipright=clipleft+textwidth
        clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
        document.all.cover.style.posLeft+=step
        timer= setTimeout("fadein()",pause)
    }
    else {
        clearTimeout(timer)
        init()
    }
}
}
// - End of JavaScript - -->
</SCRIPT>

��

��:

<script language="JavaScript">

imgnum=0
// ��������� �������� ��������
slideimg=new Array()
slideimg[0]=new Image()
slideimg[1]=new Image()
slideimg[2]=new Image()
slideimg[3]=new Image()
// ����� ����������� �������, ������� ����� ������������
slideimg[0].src="slidimg1.gif"
slideimg[1].src="slidimg2.gif"
slideimg[2].src="slidimg3.gif"
slideimg[3].src="slidimg4.gif"
function showslides(){
document.images[0].src=slideimg[imgnum].src
imgnum++
if(imgnum==4) // ���������� ������������ ��������
imgnum=0;
// ����� ������� �����, ����� ������� ����� �������� ������� (1000 = 1 �������)
setTimeout("showslides()", 2000) }
</script>

<body bgcolor="#FFFFFF" onLoad="showslides()">

<p><img src="slidimg1.gif" width="171" height="95"></p>

��

��:

<style type="text/css">

.imgsstyle {
 position:absolute;
 left:-2000px;
}
A {
 color:FF0000;
}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!-- 

// The file-names of your slideshow's images
var imgsname = new Array()
imgsname[0]="bannertransj1.gif"
imgsname[1]="bannertransj2.gif"
imgsname[2]="bannertransj3.gif"

// the links for each image
var imgsurl = new Array()
imgsurl[0]="http://www.yahoo.com"
imgsurl[1]="http://www.altavista.com"
imgsurl[2]="http://www.excite.com"

// Configure the distance to the left and top margin of the window (pixels)
var imgstop=20
var imgsleft=20

// Configure the speed of the transition effect. less means faster
var pause=80

// Configure the standstill-time of the images (seconds)
var standstill=3000

// Do not change the variables below this line
var imgpreload=new Array()
for (i=0;i<=imgsname.length-1;i++) {
 imgpreload[i]=new Image()
 imgpreload[i].src=imgsname[i]
}
var coverimage = new Array()
coverimage[0]="imgtransj115.gif"
coverimage[1]="imgtransj215.gif"
coverimage[2]="imgtransj315.gif"
coverimage[3]="imgtransj415.gif"
coverimage[4]="imgtransj515.gif"
coverimage[5]="imgtransj615.gif"
coverimage[6]="imgtransj715.gif"
coverimage[7]="imgtransj815.gif"
coverimage[8]="imgtransj915.gif"
coverimage[9]="imgtransj1015.gif"
coverimage[10]="imgtransj1115.gif"
coverimage[11]="imgtransj1215.gif"
coverimage[12]="imgtransj1315.gif"
coverimage[13]="imgtransj1415.gif"
coverimage[14]="imgtransj1515.gif"

var covimgpreload=new Array()
for (i=0;i<=coverimage.length-1;i++) {
 covimgpreload[i]=new Image()
 covimgpreload[i].src=coverimage[i]
}
var i_imgs=0
var i_loop=0
var thisurl=0
var timer
stamdstill=standstill*1000

function init() {
    if (document.all) {
     document.all.imgs.style.posTop=imgstop
        document.all.imgs.style.posLeft=imgsleft
        document.all.cover.style.posTop=imgstop
        document.all.cover.style.posLeft=imgsleft
        enlargehearts()
    }
 
 if (document.layers) {
     document.imgs.top=imgstop
        document.imgs.left=imgsleft
        document.cover.top=imgstop
        document.cover.left=imgsleft
        enlargehearts()
    }
}

function enlargehearts() {
        if (i_loop<=coverimage.length-1) {   
            if (document.all) {
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop++
            timer= setTimeout("enlargehearts()",pause)  
        }
        else {
            clearTimeout(timer)
            i_loop--
            timer= setTimeout("shrinkhearts()",standstill)
       }
}

function shrinkhearts() {
        if (i_loop>=0) {  
            if (document.all) { 
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop--
            timer= setTimeout("shrinkhearts()",pause)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            i_imgs++
            
            if (i_imgs>=imgsname.length) {i_imgs=0}
                if (document.all) { 
                    imgsback.src=imgsname[i_imgs]
                }
                if (document.layers) {
                    document.imgs.document.imgsback.src=imgsname[i_imgs] 
                }
            timer= setTimeout("enlargehearts()",(4*pause))
        }
}

function gotourl() {
 document.location.href=imgsurl[i_imgs]
}

// - End of JavaScript - -->
</SCRIPT>
 
</HEAD> 
<BODY bgcolor=FFFFFF onLoad="init()"> 

<DIV ID="imgs" class="imgsstyle"><img width=468 height=60 name="imgsback" src="bannertransj1.gif" border="0" target="_blank"></DIV>

<DIV ID="cover" class="imgsstyle"><a href="javascript:gotourl()"><img width=468 height=60 name="imgcover" src="imgtransj1.gif" border="0" target="_blank"></a></DIV>

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:02:29 +0400

HTML ��

��:

    <script type="text/javascript">
    defaultPict = "https://upforme.ru/uploads/0000/12/13/61-1.png"

    var arr=document.getElementsByTagName("ul")
    i=1
    while(arr[++i]){
    str=arr[i].innerHTML
    if(str.indexOf("pa-avatar")==-1) {
    q=str.toLowerCase()
    if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
    nstr =str.substring(0,pos)
    nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"������\" /></li>"
    nstr+=str.substring(pos)
    arr[i].innerHTML=nstr
    }}}
    </script>

��

mybb@mybb.ru (Admin) — Thu, 26 Jul 2012 15:00:46 +0400

�� .

HTML ��

��:

<script language="JavaScript1.1">
<!--

//*****************************************
// Blending Image Slide Show Script- 
// � Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("image1.gif","image2.gif","image3.gif")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")

var newwindow=1 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>

var slidespeed=3000 - 3000 ��
var slideimages=new Array("image1.gif","image2.gif","image3.gif") - ��

HTML ��

��:

<div style="position: absolute;
top: ���px;
left: ���px;
width:���px;"><a href="javascript:gotoshow()"><img src="������ �� ������ ��������" name="slide" border=0 style="filter:blendTrans(duration=3)" width=67 height=182></a></div>

width=67 height=182>- ��

����������� ��������� ������� Nocoma

����������/����������

+ � - ����� � ��� ���������

������ �� �������� �������� �����?

������ �� ����� by all

������� � ������

��� ������� ����

���� ������

��� ������ � ��������?

���� 0.1

jQuery � ����

���������� ���� CSS

���� ��� ������� �� by all

������ ���� ������. by ������������

������� �����������

�������� ������ �� html �������

�������/�����������

������� � ������

����������� ������� ��������

��������� ���� (Forum, Userlist ...)

������ ����

������������� ����

������� � ���������� �������

�������������� ����� �������� (�������)

������ �� ��������� ��� � ���� ��� ���

����� ��� ��������

�� Nocoma

��/��

+ � - ��

�� ?

�� by all

��

��

��

�� ?

�� 0.1

jQuery � ��

�� CSS

�� by all

�� . by ��

��

�� html ��

��/��

��

��

�� (Forum, Userlist ...)

��

��

��

�� (��)

��

��