[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Gerador de Eventos SOTW |
DEMO DO GERADOR: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
--> Tutoriais, dicas e astúcias <--
Gerador de Eventos SOTW
Gerador de Eventos SOTW
1º - Adicionando nova Pagina HTML
Painel de Controle :seta: Modulos :seta: HTML & JAVASCRIPT :seta: Gestão das páginas HTML :seta: criar uma nova pagina HTML.
2º - Adicionando o Código
Titulo: Qualquer um.
Você deseja utilizar o início e o final da página do seu fórum ?: NÃO
Usar esta página como página inicial?: Não (CLARO)
- Código:
<html lang="pt-BR" xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR"><head>
<title>Gerador de Evento</title>
<!-- META -->
<meta name="copyright" content="">
<meta name="author" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-language" content="pt-BR">
<script type="text/javascript">
function doStuff()
{
var txt = "";
document.getElementById("gen").value = "";
//titulo sotw
if (document.getElementById("numero_sotw").value != ""){
txt += "[center\][b\][size=18\][color=#ca3108\] ";
txt += document.getElementById("numero_sotw").value;
txt += "º Sign of the Week[/size\][/color\]\n";
document.getElementById("gen").value += txt;
}
//data
if (document.getElementById("data").value != ""){
txt = "Data de entrega: ";
txt += document.getElementById("data").value; //Speed
txt += "[/b\][/center\]\n";
document.getElementById("gen").value += txt;
}
//tema
if (document.getElementById("tema").value != ""){
txt = "1. O tema é ";
txt += document.getElementById("tema").value; //Power
txt += "[b\](explicações no tópico de dúvidas)[/b\].\n 2. Tamanho Mínimo: 200x100\n 3. Tamanho Máximo: Sem restrição (trabalhos muito grandes serão redimensionados automaticamente)\n 4. Todos os estilos são aceitos, exceto vídeos. \n [b\]5. Todos os participantes deverão votar, não poderão votar em si, e caso não votem, os mesmos poderão ser punidos por isto com desclassificação ou perda de pontos.[/b\] \n 6. Todos podem participar, independente do rank. \n 7. Caso haja edição no trabalho, deverá editar o post e colocar uma [u\]observação[/u\]. \n 8. Trabalhos antigos são aceitos, porém, trabalhos que já participaram de [b\]edições anteriores do concurso[/b\] não serão aceitos. \n 9. [b\]Não aceitamos RIP[/b\]. Caso haja RIP o usuário será desclassificado e a [color=red\]Administração[/color\] tomará as devidas atitudes de acordo com as [url=SEU LINK]Regras Gerais do Fórum[/url\]. [b\]Caso tenha dúvidas sobre RIP, poderá perguntar a vontade no [url=SEU LINK]Fórum de Dúvidas & Sugestões[/url\].[/b\] \n 10. Somente o vencedor de 1º Lugar terá seu trabalho mostrado na página inicial do fórum. \n 11. Qualquer dúvida ou pergunta, faça no tópico de discussões da atual edição. \n \n \n [center\][size=14\][color=#ca3108\][b\]:: Outras informações ::[/b\][/color\][/size\][/center\]\n";
document.getElementById("gen").value += txt;
}
//INICIO DA VOTAÇÃO
if (document.getElementById("iniciovotacao").value != ""){
txt = "\n- As votações serão realizadas dia: "
txt += document.getElementById("iniciovotacao").value; //Modo de jogo
document.getElementById("gen").value += txt;
}
//INFORMAÇÕES
if (document.getElementById("fimvotacao").value != ""){
txt =" até o dia "
txt += document.getElementById("fimvotacao").value; //Modo de jogo
txt += "\n - A entrega dos prêmios será feita junto aos resultados. \n - Comentários ou qualquer outra informação, deverá ser feita no tópico de discussão. Aqui apenas as entregas, qualquer outra mensagem será deletada. \n - Qualquer usuário que não cumprir tais regras, será desclassificado. \n - É obrigatório que desabilite a assinatura, para que não haja confusão entre os trabalhos [i\](qualquer membro da staff poderá fazer tal edição)[/i\]."
document.getElementById("gen").value += txt;
}
//Caso precise adicionar mais
txt = "";
txt += " ";
document.getElementById("gen").value += txt;
}
</script>
<script type="text/javascript">
function copiar() {
var campo = document.form.gen;
window.clipboardData.setData('Text', campo.value);
campo.select();
}
</script>
<style type="text/css">
/* BODY */
body {
background: url(http://i1135.photobucket.com/albums/m622/Mazeko1/background.gif) !important;
font-family: verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #E0E0E0;
margin: 0;
padding: 0;
}
a:link { color: #c80000; text-decoration: none; }
a:visited { color: #c80000; text-decoration: none; }
a:hover { color: #c80000; text-decoration: underline overline; }
a:active { color: #c80000; }
#page { width:100%; }
/* LOGO */
#logo {
background: none;
color: #777777;
border-bottom: 7px solid #00a0c8;
top: 0px;
width: 100%;
text-align: center;
font-size: 18px;
font-weight: bolder;
background-repeat: no-repeat;
}
#logo #inside { padding: 12px; padding-left:112px; }
/*ULTIMAS*/
#feeding { color: black; }
/* Centralização da Navegação, Slide e Notícias */
#mainrow {
position: static;
width: 100%;
text-align: left;
}
#mainrow #one, #mainrow #two, #mainrow #three {
display: inline-block;
}
#mainrow #one {
vertical-align: top;
font-size: 12px;
font-family: verdana, tahoma, arial;
color: #333333;
}
/* Navegação */
#nav {
background-image: url('http://www.dainf.cefetpr.br/~merkle/processing/reference/ptBR/media/background_.gif');
height: 230px;
text-align: left;
list-style-type: none;
font-size: 18px;
font-weight: bolder;
padding: 0px 90px 10px 0px;
margin-top: 20px;
border-right: 0px solid #00a0c8;
}
#nav li:first-of-type {
padding-top: 0px;
}
#nav li {
padding-top: 10px;
}
/* Slide */
#slide {
text-align: left;
padding: 10px 20px 10px 30px;
}
/* Últimas Notícias */
#feeding {
text-align: left;
padding: 10px 0px 10px 20px;
}
/* POSTS */
#post {
font-size: 12px;
font-family: verdana, tahoma, arial;
color: #333333;
padding: 0px 40px 30px 40px;
margin: 5px 0px 5px 5px;
border-top: 0px solid #c80000;
overflow: hidden;
list-style: none;
}
#layout a:link { text-decoration: none; color: white; }
#layout a:visited { text-decoration: none; color: white; }
#layout a:hover { color: #e80042; text-decoration: none; }
#layout a:active { color: #e80042; }
/*
#home, #work, #web, #art, #proj, #contact {
top: 50;
position: absolute;
padding-left: 50px;
padding-right: 1500px;
}
#home { width: 850px; left: 0px; }
#work { width: 850px; left: 1500px; }
#web { width: 850px; left: 3000px; }
#art { width: 850px; left: 4500px; }
#proj { width: 850px; left: 6000px; }
#contact { width: 850px; left: 7500px; } PÁGINAS */
#texto { top: 100px; left:35px; color: #333333; }
/* FOOTER */
#footer {
border-top: 0px solid #00a0c8;
width: 100%;
bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
#footer #text {
padding: 30px 0px 0px 40px;
}
#footer a {
color: #333333;
}
#two {color: #333333;}
#two input {background-color: white; border: 1px solid #ccc; font-family: courier new;}
#two input a:hover {background-color: white; border: 1px solid black !important; font-family: courier new;}
#two label {font-size: 15px; font-weight: bolder;}
.exemplo {font-size: 11px;}
</style>
</head>
<body><script type="text/javascript">ANCHORFREE_VERSION="623161526"</script><script type="text/javascript">var _AF2$={'SN':'HSSHIELD00BR','IP':'198.144.116.123','CH':'HSSCNL000395','CT':'XX','HST':'','AFH':'hss163','RN':Math.floor(Math.random()*999),'TOP':(parent.location!=document.location||top.location!=document.location)?0:1,'AFVER':'2.78','fbw':false,'FBWCNT_FIREFOX':0};if(/^(.*,)?(11C)(,.*)?$/g.exec(_AF2$.CT)!=null&&_AF2$.CH!='HSSCNL000242'){document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/par.js?v="+ANCHORFREE_VERSION+"' type='text/javascript'></scr"+"ipt>")}document.write("<style type='text/css' title='AFc_css"+_AF2$.RN+"' >.AFc_body"+_AF2$.RN+"{} .AFc_all"+_AF2$.RN+",a.AFc_all"+_AF2$.RN+":hover,a.AFc_all"+_AF2$.RN+":visited{outline:none;background:transparent;border:none;margin:0;padding:0;top:0;left:0;text-decoration:none;overflow:hidden;display:block;z-index:666999;}</style>");</script><style title="AFc_css844" type="text/css">.AFc_body844{} .AFc_all844,a.AFc_all844:hover,a.AFc_all844:visited{outline:none;background:transparent;border:none;margin:0;padding:0;top:0;left:0;text-decoration:none;overflow:hidden;display:block;z-index:666999;}</style><style type="text/css">.AFhss_dpnone{display:none;width:0;height:0}</style><img style="display:none" name="AFhss_trk0" id="AFhss_trk0" src="about:blank"><img style="display:none" name="AFhss_trk" id="AFhss_trk" src="about:blank"><div class="AFhss_dpnone" id="AFhss_dfs"><div class="AFhss_dpnone" id="AFhss_adrp0"></div><div class="AFhss_dpnone" id="AFhss_adrp1"></div><div class="AFhss_dpnone" id="AFhss_adrp2"></div><div class="AFhss_dpnone" id="AFhss_adrp3"></div><div class="AFhss_dpnone" id="AFhss_adrp4"></div><div class="AFhss_dpnone" id="AFhss_adrp5"></div><div class="AFhss_dpnone" id="AFhss_adrp6"></div><div class="AFhss_dpnone" id="AFhss_adrp7"></div><div class="AFhss_dpnone" id="AFhss_adrp8"></div><div class="AFhss_dpnone" id="AFhss_adrp9"></div></div><script type="text/javascript">if(_AF2$.TOP==1){if(_AF2$.CH=='HSSCNL000242'){document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/41.js?v="+ANCHORFREE_VERSION+"' type='text/javascript'></scr"+"ipt>")}else if(_AF2$.CH=='HSSCNL000248'){document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/60f.js?v="+ANCHORFREE_VERSION+"' type='text/javascript'></scr"+"ipt>")}else if(_AF2$.CH=='HSSCNL000249'){document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/61f.js?v="+ANCHORFREE_VERSION+"' type='text/javascript'></scr"+"ipt>")}else if(_AF2$.CH=='HSSCNL000484'){document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/62fbw-f2ask.js?v="+ANCHORFREE_VERSION+"' type='text/javascript'></scr"+"ipt>")}else{var m=new RegExp(/&FBWCNT_FIREFOX=([0-9]+)/g).exec(_AF2$.HST);_AF2$.FBWCNT_FIREFOX=(m!=null&&typeof(m[1])!='undefined')?parseInt(m[1]):0;if(parseFloat(_AF2$.AFVER)>=2.03&&/NO_FBW_FIREFOX/.test(_AF2$.HST)==false&&_AF2$.FBWCNT_FIREFOX<10&&navigator.appVersion.indexOf("Win")!=-1){_AF2$.strl=1998;_AF2$.fbw=true}document.write("<scr"+"ipt src='http://box.anchorfree.net/insert/62fbw-f2.js?v="+ANCHORFREE_VERSION+9998+"' type='text/javascript'></scr"+"ipt>")}}</script><script type="text/javascript" src="http://box.anchorfree.net/insert/62fbw-f2.js?v=6231615269998"></script><div id="page">
<div id="logo">
<div id="inside"><img border="0" src="http://i.imgur.com/hXKyYGI.png" alt="http://starforums.forumeiros.com/"></div>
<style type="text/css">
#logo #inside {
padding: 0;
}
</style>
</div>
<div id="mainrow">
<div id="one">
<div id="nav">
<li><a href="http://starforums.forumeiros.com">HOME</a></li>
</div>
</div>
<div id="two">
<p align="left"><font style="COLOR: #00a0c8; FONT-SIZE:28PX;">// Gerador de bbcode - SOTW (Abertura)</font></p>
<form method="get" action="" class="form">
<table cellpadding="4" border="0">
<!--- Número da edição --->
<tbody><tr valign="top">
<td width="40%" align="left">
<label for="numero_sotw">Digite a edição do SOTW: </label>
</td>
<td align="left">
<input id="numero_sotw" name="cord" size="5" title="Edição da SOTW"><br><span class="exemplo"><i>Ex.: 1º, 15º, basta colocar o número</i></span>
</td>
</tr>
<!--- Data --->
<tr valign="top">
<td width="40%" align="left">
<label for="data">Data de entrega: </label>
</td>
<td>
<input id="data" name="link" size="15" title="Data de abertura e de fechamento"><br><span class="exemplo"><i>Ex.: 10/01 até 10/10.</i></span>
</td>
</tr>
<!--- TEMA --->
<tr valign="top">
<td width="40%" align="left">
<label for="fly">Tema: </label>
</td>
<td align="left">
<input id="tema" name="info" size="60" title="Tema do concurso"><br><span class="exemplo"><i>Ex.: Futebol (Campos, times, tudo relacionado a futebol).</i></span>
</td>
</tr>
<!--- Power --->
<tr valign="top">
<td width="40%" align="left">
<label for="tema">Data de início da votação: </label>
</td>
<td align="left">
<input id="iniciovotacao" name="power" size="7" title="Data de inicío da votação"><br><span class="exemplo"><i>Ex.: 10/05 ou 10 de maio</i></span>
</td>
</tr>
<!--- Modo --->
<tr valign="top">
<td width="10%" align="left">
<label for="modo" accesskey="2">Fim da votação: </label>
</td>
<td align="left">
<input maxlength="10" id="fimvotacao" name="modo" title="Modo" size="7"><br><span class="exemplo"><i>Ex.: 10/05 ou 10 de maio</i></span>
</td>
</tr>
<tr>
<td align="left"> <!--- Gerar o código --->
<center><input type="button" onclick="doStuff()" value="Gerar"></center></td></tr>
<tr><td colspan="90"><textarea onclick="select();copiar();" id="gen" rows="8" cols="90"> Copie o código e poste-o no tópico normalmente.</textarea></td>
</tr>
</tbody></table>
</form>
</div>
<div id="three">
</div>
</div>
<div id="post">
</div>
<div id="footer">
<div id="text">
<a href="http://www.ajuda.forumeiros.com"><img src="http://www.illiweb.com/fa/banner/pt/banner4.jpg" alt="Fórum grátis" title="forumeiros.com"></a><br>
<font style="color: #333333;">SEU LINK/ SEU LINK</font><br>
<font style="color: #333333;">2012- 2012</font><br>
</div>
</div>
</div>
</body></html>
Resultado
#6º Sign of the Week
Data de entrega: 15/10/2013
1. O tema é Anime(explicações no tópico de dúvidas).#6º Sign of the Week
Data de entrega: 15/10/2013
2. Tamanho Mínimo: 200x100
3. Tamanho Máximo: Sem restrição (trabalhos muito grandes serão redimensionados automaticamente)
4. Todos os estilos são aceitos, exceto vídeos.
5. Todos os participantes deverão votar, não poderão votar em si, e caso não votem, os mesmos poderão ser punidos por isto com desclassificação ou perda de pontos.
6. Todos podem participar, independente do rank.
7. Caso haja edição no trabalho, deverá editar o post e colocar uma observação.
8. Trabalhos antigos são aceitos, porém, trabalhos que já participaram de edições anteriores do concurso não serão aceitos.
9. Não aceitamos RIP. Caso haja RIP o usuário será desclassificado e a Administração tomará as devidas atitudes de acordo com as Regras Gerais do Fórum. Caso tenha dúvidas sobre RIP, poderá perguntar a vontade no Fórum de Dúvidas & Sugestões.
10. Somente o vencedor de 1º Lugar terá seu trabalho mostrado na página inicial do fórum.
11. Qualquer dúvida ou pergunta, faça no tópico de discussões da atual edição.
:: Outras informações ::
- As votações serão realizadas dia: 10/05 até o dia 10/05
- A entrega dos prêmios será feita junto aos resultados.
- Comentários ou qualquer outra informação, deverá ser feita no tópico de discussão. Aqui apenas as entregas, qualquer outra mensagem será deletada.
- Qualquer usuário que não cumprir tais regras, será desclassificado.
- É obrigatório que desabilite a assinatura, para que não haja confusão entre os trabalhos (qualquer membro da staff poderá fazer tal edição).
© Best Skins
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Gerador de Eventos SOTW |