Como se cria esse template

Qual é minha questão:
Alguem sabe
https://2img.net/h/oi45.tinypic.com/2cntwcz.png

Endereço do meu fórum:
http://bgcheats.net

Versão do fórum:
INVISION

Olá,

Isso e um Formulário de Postagem

Aqui esta o código

Código:

<div id="main"><div id="main-content"><style>#main-content{padding-top:3px}

.validlink{background: url(http://i.imgur.com/ZQXVH.png) no-repeat 99.4% center rgba(255, 255, 255, 0.8)!important;
background-size: 35px!important;}

div{cursor:default!important}

textarea#questao:hover + div,textarea#questao:focus + div{background:url(http://i.imgur.com/AM98Y.png) top left repeat-y transparent!important;}

#text_edit button{background:transparent url();border:0px;padding-left:10px;padding-right:10px;border-radius: 0px;padding-bottom:8px;padding-top:8px}
#text_edit button:first-child{padding-left:8px}
#text_edit{font-size:0px;padding-bottom:0px!important;padding-top:5px!important}

input[type="button"]{background-color:rgb(243,243,243)}
input[type="button"]:hover,#text_edit button:hover{background-color:rgb(231,231,231)}

::-webkit-input-placeholder{color:black}
:-moz-placeholder{color:black}
:-ms-input-placeholder{color:black}</style><form action="/post" method="post" id="form-submit"><div class="panel" id="form-part2" style="
    background-color: transparent;
"><div class="inner">
       
   
        <fieldset class="fields1" style="
">

        <dl style="
    padding-top: 0px;
    padding-bottom: 0px;
">
        <div id="seequestion" style="alignment-baseline: auto; background-attachment: scroll; background-clip: border-box; background-color: rgba(255, 255, 255, 0.8); background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; baseline-shift: baseline; border-bottom-color: rgb(33, 33, 33); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: none; border-bottom-width: 0px; border-collapse: separate; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(33, 33, 33); border-left-style: none; border-left-width: 0px; border-right-color: rgb(33, 33, 33); border-right-style: none; border-right-width: 0px; border-top-color: rgb(33, 33, 33); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: none; border-top-width: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color: rgb(33, 33, 33); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; cursor: auto; direction: ltr; display: none; dominant-baseline: auto; empty-cells: show; fill: #000000; fill-opacity: 1; fill-rule: nonzero; filter: none; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; glyph-orientation-horizontal: 0deg; glyph-orientation-vertical: auto;  image-rendering: auto; kerning: 0; left: auto; letter-spacing: normal; lighting-color: rgb(255, 255, 255); list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; marker-end: none; marker-mid: none; marker-start: none; mask: none; mask-type: luminance; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; orphans: 2; outline-color: rgb(33, 33, 33); outline-style: none; outline-width: 0px; overflow-wrap: normal; overflow-x: visible; overflow-y: visible; padding-bottom: 5px; padding-left: 10px; padding-right: 0px; padding-top: 0px; page-break-after: auto; page-break-before: auto; page-break-inside: auto; pointer-events: auto; position: static; resize: none; right: auto; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1; tab-size: 8; table-layout: auto; text-align: start; text-anchor: start; text-decoration: none; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-shadow: none; text-transform: none; top: auto; unicode-bidi: normal; vector-effect: none; vertical-align: baseline; visibility: visible; white-space: normal; widows: 2; width: 98%; word-break: normal; word-spacing: 0px; word-wrap: normal; writing-mode: lr-tb; z-index: auto; zoom: 1;border-bottom: 1px solid rgb(204, 204, 204);width: 99%;font-size: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 13px;padding-bottom:12px;"><font style="
    display: inline-block;
"></font><div style="
    display: inline;
    float: right;cursor:pointer;
" id="closeseequestion"><img src="http://i.imgur.com/H1MJk.png" style="
"></div></div><div id="erro" style="alignment-baseline: auto; background-attachment: scroll; background-clip: border-box; background-color: rgba(255, 255, 255, 0.8); background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; baseline-shift: baseline; border-bottom-color: rgb(33, 33, 33); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: none; border-bottom-width: 0px; border-collapse: separate; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(33, 33, 33); border-left-style: none; border-left-width: 0px; border-right-color: rgb(33, 33, 33); border-right-style: none; border-right-width: 0px; border-top-color: rgb(33, 33, 33); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: none; border-top-width: 0px; bottom: auto; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; clip-path: none; clip-rule: nonzero; color: rgb(33, 33, 33); color-interpolation: srgb; color-interpolation-filters: linearrgb; color-rendering: auto; cursor: auto; direction: ltr; display: none; dominant-baseline: auto; empty-cells: show; fill: #000000; fill-opacity: 1; fill-rule: nonzero; filter: none; float: none; flood-color: rgb(0, 0, 0); flood-opacity: 1; font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; glyph-orientation-horizontal: 0deg; glyph-orientation-vertical: auto; height: 42.46875px; image-rendering: auto; kerning: 0; left: auto; letter-spacing: normal; lighting-color: rgb(255, 255, 255); line-height: 38px; list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; marker-end: none; marker-mid: none; marker-start: none; mask: none; mask-type: luminance; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; orphans: 2; outline-color: rgb(33, 33, 33); outline-style: none; outline-width: 0px; overflow-wrap: normal; overflow-x: visible; overflow-y: visible; padding-bottom: 5px; padding-left: 10px; padding-right: 0px; padding-top: 0px; page-break-after: auto; page-break-before: auto; page-break-inside: auto; pointer-events: auto; position: static; resize: none; right: auto; shape-rendering: auto; speak: normal; stop-color: rgb(0, 0, 0); stop-opacity: 1; stroke: none; stroke-dasharray: none; stroke-dashoffset: 0; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-opacity: 1; stroke-width: 1; tab-size: 8; table-layout: auto; text-align: start; text-anchor: start; text-decoration: none; text-indent: 0px; text-overflow: clip; text-rendering: auto; text-shadow: none; text-transform: none; top: auto; unicode-bidi: normal; vector-effect: none; vertical-align: baseline; visibility: visible; white-space: normal; widows: 2; width: 98%; word-break: normal; word-spacing: 0px; word-wrap: normal; writing-mode: lr-tb; z-index: auto; zoom: 1;border-bottom: 1px solid rgb(204, 204, 204);width: 99%;padding-bottom: 5px;padding-top: 1px;"><span style="
    width: 0;      height:0;     
    border: 10px solid transparent;     
    display: inline-block;
    border-left: 10px solid #DD4B39;
"></span><font></font></div><input type="text" autocomplete="off" spellcheck="true" id="subject" name="subject" class="TextLightI WatermarkedInput" maxlength="1024" value="" data-from="[composeData.Subject]" data-to="[composeData.Subject]" placeholder="Título da questão" style="
alignment-baseline: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(255, 255, 255, 0.8);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
baseline-shift: baseline;
border-bottom-color: rgb(33, 33, 33);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(33, 33, 33);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(33, 33, 33);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(33, 33, 33);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: rgb(33, 33, 33);
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: auto;
direction: ltr;
display: inline-block;
dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 27px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 42.46875px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: rgb(255, 255, 255);
line-height: 38px;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: rgb(33, 33, 33);
outline-style: none;
outline-width: 0px;
overflow-wrap: normal;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 5px;
padding-left: 1%;
padding-right: 10%;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: static;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: rgb(0, 0, 0);
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
tab-size: 8;
table-layout: auto;
text-align: start;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: 89%;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;border-bottom: 1px solid rgb(204, 204, 204);"><div id="number" style="clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: rgb(33, 33, 33);
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;

    cursor: default;
direction: ltr;

dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;

    float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;

    font-size: 29px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
    font-weight: bold;
    height: 43px;
    margin-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
    position: absolute;
    margin-left: -95px;
    display: inline-block;
    margin-top: -2px;
"><b style="
    width: 32px;
    display: inline-block;
    text-align: right;
"></b><img id="searchform" src="http://i.imgur.com/dHKzN.png" style=";
    width: 24px;
    margin-top: 10px;
    padding-left: 13px;
    cursor: pointer;
"></div><input type="text" autocomplete="off" spellcheck="true" id="link" name="link" class="validlink" maxlength="1024" value="" data-from="[composeData.Subject]" data-to="[composeData.Subject]" placeholder="Endereço do meu fórum" style="
alignment-baseline: auto;
border-bottom-color: rgb(33, 33, 33);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(33, 33, 33);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(33, 33, 33);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(33, 33, 33);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: rgb(33, 33, 33);
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: auto;
direction: ltr;
display: inline-block;
dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
font-size: 27px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 42.46875px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: rgb(255, 255, 255);
line-height: 38px;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: rgb(33, 33, 33);
outline-style: none;
outline-width: 0px;
overflow-wrap: normal;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 1%;
padding-right: 4%;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: static;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: rgb(0, 0, 0);
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
tab-size: 8;
table-layout: auto;
text-align: start;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: baseline;
visibility: visible;
white-space: normal;
widows: 2;
width: 83%;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;    no-repeat 99.5% center;  "><div id="versao" style="
    color: rgb(33, 33, 33);  color-interpolation: srgb;  color-interpolation-filters: linearrgb;  color-rendering: auto;  cursor: auto;  direction: ltr;  display: inline-block;  dominant-baseline: auto;  empty-cells: show;  fill: #000000;  fill-opacity: 1;  fill-rule: nonzero;  filter: none;  float: none;  flood-color: rgb(0, 0, 0);  flood-opacity: 1;  font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;  font-size: 27px;  font-style: normal;  font-variant: normal;  font-weight: normal;  glyph-orientation-horizontal: 0deg;  glyph-orientation-vertical: auto;  height: 42.46875px;  image-rendering: auto;  kerning: 0;  left: auto;  letter-spacing: normal;  lighting-color: rgb(255, 255, 255);  line-height: 38px;
    width: 12%;
    text-align: center;
    border-left: 1px solid rgb(204, 204, 204);
    margin-top: 3px;
    text-transform: uppercase;border-left:0px!important;background:url(http://i.imgur.com/AM98Y.png) repeat-y transparent;
">PUNBB</div>        </dl><div id="text_edit" style="
    display: block;
    border-top: 1px solid rgb(204, 204, 204);
    padding-bottom: 5px;
    margin-bottom: 0px;
    padding-top: 10px;
    width: 99.91%;
"><button class="button2" onclick="bbcode_tag('[b]','[/b]')" onmouseover="helpline('b')" type="button" id="addbbcode0" accesskey="b" title="Negrito" style="
    padding-right: 10px;
"><img src="http://2img.net/i/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"></button><button class="button2" onclick="bbcode_tag('[i]','[/i]')" onmouseover="helpline('i')" type="button" id="addbbcode2" accesskey="i" title="Itál." style="
    padding-left: 10px;
"><img src="http://2img.net/i/fa/wysiwyg/text_italic.png" alt="Itál." title="Itál."></button> <button class="button2" onclick="bbcode_tag('[u]','[/u]')" onmouseover="helpline('u')" type="button" id="addbbcode4" accesskey="u" title="Sublinhar"><img src="http://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button><b style="font-size:11px">  </b><button class="button2" onclick="bbcode_tag('[left]','[/left]')" onmouseover="helpline('m')" type="button" id="addbbcode52" accesskey="m" title="Esquerda"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"></button> <button class="button2" onclick="bbcode_tag('[center]','[/center]')" onmouseover="helpline('t')" type="button" id="addbbcode30" accesskey="t" title="Centralizar"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"></button> <button class="button2" onclick="bbcode_tag('[right]','[/right]')" onmouseover="helpline('g')" type="button" id="addbbcode32" accesskey="g" title="Direita"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"></button><b style="font-size:11px">  </b><button class="button2" onclick="bbcode_tag('[list][*]','[/list]')" onmouseover="helpline('l')" type="button" id="addbbcode10" accesskey="l" title="-Lista"><img src="http://2img.net/i/fa/wysiwyg/text_list_bullets.png" alt="-Lista" title="-Lista"></button> <button class="button2" onclick="bbcode_tag('[list=1][*]','[/list]')" onmouseover="helpline('o')" type="button" id="addbbcode12" accesskey="o" title="Lista ordenada"><img src="http://2img.net/i/fa/wysiwyg/text_list_numbers.png" alt="Lista ordenada" title="Lista ordenada"></button><b style="font-size:11px">  </b><button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button> <button class="button2" onclick="bbcode_tag('[img]','[/img]')" onmouseover="helpline('p')" type="button" id="addbbcode14" accesskey="p" title="Imagem"><img src="http://2img.net/i/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button> <button class="button2" onclick="bbcode_tag('[url=','][/url]')" onmouseover="helpline('w')" type="button" id="addbbcode16" accesskey="w" title="Link"><img src="http://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button></div><textarea id="questao" name="questao" placeholder="Descreva sua questão aqui" style="alignment-baseline: auto;  background-attachment: scroll;  background-clip: border-box; 
    background-color: rgba(0, 0, 0, 0);  background-image: none;  background-origin: padding-box;  background-position: 0% 0%;  background-repeat: repeat;  background-size: auto;  baseline-shift: baseline;  border-bottom-color: rgb(0, 0, 0);  border-bottom-left-radius: 0px;  border-bottom-right-radius: 0px;  border-bottom-style: none;  border-bottom-width: 0px;  border-collapse: separate;  border-image-outset: 0px;  border-image-repeat: stretch;  border-image-slice: 100%;  border-image-source: none;  border-image-width: 1;  border-left-color: rgb(0, 0, 0);  border-left-style: none;  border-left-width: 0px;        border-top-color: rgb(0, 0, 0);  border-top-left-radius: 0px;  border-top-right-radius: 0px;  border-top-style: none;  border-top-width: 0px;  bottom: auto;  box-shadow: none;  box-sizing: content-box;  caption-side: top;  clear: none;  clip: auto;  clip-path: none;  clip-rule: nonzero;  color: rgb(0, 0, 0);  color-interpolation: srgb;  color-interpolation-filters: linearrgb;  color-rendering: auto;  cursor: text;  direction: ltr;  display: block;  dominant-baseline: auto;  empty-cells: show;  fill: #000000;  fill-opacity: 1;  fill-rule: nonzero;  filter: none; 
    float: left;  flood-color: rgb(0, 0, 0);  flood-opacity: 1;  font-family: Calibri, sans-serif;  font-size: 16px;  font-style: normal;  font-variant: normal;  font-weight: normal;  glyph-orientation-horizontal: 0deg;  glyph-orientation-vertical: auto; 
    height: 270px;  image-rendering: auto;  kerning: 0;  left: auto;  letter-spacing: normal;  lighting-color: rgb(255, 255, 255);  line-height: normal;  list-style-image: none;  list-style-position: outside;  list-style-type: disc;  margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  marker-end: none;  marker-mid: none;  marker-start: none;  mask: none;  mask-type: luminance;  max-height: none;  max-width: none;  min-height: 0px;  min-width: 0px;  opacity: 1;  orphans: 2;  outline-color: rgb(0, 0, 0);  outline-style: none;  outline-width: 0px;  overflow-wrap: break-word;  overflow-x: visible;  overflow-y: visible;  padding-bottom: 0px; 
    padding-left: 1%; 
    padding-right: 0px;  padding-top: 0px;  page-break-after: auto;  page-break-before: auto;  page-break-inside: auto;  pointer-events: auto;  position: static;  resize: none;  right: auto;  shape-rendering: auto;  speak: normal;  stop-color: rgb(0, 0, 0);  stop-opacity: 1;  stroke: none;  stroke-dasharray: none;  stroke-dashoffset: 0;  stroke-linecap: butt;  stroke-linejoin: miter;  stroke-miterlimit: 4;  stroke-opacity: 1;  stroke-width: 1;  tab-size: 8;  table-layout: auto;  text-align: start;  text-anchor: start;  text-decoration: none;  text-indent: 0px;  text-overflow: clip;  text-rendering: auto;  text-shadow: none;  text-transform: none;  top: auto;  unicode-bidi: normal;  vector-effect: none;  vertical-align: baseline;  visibility: visible;  white-space: normal;  widows: 2; 
    width: 84%;  word-break: normal;  word-spacing: 0px;  word-wrap: break-word;  writing-mode: lr-tb;  z-index: auto;  zoom: 1;
    border-right: 0px;
"></textarea><div style="alignment-baseline: auto;  background-attachment: scroll;  background-clip: border-box;  background-color: rgba(0, 0, 0, 0);  background-image: none;  background-origin: padding-box;  background-position: 0% 0%;  background-repeat: repeat;  background-size: auto;  baseline-shift: baseline;  border-bottom-color: rgb(0, 0, 0);  border-bottom-left-radius: 0px;  border-bottom-right-radius: 0px;  border-bottom-style: none;  border-bottom-width: 0px;  border-collapse: separate;  border-image-outset: 0px;  border-image-repeat: stretch;  border-image-slice: 100%;  border-image-source: none;  border-image-width: 1;  border-left-color: rgb(0, 0, 0);  border-left-style: none;  border-left-width: 0px;  border-right-color: rgb(0, 0, 0);  border-right-style: none;  border-right-width: 0px;  border-top-color: rgb(0, 0, 0);  border-top-left-radius: 0px;  border-top-right-radius: 0px;  border-top-style: none;  border-top-width: 0px;  bottom: auto;  box-shadow: none;  box-sizing: content-box;  caption-side: top;  clear: none;  clip: auto;  clip-path: none;  clip-rule: nonzero;  color: rgb(0, 0, 0);  color-interpolation: srgb;  color-interpolation-filters: linearrgb;  color-rendering: auto;  cursor: text;  direction: ltr;  display: block;  dominant-baseline: auto;  empty-cells: show;  fill: #000000;  fill-opacity: 1;  fill-rule: nonzero;  filter: none; 
    float: right;  flood-color: rgb(0, 0, 0);  flood-opacity: 1;  font-family: Calibri, sans-serif;  font-size: 16px;  font-style: normal;  font-variant: normal;  font-weight: normal;  glyph-orientation-horizontal: 0deg;  glyph-orientation-vertical: auto; 
    height: 270px;  image-rendering: auto;  kerning: 0;  left: auto;  letter-spacing: normal;  lighting-color: rgb(255, 255, 255);  line-height: normal;  list-style-image: none;  list-style-position: outside;  list-style-type: disc;  margin-bottom: 0px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  marker-end: none;  marker-mid: none;  marker-start: none;  mask: none;  mask-type: luminance;  max-height: none;  max-width: none;  min-height: 0px;  min-width: 0px;  opacity: 1;  orphans: 2;  outline-color: rgb(0, 0, 0);  outline-style: none;  outline-width: 0px;  overflow-wrap: break-word;  overflow-x: visible;  overflow-y: visible;  padding-bottom: 0px; 
    padding-left: 1%; 
    padding-right: 0px; 
    padding-top: 1px;  page-break-after: auto;  page-break-before: auto;  page-break-inside: auto;  pointer-events: auto;  position: static;  resize: none;  right: auto;  shape-rendering: auto;  speak: normal;  stop-color: rgb(0, 0, 0);  stop-opacity: 1;  stroke: none;  stroke-dasharray: none;  stroke-dashoffset: 0;  stroke-linecap: butt;  stroke-linejoin: miter;  stroke-miterlimit: 4;  stroke-opacity: 1;  stroke-width: 1;  tab-size: 8;  table-layout: auto;  text-align: start;  text-anchor: start;  text-decoration: none;  text-indent: 0px;  text-overflow: clip;  text-rendering: auto;  text-shadow: none;  text-transform: none;  top: auto;  unicode-bidi: normal;  vector-effect: none;  vertical-align: baseline;  visibility: visible;  white-space: normal;  widows: 2; 
    width: 14%;  word-break: normal;  word-spacing: 0px;  word-wrap: break-word;  writing-mode: lr-tb;  z-index: auto;  zoom: 1;"><img src="http://i.imgur.com/H1MJk.png" id="imguploadimage" onclick="jQuery(this).next().hide();jQuery(this).hide()" style="cursor: pointer !important; float: right; display: none;"><iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;width:100%;height:117%;"></iframe>1. Poste uma dúvida por tópico<br><br>

2. Uma boa ortografia e a ilustração com imagens facilita a compreensão de sua questão<br><br>

3. Mantenha seu tópico vivo enviando no máximo um UP a cada dia</div><input type="button" value="Criar questão" id="newquestion" style="
alignment-baseline: auto;
background-attachment: scroll;
background-clip: border-box;

   
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
baseline-shift: baseline;
border-bottom-color: rgb(102, 102, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color:  rgb(33, 33, 33);
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: pointer;
direction: ltr;
display: inline-block;
dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 28px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: rgb(255, 255, 255);
line-height: 28.15625px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: rgb(102, 102, 102);
outline-style: none;
outline-width: 0px;
overflow-wrap: normal;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: relative;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: rgb(0, 0, 0);
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
tab-size: 8;
table-layout: auto;
text-align: left;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: ellipsis;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: baseline;
visibility: visible;
white-space: nowrap;
widows: 2;

word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;  font-size: 21px;  font-weight: normal;  height: 33px;font-family: 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;  font-size: 15px;  font-weight: normal;  height: 30px;  line-height: 29px;"><input type="button" value="Pré-visualizar" id="prequestao" style="
alignment-baseline: auto;
background-attachment: scroll;
background-clip: border-box;

   
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
baseline-shift: baseline;
border-bottom-color: rgb(102, 102, 102);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(102, 102, 102);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(102, 102, 102);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(102, 102, 102);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color:  rgb(33, 33, 33);
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: pointer;
direction: ltr;
display: inline-block;
dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: none;
flood-color: rgb(0, 0, 0);
flood-opacity: 1;
font-family: 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 28px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: rgb(255, 255, 255);
line-height: 28.15625px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 10px;
margin-left: 6px;
margin-right: 10px;
margin-top: 10px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: rgb(102, 102, 102);
outline-style: none;
outline-width: 0px;
overflow-wrap: normal;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0px;
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: relative;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: rgb(0, 0, 0);
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
tab-size: 8;
table-layout: auto;
text-align: left;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: ellipsis;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: baseline;
visibility: visible;
white-space: nowrap;
widows: 2;

word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;  font-size: 21px;  font-weight: normal;  height: 33px;font-family: 'Segoe UI', 'Segoe UI Web Regular', 'Segoe UI Symbol', 'Helvetica Neue', 'BBAlpha Sans', 'S60 Sans', Arial, sans-serif;  font-size: 15px;  font-weight: normal;  height: 30px;  line-height: 29px;"><input type="hidden" name="f" value="25"><input type="hidden" name="message" value=""><input type="hidden" name="mode" value="newtopic"><input style="display:none" type="submit" value="Criar questao" name="post">

       
   
       
   
       
   
        </fieldset><div id="sthd" style="margin:0px"></div>
   
       
       
       
       
   
   
        </div><iframe id="versaoiframe" style="width:0px;height:0px;border-top:1px solid white" src="javascript:document.write('<div id=wrap></div><div class=navbar></div><div class=forabg></div><div class=headerbar></div><div class=pun></div><div id=pun-about></div><div id=pun-navlinks></div><div id=pun-intro></div><div id=ipbwrapper></div><div id=gfooter></div><div id=submenu></div><div id=logostrip></div>')" frameborder="0"></iframe></div></form><form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage],#imguploadimage').css('display','block')"></form><script>function bbcode_tag(o,c){var t=jQuery('#questao');t.val(t.val().substring(0,t[0].selectionStart)+o+t.val().substring(t[0].selectionStart,t[0].selectionEnd)+c+t.val().substring(t[0].selectionEnd,t.val().length))};

function validarlink(){m=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9_\-]+)+\.([a-zA-Z]{2,4})(?:\.([a-zA-Z]{2,4}))?\/?(.*)$/;if(jQuery('#link').val().match(m)){jQuery('#link').addClass('validlink')}else{jQuery('#link').removeClass('validlink')};};

