Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PunBB][Pedido] ¿Como colocar mejor Respuesta estilo IPB?

Creado por ,

Mensaje [Página 1 de 1.]

Srz

Publicado Miér 19 Nov - 6:50

Srz
Hola amigos, he tenido un cambio rotundo en la reconstrucción de mi foro. Buscando mejores opciones he encontrado un tema que me ha llenado mis dudas, en fin. lo que quería era que alguien me ayudara a colocar la caja de "Mejor Respuesta" En los temas, como ya saben al agradecer un tema se estaría eligiendo la mejor respuesta.

Tengo esete Javascript:

Código:
$(function(){
    $('.post .posthead[style="background-color:#eaf8e2;"]').append('<div id="best-res" class="answerBadgeInPost">✓ &nbsp;Melhor Resposta</div>').attr('style','background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);-webkit-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;-moz-box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;box-shadow: inset rgba(255,255,255,0.35) 0px 1px 0px;background: #dfedd1;text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;border: 1px solid #accf8b;');
    var topicauthor = $('.post #best-res').parents('.post').find('.user .username a').html();
    var topicavatar = $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
    var urlavt= $('.post #best-res').parents('.post').find('.postmain .postbody .user .user-ident .user-basic-info a').attr('href');
    var topicpost = $('.post #best-res').parents('.post').find('.posthead a').attr('href');
    var topicdata = $('.post #best-res').parents('.post').find('.posthead h2 .data-post').html();
    var bestTopic = $('.post #best-res').parents('.post').find('.entry-content').html();
if($('#best-res').length){
    $('.main.paged').before('<div class="post_feature_box">
<span class="ipsUserPhoto"><img src="'+topicavatar+'" /></span>
<span class="ipsBadge">Melhor Resposta</span> '+topicauthor+', '+topicdata+'<div style="border: 1px solid #ddd; border-bottom: 1px solid #ececec; margin: 3px;"></div><div style="display: inline-block;">'+bestTopic+'</div><a href="'+topicpost+'">
         <span class="ipsBadge" style="background: #B3B3B3;font-weight: normal !important;">Visualizar todo o conteúdo do post <img class="icon" src="http://i.imgur.com/omzqZnf.png"></span></a>
</div>');}
    });

Código:
/*feature box*/
.post_feature_box {
  margin-top: 5px;
  max-width:100%;
  background-color: rgb(234, 248, 226);
  border: 1px dotted rgb(51, 51, 51);
  padding: 6px;
  min-height: 60px;
}
#best-res {
color: #436500;
background: #dfedd1;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
border: 1px solid #accf8b;
border-top: 0;
padding: 0 12px;
height: 30px;
line-height: 30px;
position: relative;
float: right;
margin: -1px -2px 8px 8px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-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);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}

Por una parte esta el javascript y el css, ahora quien me ayuda a colocarlo en el template, ya que no tengo mucho conocimiento haciendo eso... 

PD, si el javascript tiene algún error por favor ayudarme con eso, no soy muy bueno programando!

A 0 usuarios le gusta esto
Bret

Publicado Miér 19 Nov - 16:06

Bret
Administrador
Que yo sepa hacer eso no es posible, porque una vez que la mejor respuesta esté en otra página del hilo ya no funcionaría y daría error. Neceisto que me digas qué es el elemento con ID #best-res para poder entender mejor el código porque, como ya te digo, en principio no es posible.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)
Srz

Publicado Miér 19 Nov - 16:26

Srz
Claro, claro, ese elemento es el diseño del box cuando alguien agradece, es decir cuando aparece!

A 0 usuarios le gusta esto
Bret

Publicado Miér 19 Nov - 16:31

Bret
Administrador
Pero el problema está en que como vas a saber quién es el escritor del mensaje al que se le ha dado gracias si está en otra página que no sea en la actual en la que estés. ¿Me entiendes? El código lo que seguramente hace es buscar si existe la clase en la página en la que estás.

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)
Srz

Publicado Jue 20 Nov - 0:06

Srz
si, entiendo a lo que te refieres Bret. pero, mira, aca te dejo un ejemplo!!

http://www.4reyes.net/t1288-codigo-de-mejor-respuesta-estilo-ipb

Mi Colega Julinho, implanto el codigo en su foro, solo dejo a disposicion el js y el css, pero la estructura como tal no la tengo, y pues, Obviamente que la accion va despues de "Agradecer" un mensaje, cuando ese mensaje es agradecido automaticamente una parte del script sabe que esa es la respuesta rapida. Obviamente que reitero que la estructura iria en un template.

A 0 usuarios le gusta esto
Bret

Publicado Jue 20 Nov - 23:25

Bret
Administrador
No puedo ver el código JS desde ese enlace. Por favor, coloca en oculto el código JS correspondiente.

A 0 usuarios le gusta esto
Srz

Publicado Vie 21 Nov - 2:34

Srz
Aca esta!

A 0 usuarios le gusta esto
Tubilok

Publicado Vie 21 Nov - 10:01

Tubilok
Soporte
Como te ha dicho Bret ese código solo busca en la página actual el mensaje que ha sido agradecido. Si no estas en la página del post agradecido tendrías que hacer un get de todas las demás páginas del tema para encontrarlo, y eso a parte de que puede llevar mucho tiempo seguramente obtendrás el mensaje "Request limit exceeded". En cuanto al código creo que está realizado para la versión punbb y suponiendo que no se han editado los templates solo tendrías que cambiar el "background-color" por el color que tengas para los mensajes agradecidos en el siguiente fragmento de código:
Código:
$('.post .posthead[style="background-color:#eaf8e2;"]')

A 0 usuarios le gusta esto
Srz

Publicado Mar 25 Nov - 17:17

Srz
Consegui, un tutorial, pero necesito saber si funciona.

http://www.punbb.biz/t182-solved-how-to-add-best-answer#1177

Ese es el post

A 0 usuarios le gusta esto
Bret

Publicado Mar 25 Nov - 22:18

Bret
Administrador
Suárez♪ escribió:Consegui, un tutorial, pero necesito saber si funciona.

http://www.punbb.biz/t182-solved-how-to-add-best-answer#1177

Ese es el post

Ese código sigue generando el problema que te comentamos. Solo funcionará si estás en la página donde esté el tema marcado como mejor respuesta, pero si el tema tiene más de una página el código ya no funcionará.

A 0 usuarios le gusta esto
Srz

Publicado Miér 26 Nov - 0:15

Srz
Ya entiendo... Que mal, no saben donde pueda conseguir ese codigo?

A 0 usuarios le gusta esto
Bret

Publicado Miér 26 Nov - 15:21

Bret
Administrador
Que yo sepa es algo que no es posible si Foroactivo no pone un poco de su parte, algo implementado de forma nativa o algo que te diga en qué página está el mensaje marcado como mejor respuesta.

A 0 usuarios le gusta esto
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB