Resposta rápida

Qual é minha questão:
Olá,

Eu desejo a resposta rápida igual o do Best Skins tudo igual mesmo até o avatar na resposta rápida '-'

E também percebi que não tem a página de atualização

Exemplo você responde o tópico e não vai para outra página continua no tópico e depois de um determinado tempo a sua resposta aparece sem precisar atualizar a página do tópico

Até

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão do fórum:
PUNBB

Gostaria Disso Também :_: Se for vip eu sou

Adicione este javascript em "Topicos"

Código:

jQuery(document).ready(function() {
jQuery('#quick_reply').before('<div id="quick-avatar"></div> ');
});
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
        jQuery('#quick-avatar').html('<center><a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt=""></a></center>');
      }else{
        jQuery('#quick-avatar').html('');
      }
  });
});

Depois adicione isso a seu css :

Código:



/*quick-reply*/
#text_editor_textarea, #textarea_content iframe#text_editor_iframe {
border: 1px solid #DDD;
}
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
 #pun-qpost #textarea_content dt label{
  float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}

fieldset.frm-set, .pun .frm-form {
  background-color: transparent;
}

.main .main-content.frm {
border: 1px solid #DDD !important;
background-color: #EFEFEF !important;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.6) inset;
background-image: url(http://i72.servimg.com/u/f72/18/07/42/17/sprite10.png);
background-repeat: repeat-x;
background-position: 0 -1950px;
display: block;
_display: inline-block;
padding: 5px;
}
/*smiley-box e quickreply*/
#smiley-box iframe{height: 280px;}
#smilies_categ{padding: 0px 0}
.pun .frm .frm-buttons input {
padding: 4px 10px;
cursor: pointer;
background: #323232 url('http://i74.servimg.com/u/f74/18/12/37/46/highli11.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

#quick_reply fieldset.frm-set dl dd {
background: white;
border: 0px;
margin: 0 auto;
}

.frm-buttons {
border: 1px solid #ddd;
background: #EEE;
border-radius: 0 0 6px 6px;
}

input[type="password"]:focus,input[type="text"]:focus,textarea:focus{outline:none}

#quick_reply .frm-buttons {
margin: 0 auto;
padding: 5px;
text-align: right;
}

#textarea_content dt {display:none}

a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-color: transparent;
background-image: none;
margin: 0px 0.35em;
border: 0px;
padding: 2px 3px;
}
button.button2:hover, input.button2:hover {
background-color: #DDD;
border: 0px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #333333;
padding-left: 20px;
}

input[type="button"], input[type="reset"], input[type="submit"] {
background: #881518 url(http://i74.servimg.com/u/f74/18/12/37/46/highli12.png) repeat-x 0 0;
border: 1px solid #6E1111;
border-radius: 2px;
color: #fff;
cursor: pointer;
font-family: arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 3px 5px;
text-shadow: 0 1px rgba(0,0,0,0.1);
}
input[type="button"], input[type="reset"], input[type="submit"] {
background: #881518 url(http://i74.servimg.com/u/f74/18/12/37/46/highli12.png) repeat-x 0 0;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
border: 1px solid #6E2222;
box-shadow: 0px 0px 3px red;
}
/*quick avatar*/
#quick-avatar a {
    background: none;
}
#quick-avatar {
    float: left;
    margin: 11px;
}
#quick-avatar img {
width: 50px;
height: 50px;
  margin-top: 100px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

O Treco de responder rápido sem atualizar pagina :
Adicione este javascript em "topicos"

Código:

$(document).ready(function(){$('#quick_reply input[name="post"]').click(function(d){d.preventDefault();$.post("/post",$('#quick_reply').serialize()+"&post=1&prevent_post=1",function(b){b=b.substring(b.indexOf('<meta http-equiv="refresh" content="1;url=')+42,b.indexOf('<meta name="title"')-2);$(".post:last").after('<div style="display: none;" class="ajax_post"></div>'),$(".ajax_post:last").load(b+" .post:last",function(){$('.ajax_post').slideDown(500)})})})});

Olá,

Pode fechar vc e foda

Até