function versaoforum(){if(jQuery('#link').val()!=''){l=jQuery('<a/>').attr('href',jQuery('#link').val())[0].host;i=jQuery('#versaoiframe').contents();i.find('head link').remove();i.find('head').append('<link href="http://'+l+'/css.forum" rel="stylesheet" type="text/css">');i.find('head link').load(function(){if(i.find('#wrap').outerHeight()!=0||i.find('.navbar').outerHeight()!=0||i.find('.forabg').outerHeight()!=0||i.find('.headerbar').outerHeight()!=0){v='PHPBB3'}else if(i.find('.pun').outerHeight()!=0||i.find('#pun-about').outerHeight()!=0||i.find('#pun-navlinks').outerHeight()!=0||i.find('#pun-intro').outerHeight()!=0){v='PUNBB'}else if(i.find('#ipbwrapper').outerHeight()!=0||i.find('#gfooter').outerHeight()!=0||i.find('#submenu').outerHeight()!=0||i.find('#pun-intro').outerHeight()!=0){v='INVISION'}else{v='PHPBB2'};jQuery('#versao').html(v)})}else{jQuery('#versao').html('PHPBB3')}};

function jsGet(e){var u=window.location.search.replace('?','').split('&');for(n in u){if(u[n].match(e)){return decodeURIComponent(u[n].replace(e+'=',''))}};return null};

