Topico Flutuante |
Sempre tentamos inovar com novas funcões para vossos foruns hoje
ja se e possivel escolher se ira fazer um topico rapido ou um topico normal.
1º - Adicionando CSS
Para que o Codigo Funcione sera Nessesario Adicionar um CSS
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
O codigo e esse:
Código:
/*---/ Personalizar "Novo Tópico" /---*/
.quickTopic {
background-color: #FFFFFF;
border: 0px solid;
height: 200px;
left: 30%;
position: fixed;
top: 50%;
width: 500px;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url(http://i31.servimg.com/u/f31/17/71/75/73/a16.png) no-repeat bottom right;
}
Valide e Salve.
2º - Adicionando Widget
Para que o Codigo Funcione sera Nessesario Adicionar um Widget
Painel de Controle --> Modulos --> Gestão dos Widgets --> Criar Novo Widget
O Codigo e esse:
Código:
<div style="display: none;" id="quickTopic" class="quickTopic"><center><form enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" name="post" method="post" action="/post"><br/>Título do Tópico: <input type="text" title="The length of the title for this topic must be ranging between 10 and 255 characters" maxlength="255" value="" name="subject" class="inputbox medium"><br/><br/>Menságem do Tópico:<br /><textarea style="height: 85px; margin: 2px; width: 457px;" wrap="virtual" name="message" class="inputbox" id="text_editor_textarea"></textarea><br /><br /><div style="text-align: center;"><div id="hiddenIDS" style="display: none;"></div><input class="button2" type="submit" tabindex="5" value="Visualizar" name="preview"> <input class="button1" type="submit" value="Enviar" name="post"> <input type="button" onClick="document.getElementById('quickTopic').style.display='none';" value="Fechar"></div></form></center></div><div id="chooseNewTopic" style="visibility: hidden; width: auto;" class="select"><button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="window.location=document.getElementsByClassName('i_post')[0].parentNode.href;">Tópico Normal</button>
<br><button onmouseout="this.className='';" onmouseover="this.className='selectHover';" onclick="document.getElementById('quickTopic').style.display = 'block';selectWysiwyg(this,'chooseNewTopic'); return false;">Tópico Flutuante</button></div>
3º - Adicionando JavaScript
Para que o Codigo Funcione sera Nessesario Adicionar um JavaScript
Painel de Controle --> Modulos --> Gestão das Paginas HTML e JavaScript --> Gestão dos JavaScript --> Criar Novo JavaScript
- Qual o Resultado de Todo esse Trabalho?
Quando clica no Botão
- Funciona em Todas as Versões?
Talves, Mais so se foi testado em "PHPBB3"
© Suporte Design
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:[Dúvida] Novo Topico Flutuante |