Enviar para determinado fórum por seleção formulário Sex 2 maio 2014 - 9:24
Minha questão:
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
Invision
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Percebam a imagem acima. Gostaria de que cada opção desta envia-se para um determinado fórum a mensagem postada pelo membro. Exemplo:
Se o membro selecionar a categoria "The Walking Dead" o formulário irá enviar a mensagem para o fórum f2-.
Abaixo a lista de endereços:
Agents of S.H.I.E.L.D. - f3
The Walking Dead - f2
Filmes 2014 - f4
Outros anos - f5
Código já com a minha personalização da aparência:
- Código:
<span style="font-family: Trebuchet MS;"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<title>Postador automático - Minha Série</title>
</head>
<body><div id="wrapper">
<div id="logo">
<h1> </h1>
<p> </p>
</div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="cssmenu">
<ul>
<li><a href="#" onclick="$('#postador').hide('1s');$('#home').show('1s'); return false;">Home</a></li>
<li><a href="/forum">Fórum</a></li>
<li><a href="/portal">Portal</a></li>
<li><a href="/memberlist">Membros</a></li>
<li><a href="#" onclick="$('#home').hide('1s');$('#postador').show('1s');return false;">Postador</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header --><div id="page"><div id="page-bgtop">
<div id="content"><div id="home">
<p>Seja bem vindo ao postador automático Minha Série, antes de começar a usá-lo leia com atenção. </p>
<ul>
<li>Antes de utilizar nosso postador leia atentamente nossas <a href="LINK" target="_blank">regras de padronização Obrigatória </a>;</li>
<li>Preencha os formulários obrigatórios e os não obrigatórios para seu tópico ficar completo;</li>
<li><strong>É obrigatório citar as referências da postagem, se você usar alguma</strong>; </li>
<li class="style2"><span class="style1">Não aceitamos de maneira alguma textos copiados de outros sites</span>. </li>
<li>Quem não seguir estes padrões acima terá sua conta bloqueada em nosso website.</li>
</ul>
<p>Caso tenha alguma dúvida, procure suporte imediato no <a href="/forum" target="_blank">Fórum</a>. </p>
</div><div id="postador" style="display: none;">
<style>
.inputbox {
height: 23px;
}
.submit-buttons{
float: left;
}
.iprv {
background: white;
padding: 3px;
border: 1px solid #e0e0e0;
}
</style>
<script>
html_tpl = "<b>Título:</b> $0 <br><br><b>Capa:</b> <img src=$1 class=iprv /><br><br><b>Fabricante:</b> $2<br><br><b>Estilo:</b> $3 <br><br><b>Plataforma:</b> $4 <br><br><b>Lançamento:</b> $6<br><br><b>Formato:</b> $5<br><br><b>Tamanho:</b> $7<br><br><b>Screen1:</b> <img src=$8 class=iprv height=80px width=150px /><br><br><b>Screen2:</b> <img src=$9 class=iprv height=80px width=150px /><br><br><b>Screen3:</b> <img src=$10 class=iprv height=80px width=150px /><br><br><b>Descrição/Sinopse:</b> $11<br><br><b>Download via: $13</b> $12<br><br>";
bbcode_tpl = "[table class=main-head width=100%]{tr}{td}$0[/td][/tr][/table][table class=box valign=top]{tr}[td]Capa\n[hr]\n[center][img]$1[/img][/center][/td][/tr][/table][table class=box valign=top]{tr}[td]INFOS\n[hr]\n[b]Fabricante:[/b] $2\n[b]Estilo:[/b] $3\n[b]Plataforma:[/b] $4\n[b]Lançamento:[/b] $6\n[b]Formato:[/b] $5\n[b]Tamanho:[/b] $7[/td][/tr][/table][table class=box valign=top]{tr}[td]Screenshots\n[hr]\n[img(250px,140px)]$8[/img] [img(250px,140px)]$9[/img] [img(250px,140px)]$10[/img][/td][/tr][/table][table class=box valign=top]{tr}[td]Descrição/Sinopse\n[hr]\n$11[/td][/tr][/table][table class=box valign=top]{tr}[td]Download via: $13\n[hr]\n[quote]$12[/quote][/td][/tr][/table]";
$(document).ready(function(){
$('#bt-apagar').click(function() {
$('#form-submit input[type="text"],#form-submit textarea').val('');
$('input[name="f"]').val($(this).val());
});
$('#bt-pr-questao').click(function() {
tpl = html_tpl;
tpl = tpl.replace("$0", $('#tituloforum').val());
tpl = tpl.replace("$1", $('#imagem').val());
tpl = tpl.replace("$2", $('#fabricante').val());
tpl = tpl.replace("$3", $('#estilo').val());
tpl = tpl.replace("$4", $('#plataforma').val());
tpl = tpl.replace("$5", $('#formato').val());
tpl = tpl.replace("$6", $('#lancamento').val());
tpl = tpl.replace("$7", $('#tamanho').val());
tpl = tpl.replace("$8", $('#screen1').val());
tpl = tpl.replace("$9", $('#screen2').val());
tpl = tpl.replace("$10", $('#screen3').val());
tpl = tpl.replace("$11", $('#desc').val());
tpl = tpl.replace("$12", $('#download').val());
tpl = tpl.replace("$13", $('#downloadvia').val());
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideDown(300);
$('#html-questao').html(tpl);
});
$('#bt-enviar').click(function() {
tpl = bbcode_tpl;
if($('#tituloforum').val()!=='' && $('#imagem').val()!=='' && $('#fabricante').val()!=='' && $('#plataforma').val()!=='' && $('#estilo').val()!=='' && $('#formato').val()!=='' && $('#tamanho').val()!=='' && $('#screen1').val()!=='' && $('#screen2').val()!=='' && $('#screen3').val()!=='' && $('#desc').val()!=='' && $('#download').val()!=='' && $('#downloadvia').val()!==''){
tpl = tpl.replace("$0", $('#tituloforum').val());
tpl = tpl.replace("$1", $('#imagem').val());
tpl = tpl.replace("$2", $('#fabricante').val());
tpl = tpl.replace("$3", $('#estilo').val());
tpl = tpl.replace("$4", $('#plataforma').val());
tpl = tpl.replace("$5", $('#formato').val());
tpl = tpl.replace("$6", $('#lancamento').val());
tpl = tpl.replace("$7", $('#tamanho').val());
tpl = tpl.replace("$8", $('#screen1').val());
tpl = tpl.replace("$9", $('#screen2').val());
tpl = tpl.replace("$10", $('#screen3').val());
tpl = tpl.replace("$11", $('#desc').val());
tpl = tpl.replace("$12", $('#download').val());
tpl = tpl.replace("$13", $('#downloadvia').val());
$('input[name="message"]').val(tpl);
$('input[name="subject"]').val($('#tituloforum').val());
$('#bt-enviar-e').click();
$('#form-submit').slideUp(300);
$('#enviado').slideDown(800);
}else{
$('#erro').slideUp(1);
$('#erro').slideDown(800);
}
});
$('#bt-pr-fechar').click(function() {
$('html, body').animate({
scrollTop: $("#pr-questao").offset().top
}, 800);
$('#pr-questao').slideUp(300);
return false;
});
$('#tituloforum').click(function() {
if($('#tituloforum').val()=='Coloque aqui um título descritivo sobre a sua questão'){
$('#tituloforum').val('');
}
});
jQuery('#tituloforum').keyup(function(){
var t=document.getElementById('tituloforum').value.length;
var i=document.getElementById('identifytitle');
if(t<10&&t>0){
var l=t-10;i.innerHTML='O título necessita mais '+l*-1+' caracteres'
}
else{
i.innerHTML=''
}
});
if(VarGET('f')!==''){
$('#form-part2, #bts').slideDown(800);
$('input[name="f"]').val(VarGET('f'));
$('#bt-selecciona-forum').val(VarGET('f'));
}
});
</script>
<form action="/post" method="post" id="form-submit">
<div id="erro" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><span class="conteudo_texto" style="color:#C00"><b>Você deve preencher todos os campos</b></span></center><span class="corners-bottom"><span></span></span></div></div>
<br>
<div style="display:none;" id="pr-questao" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody"><div class="h3">Pré-visualizar [<a id="bt-pr-fechar" href="#">Fechar o modo de pré-visualização da questão</a>]</div><div id="html-questao" class="content"></div></div><span class="corners-bottom"><span></span></span></div></div><hr style="display:none;" id="pr-questao">
<br><div style="margin-left: 130px;"><div class="panel">
<div class="inner">
<br>
</div>
<span class="corners-bottom"></span>
</div>
<div class="panel" id="form-part2" style=""><div class="inner"><span class="corners-top"><span></span></span>
<div class="h3" style="margin-top: 7px;">Formulário de postagem. Todos os campos são obrigatórios</div>
<br> <fieldset class="fields1">
<tr>
<td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Informações</div>
</td>
</tr>
<dl>
<dt>
<label>Título: </label></dt>
<dd><input type="text" id="tituloforum" value="" class="inputbox" style="clear: both; width: 150px;"> <div id="tituloforum" style="display:inline"></div><div id="identifytitle" style="display: inline"></div>
</dd></dl>
<dl><dt>
<label>Capa: </label></dt>
<dd><input type="text" id="imagem" value="" class="inputbox" style="clear: both; width: 150px;"> <div style="display:inline"></div>
</dd></dl><br>
<dl><dt>
<label>Produtor(a):</label></dt>
<dd><input type="text" id="fabricante" value="" class="inputbox" style="clear: both; width: 150px;"> <div id="validardominio" style="display:inline"></div>
</dd></dl>
<dl><dt>
<label>Gênero(s): </label></dt>
<dd><input type="text" id="estilo" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div id="estilo" style="
display: inline;
"></div>
</dd></dl><br>
<dl><dt>
<label>Categoria: </label></dt>
<dd>
<select class="inputbox" id="plataforma" style="width: 150px">
<option value="/">Selecionar</option>
<option value="Agents of S.H.I.E.L.D.">Agents of S.H.I.E.L.D.</option>
<option value="The Walking Dead">The Walking Dead</option>
<option value="2014">Filmes 2014</option>
<option value="Outros anos">Filmes outros anos</option>
</select>
</dd></dl>
<dl><dt>
<label>Lançamento:</label></dt>
<dd><input type="text" id="lancamento" value="" class="inputbox" style="clear: both; width:150px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style="
display: inline;
"></div>
</dd></dl><br><br>
<td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Imagens</div>
</td>
<dl><dt>
<label>Screenshot 1: </label></dt>
<dd><input type="text" id="screen1" value="Endereço da sua imagem" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style="
display: inline;
"></div>
</dd></dl><br>
<dl><dt>
<label>Screenshot 2: </label></dt>
<dd><input type="text" id="screen2" value="Endereço da sua imagem" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style="
display: inline;
"></div>
</dd></dl><br>
<dl><dt>
<label>Screenshot 3:</label></dt>
<dd><input type="text" id="screen3" value="Endereço da sua imagem" class="inputbox" style="clear: both; width:330px;line-height: 18px;padding-left: 4px;" maxlength="100"><div style="
display: inline;
"></div>
</dd></dl><br><br>
<td height="23" colspan="2"><div id="barra"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Seu texto/ Sua sinopse</div>
</td>
<dl><dt>
<label>Descrição/Sinopse: </label></dt>
<dd><textarea type="text" id="desc" value="" class="inputbox" style="clear: both; height: 150px; width:450px;line-height: 18px;padding-left: 4px;"></textarea><div style="
display: inline;
"></div>
</dd></dl><br><br>
<dl><dt>
<label>Complementação: </label></dt>
<dd><textarea type="text" id="download" value="" class="inputbox" style="clear: both; height: 130px; width:450px;line-height: 18px;padding-left: 4px;"></textarea><div style="
display: inline;
"></div>
</dd></dl>
<td height="23" colspan="2"><img src="http://i.imgur.com/pGjd7fa.jpg" width="15" height="15"> Referências:
<input type="text" name="servidor" value="" id="downloadvia">
</td>
</tr>
</fieldset>
<input type="hidden" name="subject">
<input type="hidden" name="message">
<input type="hidden" name="mode" value="newtopic">
<input type="hidden" name="f" value="1">
<input type="hidden" name="lt" value="0">
<span class="corners-bottom"><span></span></span></div></div><div id="sthd" style="margin:0px"></div>
<br>
<div id="bts" style="" class="panel"><div class="inner"><span class="corners-top"><span></span></span>
<fieldset class="submit-buttons"><input id="bt-pr-questao" value="Pré-visualizar" type="button" class="button1"> <input id="bt-enviar" value="Enviar questão" type="button" class="button1" name="post"> <input id="bt-apagar" value="Apagar tudo" type="button" class="button1">
<input id="bt-enviar-e" value="Enviar Questão" type="submit" class="button1" style="display:none;" name="post"></fieldset>
<span class="corners-bottom"><span></span></span></div></div>
</form>
</div>
<br>
<div id="enviado" style="display:none;" class="panel"><div class="inner"><span class="corners-top"><span></span></span><center><img src="http://2img.net/i/fa/admin/wait_preview.gif" alt="carregando" title="enviando..."><br><span class="conteudo_texto">enviando...</span></center><span class="corners-bottom"><span></span></span></div></div>
</div>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.style2 {font-weight: bold}
-->
</style>
</div>
<!-- end #content --><div id="sidebar">
<ul>
<li>
<h2>Importante:</h2>
<img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Apenas utilize o postador se for contribuir positivamente com o site. <br>
<br>
<img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Lembre-se de seguir nossa padronização a risca, padronizando o título e o subtítulo, e adicionando sempre suas referências.<br>
<br>
<img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Sugestões ou Criticas sobre o postador devem ser postadas <a href="LINK">aqui</a>.<br>
<br>
<img src="http://i81.servimg.com/u/f81/17/45/75/97/seta10.gif" alt="" width="10" height="10"> Adicione o máximo possível de informações em seu tópico para deixa-lo o mais completo possível, caso tenha alguma dificuldade solicite ajuda a algum escritor/redator mais experiente. </li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #page -->
<div id="footer-bgcontent">
<div id="footer">
<p>© 2013 - Todos os direitos reservados a <a href="http://minhaserie.forumeiros.com">Minha Série</a> - By <a href="http://www.bestskins.com.br">BestSkins</a>.</p>
<p>
</p>
</div>
</div>
<!-- end #footer -->
</div>
</body>
</html>
<style>
body {
margin: 0;
padding: 0;
background: url(http://i.imgur.com/G9DfXEL.jpg) repeat-x left top;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 14px;
color: #232627;
}
h1, h2, h3 {
margin: 0;
text-transform: none;
font-family: "Tahoma", Tahoma, "Tahoma", Tahoma, Tahoma;
font-weight: normal;
color: #0C95C9;
}
h1 { font-size: 44px; }
h2 {
font-size: 20px;
background-attachment: fixed;
background-image: url(images/h2.jpg);
background-repeat: no-repeat;
background-position: left top;
}
p, ul, ol {
margin-top: 0;
line-height: 240%;
text-align: justify;
}
a { color: #0C95C9; }
a:hover { text-decoration: none; }
a img {
border: none;
}
img.left {
float: left;
margin: 7px 30px 0 0;
}
img.right {
float: right;
margin: 7px 0 0 30px;
}
hr { display: none; }
.list1 li {
float: left;
line-height: normal;
}
.list1 li img {
margin: 0 30px 30px 0;
}
.list1 li.alt img {
margin-right: 0;
}
/* Header */
#header {
width: 920px;
height: 45px;
margin: 0 auto;
}
/* Menu */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
border-bottom: 2px solid #73bdf5;
margin-left: 180px;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
color: #ffffff;
display: inline-block;
font-family: Tahoma, Tahoma, Tahoma, Tahoma;
font-size: 14px;
line-height: 49px;
padding: 0 20px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #0C95C9;
margin-left: -10px;
}
#cssmenu > ul > li:first-child a {
border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child a {
border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active a {
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0C95C9;
border-bottom: 1px dotted #aad06d;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #528009;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #528009;
border-bottom: 1px dotted #97b36b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #345105;
}
/* Page */
#page {
width: 920px;
margin: 0 auto;
}
#page-bgtop {
padding-top: 30px;
}
/** LOGO */
#logo {
width: 680px;
height: 250px;
margin: 0 auto;
background: url(http://i.imgur.com/XsWGFlS.png) no-repeat right top;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
text-transform: none;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
text-transform: none;
font-size: 10px;
}
#logo h1 {
padding-top: 54px;
font-size: 34px;
}
#logo a {
text-decoration: none;
color: #FFFFFF;
}
/* Content */
#content {
float: right;
width: 658px;
padding-top: 10px;
padding-right: 30px;
}
/* Sidebar */
#sidebar {
float: left;
width: 190px;
padding-left: 15px;
font-family: Tahoma, Tahoma, Tahoma;
font-size: 11px;
color: #585D60;
padding-right: 15px;
background-attachment: fixed;
background: url(http://i.imgur.com/u2vCygB.png);
background-repeat: no-repeat;
background-position: center top;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#sidebar li {
margin-bottom: 30px;
padding: 0 0 10px 0px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
padding: 7px 10px 10px 7px;
}
#sidebar p {
margin: 0;
padding: 0px 10px;
}
#sidebar h2 {
height: 26px;
margin: 0 0 10px 0px;
padding: 12px 0 2px 7px;
text-transform: capitalize;
font-size: 18px;
font-weight: normal;
color: #464F54;
}
#sidebar p {
line-height: 200%;
}
#sidebar a {
text-align: left;
text-decoration: none;
font-weight: normal;
color: #585D60;
}
/* Footer */
#footer {
width: 920px;
height: 49px;
margin: 0 auto;
padding-top: 50px;
}
#footer-bgcontent {
margin: 0px;
padding: 0px;
height: 99px;
background: #333333;
}
#footer p {
margin: 0;
text-align: center;
line-height: normal;
text-transform: uppercase;
font-size: 10px;
color: #FFFFFF;
}
#footer a {
color: #73bdf5;
}
#carregando {
width:27px;
height:25px;
position:absolute;
top:300px;
left:680px;
margin-top:-10px;
margin-left:-10px;
visibility: inherit;
}
td {
background-attachment: fixed;
background-image: url(http://i81.servimg.com/u/f81/17/45/75/97/backgr10.jpg);
background-repeat: no-repeat;
background-position: right top;
}
#barra {
background-attachment: fixed;
background-image: url(http://i81.servimg.com/u/f81/17/45/75/97/h210.jpg);
background-repeat: no-repeat;
background-position: left;
font-size: 18px;
padding-left: 65px;
padding-bottom: 10px;
color: #0C95C9;
}
fieldset {
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
border: 0px;
}
.fields1 .inputbox {margin-right: 11px;}
.fields1 dt {min-width: 65px;}
dl, dt, dd {display: inline-block;}
dd {
-webkit-margin-start: 0px;
}
li {list-style-type: none;}
</style></span>
Att,
PUNKS
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Versão:
Invision
![[F]lames](https://i.imgur.com/GdQrbHZ.png)