jQuery(document).ready(function(){

if(jsGet('f')=='22'||jsGet('f')=='25'||jsGet('f')=='27'){jQuery('input[name="f"]').val(jsGet('f'))};

jQuery('#link').blur(function(){versaoforum()}).keyup(function(){versaoforum();validarlink()});

jQuery.get('/profile?mode=editprofile',function(b){if(jQuery('#profile_field_3_-10',b).val()!=''){jQuery('#link').val('http://'+jQuery('<a/>').attr('href',jQuery('#profile_field_3_-10',b).val())[0].host);validarlink();versaoforum()}});

jQuery('#newquestion').click(function(){

i=0;
var t=jQuery('#subject').val().length;

if(t<10){jQuery('#erro').css('display','inline-block');jQuery('#erro font').html('O título necessita ao menos 10 caracteres');i=1}else if(jQuery('#questao').val()==''){jQuery('#erro').css('display','inline-block');jQuery('#erro font').html('Você deve preencher o campo com sua questão');i=1};

if(i==0){jQuery('input[name="subject"]').val(jQuery('input[name="subject"]').val().substring(0,1).toUpperCase()+jQuery('input[name="subject"]').val().substring(1,jQuery('input[name="subject"]').val().length).toLowerCase());

jQuery('#questao').val(jQuery('#questao').val().substring(0,1).toUpperCase()+jQuery('#questao').val().substring(1,jQuery('#questao').val().length));

if(jQuery('#link').val()==''){jQuery('#link').val('Não é necessário.')}else{jQuery('#link').val('http://'+jQuery('<a/>').attr('href',jQuery('#link').val())[0].host.toLowerCase())};

jQuery('input[name="message"]').val('[b]Qual é minha questão:[/b]\n'+jQuery('#questao').val()+' \n\n[b]Endereço do meu fórum:[/b]\n'+jQuery('#link').val()+'\n\n[b]Versão do fórum:[/b]\n'+jQuery('#versao').text());

jQuery('input[name="post"]').click()};

});



jQuery('#prequestao').click(function(){

jQuery('#seequestion').show('slow');

jQuery('#seequestion font').html('<strong>Qual é minha questão:</strong><br>'+jQuery('#questao').val()+'<br><br><strong>Endereço do meu fórum:</strong><br>'+jQuery('#link').val()+'<br><br><strong>Versão do fórum:</strong><br>'+jQuery('#versao').text());

});


jQuery('#closeseequestion').click(function(){

jQuery('#seequestion').hide('slow');

});


jQuery('#subject').keyup(function(){
              var t=this.value.length;
              var i=jQuery('#number b');
              if(t<10&&t>0){
                var l=t-10;i.html(l*-1);
              }
              else if(t>9){
                i.html('<img src=http://i.imgur.com/ZQXVH.png style=width:35px;height:35px;margin-bottom:-8px>')
              }else{i.html('')};
          });

jQuery('#searchform').click(function(){window.open('/h9-?search_for='+jQuery('#subject').val(),'_blank')});

});</script>
<!-- Feito por Luciano98 --></div></div>


