Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
[Tutorial] Novo Tópico Flutuante

Versão
: PhpBB3 :
Não Testado em Outra!

- -> Código CSS <- -

Código:
/*Personalizar novo tópico TUTORIAL: http://staffergroupbr.stuning.net/t862-*/
#ttltpc {
    width: 300px !important;
}
.quickTopic textarea {
    width: 300px;
}
.quickTopic {
    border: 1px solid #ddd;
    height: auto;
    left: 32%;
    position: fixed;
    top: 40%;
    width: auto;
    border-radius: 3px;
    background: #fff;
    padding: 10px 10px 5px 10px;
    z-index: 9999;
    box-shadow: 0px 0px 5px #000;
}


- -> Código JS <- -

Código:
$.getScript('http://metalltestes.virtuaboard.com/16152.js');
if(/^\/f\d+.*/.test(window.location.pathname)) {
$(function() {
var x = document.getElementsByClassName('i_post');
for (i = 0; i<x.length; i++) {
x.onclick = function(e) {
e.preventDefault();
selectWysiwyg(this, 'chooseNewTopic');
jQuery('#hiddenIDS').load(''+this.parentNode.href+' input[type="hidden"]');
}
}
});
}


- -> WidGet <- -

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>


  • Quando clica no Botão


Código: Avacweb
Personalização, tradução e publicação: Staffer Group BR™
D'Leandro™ escreveu:O Design pode não ficar bom no seu fórum, caso aconteça você pode pedir um novo design gratuitamente.
Ver perfil do usuário

#2
 HenriqueBr

avatar
Membro
bem legal cara!!
Ver perfil do usuário

#3
 dejanpetrus

avatar
Membro
best forum thanks : Up :
Ver perfil do usuário

#4
 Master Publicitario

avatar
Membro
Muito bom parabéns
Ver perfil do usuário

#5
 Narutofake

avatar
Membro
Legal :P Parabéns estarei testando
Ver perfil do usuário

#6
 Bookmarlucas654

avatar
Membro
CARAMBA, ESSE VAI PRO MEU FÓRUM, VALEU CARA!!!!!!
Tem pra PunBB não? :(
Ver perfil do usuário

#7
 D'Leandro™

avatar
Fundador
Mano eu só testei em PhpBB3, Voce pode testar na sua versão!
Depois me avise se funcionou ok!
Ver perfil do usuário

#8
 Bookmarlucas654

avatar
Membro
Funcionou, só que no meu não ficou bonitinho como no seu... ;P
Ver perfil do usuário

#9
 TiagoDJ-7.0

avatar
Membro
vou testa esse codigo ...
Ver perfil do usuário

#10
 Mr.GamingPT

avatar
Membro
fegsgsfv
Ver perfil do usuário

#11
 fascicularia

avatar
Membro
obrigado
Ver perfil do usuário

#12
 Mr.GamingPT

avatar
Membro
uo
Ver perfil do usuário

#13
 fascicularia

avatar
Membro
A testar por Punbb
Ver perfil do usuário

#14
 Conteúdo patrocinado