Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Tópico rápido

2 participantes

Início :: Forumeiros :: NostalgiaTópico rápido

Skype123 Skype123  • Qui 15 Ago 2013 - 8:57

Tópico rápido Empty Tópico rápido Qui 15 Ago 2013 - 8:57

Qual é minha questão:
Olá, eu queria adicionar esse sistema de tópico rápido.
Procurei aqui no fórum, mas não funcionou :s

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se puderem me ajudar mais uma vez, ficarei grato Smile


Endereço do meu fórum:
Fórum de testes

Versão:
PunBB

Daemon Daemon  • Qui 15 Ago 2013 - 16:28

Tópico rápido Empty Re: Tópico rápido Qui 15 Ago 2013 - 16:28

Reputação da mensagem: 100% (2 votos)
Crie um novo JavaScript com investimento nos sub-fóruns e adicione:
Código:
jQuery(document).ready(function(){
var forum=jQuery('a.nav[href*="/f"]:last').attr('href').split('/f')[1].split('-')[0];
jQuery('.paged-head.clearfix:eq(0)').append('<div class=tpc-content><p class=tpc-button><a href="#" style="color: white;">Tópico Rápido</a></p><form action="/post" class="frm-form" method="post" name="post" onsubmit="return vB_Editor[text_editor].prepare_submit(0,0)" enctype="multipart/form-data" id="form-tpc" style="display:none;"><div id="navigation_popup_inner" class="popupInner" style="width: 540px;"><h3>Postar novo tópico</h3><div class="ipsBox"><dl><dt class=text>Título:</dt><dd><input type="text" name="subject" value="" maxlength="255" title="O comprimento do título deste tópico deve estar entre 1 e 255 caracteres." onkeypress="if (event.keyCode==13){return false}" style="" placeholder="Título do tópico"></dd></dl><dl><dt class=text>Descrição:</dt><dd><input type="text" name="description" value="" maxlength="255" onkeypress="if (event.keyCode==13){return false}" placeholder="Descrição do tópico"></dd></dl><dl><dt class=text>Mensagem:</dt><dd><textarea name="message" class="message-tpc" placeholder="Mensagem do tópico"></textarea></dd></dl><input type="hidden" name="mode" value="newtopic"><input type="hidden" name="f" value="'+forum+'"><input type="hidden" name="lt" value="0"><input type="submit" name="preview" value="Pré-visualizar" tabindex="5" id="prever-tpc"> &nbsp;<input type="submit" name="post" value="Enviar" tabindex="6" accesskey="s" id="enviar-tpc"><div id="new-tpc-close" class="popupClose clickable"><img src="http://i.imgur.com/0m7BOvG.png" alt="x"></div></div></div></form></div>');
jQuery('p.tpc-button').click(function(){
  jQuery('#form-tpc').fadeIn();return false;
  });
jQuery('#new-tpc-close').click(function() {
  jQuery('#form-tpc').fadeOut();
  });
});
Depois adicione ao css o seguinte:
Código:
#form-tpc {
position: absolute;
z-index: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
right: 271px;
width: 540px;
}
#form-tpc input[type="text"], #form-tpc textarea {
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
margin: 3px;
outline: none;
width: 97%;background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
color: #9F9F9F;
display: block;
font-size: 16px;
font-weight: 700;
padding: 5px;
text-shadow: white 0 1px 0;
}
#form-tpc textarea {
height: 100px;
}
#form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
-moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
-webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
background-color: #FEFEFE;
border-color: #3FA6E4;
box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
color: #555;
outline: none;
}
.tpc-content {float: right;}
.text {
display: none;
}
.tpc-button a {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 30px;
height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
color: white;
}
.tpc-button a:active {
position: relative;
top: 1px;
}
Até mais!

Skype123 Skype123  • Qui 15 Ago 2013 - 17:31

Tópico rápido Empty Re: Tópico rápido Qui 15 Ago 2013 - 17:31

Oi Daemon,

Resultou, está funcionando, mas o botão ficou colado olha:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Eu queria que ficasse com esse espaço:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

E você poderia tirar esse efeito que quando a gente clica no botão ele se meche?

Obrigado

Daemon Daemon  • Qui 15 Ago 2013 - 17:46

Tópico rápido Empty Re: Tópico rápido Qui 15 Ago 2013 - 17:46

Reputação da mensagem: 100% (1 votos)
Troque o css por:
Código:
#form-tpc {
position: absolute;
z-index: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
right: 271px;
width: 540px;
}
#form-tpc input[type="text"], #form-tpc textarea {
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
margin: 3px;
outline: none;
width: 97%;background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
color: #9F9F9F;
display: block;
font-size: 16px;
font-weight: 700;
padding: 5px;
text-shadow: white 0 1px 0;
}
#form-tpc textarea {
height: 100px;
}
#form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
-moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
-webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
background-color: #FEFEFE;
border-color: #3FA6E4;
box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
color: #555;
outline: none;
}
.tpc-content {float: right;}
.text {
display: none;
}
.tpc-button a {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 30px;
height: 30px;
min-width: 125px;
margin-right: 15px;
padding: 0 10px;
text-align: center;
color: white;
}
Até mais!

Skype123 Skype123  • Qui 15 Ago 2013 - 17:53

Tópico rápido Empty Re: Tópico rápido Qui 15 Ago 2013 - 17:53

Daemon, muito obrigado again Very Happy

Boa noite.

Daemon Daemon  • Qui 15 Ago 2013 - 18:04

Tópico rápido Empty Re: Tópico rápido Qui 15 Ago 2013 - 18:04

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Tópico rápido Empty Re: Tópico rápido

Início :: Forumeiros :: Nostalgia:: Tópico rápido
Permissões neste sub-fórum
Não podes responder a tópicos