Até

aonde se coloca?

Creio que é na javascript.

isso gostei quero implemantar no meu, onde coloca isso mesmo

Olá,

Deve ser inserido em:

Painel >> Módulos >> Gestão das páginas HTML >> Nova página

Até Mais!

Painel >> Módulos >> Gestão das páginas HTML >> Criar nova página em HTML

Maque o primeiro Sim e o Segundo Não coloque o código HTML, e depois tu vai criar outra página em HTML e use esse código

jQuery(document).ready(function() {
jQuery('a/post?f=[color=green]1&mode=newtopic"]').attr('href', '/h3-');
});

marque as 2 opções de marcar Não e coloque o nome de Ativação


o 3 que está em vermelho, é o ID da página em HTML, si tu não tiver nem uma vc coloca 1 mais caso você tiver o id vai aparecer logo do lado aqui ô 4 http://testexd.forumeiros.com/h4-novo-formulario

aí o 4 é o id que fica logo ao lado, e o número em verde é o número do tópico por exemplo http://testexd.forumeiros.com/f1-seu-primeiro-forum esse F1 é o número do seu fórum aí tu vai colocar no ativação dps disso tu vai em

Geral>>Configuração>>Descrição do Site>> e coloque isso

<script src=h5->http://www.brasilplaycity.com.br/h11-ant-double-post</script>

a parte em azul é a que você vai colocar a sua página em HTML, e a que tá em marrom é a que é da ativação que o código eu passei antes dessa.

ajudei ? clica em Obrigado