Escuchá este post

PoLiZe · 7 Oct 2009

Estimados usuarios de vBHispano:

Vengo a compartirles, este complemento.

Yo solo lo adapté, el sitio original es vozMe - From text to speech

¿Qué hace este complemento?

La función de este complemento es dar la capacidad a los usuarios, ya sea visitante o registrado de poder escuchar los posts en los foros.
Está en español pero también se puede adaptar para otros idiomas.

Paso 1:
Ir a "Estilos y Plantillas" >> "Administrar estilos".

Paso 2:

Seleccionar "Editar Plantillas"
y presionar el botón "IR"

Paso 3:
Editar la plantilla "Postbit_legacy" en "Postbit Templates"

Paso 4:

Buscar:

HTML:

<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>

y Abajo colocar

HTML:

<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','es','[COLOR="red"]ml[/COLOR]');">
<img src="$stylevar[imgdir_button]/listen.gif" alt="Listen this post" border="0" ></img></a>

PD: Si quieren voz de mujer, cambiar ml por fm

y Guardar la plantilla
Paso 5:

Repetir el paso anterior, con la plantilla postbit

Paso 6:
Editar la plantilla headerinclude

y debajo de </script> (El primero que aparezca)
colocar

HTML:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

Paso 7:
Guardar la plantilla

y subir la imagen

a la carpeta buttons de la carpeta del style

o abajo tienen el adjunto!

http://www.uasuforos.com/foro/f3/volvemos-nuevamente-5/

imported_Ryuk · 7 Oct 2009

gracias lo vamos a probar, excelente aporte.

Edito

lo instale y encontre los sig errores.

el codigo que va en el posbit y posbit_legacy esta incompleto tu pusiste el sig. codigo:

HTML:

<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','es','[COLOR="red"]ml[/COLOR]');">
<img src="$stylevar[imgdir_button]/listen.gif" alt="Listen this post" border="0" ></img></a>

Que en realidad es asi

HTML:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<a href="javascript:void(0);" 
onclick="get_id('post_message_$post[postid]','es','ml');">
<img src="$stylevar[imgdir_button]/listen.gif" alt="Listen this post" border="0" /></a>

y el la imagen es listen.gif no escuchar.gif ya que si se deja escuchar.gif no se va a visualizar en el foro.

arreglando esto queda de 10 no me demore mas 5 min en colocarlo y es muy util.

gracias nuevamente.

saludos!

PoLiZe · 8 Oct 2009

sorry, es un error mio no sabia que el BBCode si hacias Copy&Paste se qedaba xd

y sobre el <script bla bla bla, agregé que hay que editar el HeaderInclude!

Freddyto13 · 13 Oct 2009

WoW! no sabia que esto se podia gracias manes ya lo instale y quedo perfecto me servira mucho para esos mensajes largos que dan pereza leer xD

domi681 · 5 Nov 2009

hola esta genial,
pero una cosa con IE7 me sale una ventana de error que dice internet explorer no puede abrir la pagina y un botoncito para cerrar, si le doy la pagina desaparece, vamos como error

en firefox funciona perfecto.

Alguna solución para esto?

Hola,

he encontrado un error en esto.

cuando le doy a escuchar, salta una ventanita que a veces la lee y otras no con el IE7, con firefox no hay problema tal y como dije antes, para esto hay solución?

Y el error que he encontrado es que cuando se le da al boton citar, tambien salta lo de escucha el post.

El boton citar queda inservible porque no funciona y salta lo de escuchar, como soluciono esto?

Saludos y gracias por la ayuda.

imported_OLMID · 6 Nov 2009

Yo lo tengo instalado y me funciona en los dos navegadores

Lo hice así:

1º Busca la plantilla: postbit

2º Busca dentro de la plantilla esta variable: $post[message]

3º Cambialo por esto:

Insertar CODE, HTML o PHP:

<div id="post_message_$post[postid]">
$post[message]
</div>

4º Busca dentro de la plantilla este texto: 

5º Añade debajo esto:

Insertar CODE, HTML o PHP:

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<a href="javascript:void(0);" onclick="get_id('post_message_$post[postid]','es','mlfm');"><img src="$stylevar[imgdir_button]/voz.png" alt="Escucha este Post" border="0" /></a>

6º Guarda la platilla: postbit

7º Copia la imagen del botón con el nombre voz.gif en la carpeta: images/buttons/

saludos y suerte

domi681 · 7 Nov 2009

que tengo que cambiar?

Todo el texto este:

<div id="post_message_$post[postid]">
$ad_location[ad_showthread_firstpost_start]
$post[message]
</div>

Por este que tu das?

<div id="post_message_$post[postid]">
$post[message]
</div>

Y lo que dicen arriba del navbar y demas?

imported_OLMID · 8 Nov 2009

Hola domi681

Cuando yo edité la plantilla postbit me encontré solo esto

Insertar CODE, HTML o PHP:

<!-- message -->

 $post[message]

<!-- / message -->

Entonces cambié la variable $post[message] por lo otro que te puse

En tu caso parece ser que ya está puesto, así que no tendrás que añadir nada, solo haz a partir del 4º paso y prueba a ver que tal

Aconsejo, para hacer todo este tipo de pruebas y añadidos, hacer copia de la plantilla que se va a modificar, aunque sea en un bloc de notas

O tener, como en mi caso, un foro de pruebas donde instalar y probar todas las modificaciones antes de llevarlas al foro principal

saludos

gariko · 15 Abr 2010

funciona a la perfeccion aqui teneis un ejemplo de como queda: EDITADO

Nota administrativa: Prohibida la autopromoción en vBHispano.

zpriiTe · 2010-08-19T01:45:10-0500

gracias por el aporte.. me servira mucho xd

Freddyto13 · 27 Sep 2010

Funcionara igual para vbulletin 4?

imported_NkC · 28 Sep 2010

No pasa nada con el link de demo

, podrias colocar otro porfa.

imported_Ryuk · 28 Sep 2010

En vB4 deberia funcionar solo cambiaria la posicion del boton.

NkC la modificacion tiene como fecha 07/10/2009 ya casi 1 año, es la misma fecha que el autor no anda por estos lados dudo que todavia tenga esta modificacion.

Pd. quito el demo ya que no sirve. ^^

Freddyto13 · 28 Sep 2010

Pero en vbulletin 4 las variables no son algo distintas?

imported_NkC · 28 Sep 2010

Solo queda probar xD

imported_Ryuk · 28 Sep 2010

Si te fijas en el codigo no contiene nada con relacion a variables de vBulletin, excepto "$stylevar[imgdir_button]/listen.gif" pero eso se soluciona cambiandolo por la ruta real.

Lo unico que comentaba arriba es encontrar el lugar para colocar el boton, pero ese es el paso mas facil.

nitroermalinua · 1 Nov 2010

Buenas pues ami sigue sin funcionarme y ya no se que es lo que hago mal

aqui os pongo el postbit

<li class="postbit postbitim postcontainer" id="post_{vb:raw post.postid}">
<div class="postdetails_noavatar">
<div class="posthead">
<vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>
<span class="postdate {vb:raw post.statusicon}">
<vb:if condition="$show['announcement']">
<span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
<vb:else />
<span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']"> <span class="time">{vb:raw post.posttime}</span></vb:if></span>
</vb:if>
</span>
<span class="nodecontrols">
<vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">
<a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>
</vb:if>
<vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if>
<vb:if condition="$show['inlinemod']">
<input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" />
</vb:if>
</span>
<vb:if condition="$show['inlinemod']"></label></vb:if>
</div>

<div class="userinfo<vb:if condition="!$show['avatar']">_noavatar</vb:if>">
<div class="contact">
<vb:if condition="$show['avatar']">
<a class="postuseravatarlink" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<vb:if condition="$post.avatarurl">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
<vb:else />
<img src="{vb:stylevar imgdir_misc}/unknown.gif" />
</vb:if>
</a>
</vb:if>
<div class="username_container">
<vb:if condition="$post['userid']">
{vb:raw memberaction_dropdown}
{vb:raw post.onlinestatus}
<vb:else />
<span class="username guest">{vb:raw post.username}</span>
</vb:if>
<span class="usertitle">
{vb:raw post.usertitle}
</span>
<vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if>

{vb:raw template_hook.postbit_userinfo_left}
<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
</vb:if>
<vb:if condition="$post['userid']">
<div class="imlinks">
{vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
</div>
</vb:if>
</div>
</div>
<vb:if condition="$post['userid']">
<div class="userinfo_extra">
<dl class="userstats">
<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
<vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
<vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>
{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
<vb:if condition="$show['infraction'] OR $show['reppower']">
<dl class="user_rep">

<vb:if condition="$show['infraction']">
<dt>{vb:rawphrase infractions}</dt>
<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
</vb:if>
<vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if>
</vb:if>
</dl>
</vb:if>
{vb:raw template_hook.postbit_userinfo_right}
</div>
</vb:if>
</div>
</div>

<div class="postbody">
{vb:raw template_hook.postbit_messagearea_start}
<div class="postrow">
<vb:if condition="$post['title'] OR $show['messageicon'] OR $show['inlinemod']">
<h2 class="posttitle icon">
<vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
</h2>
</vb:if>
<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_start}
{vb:raw ad_location.thread_first_post_content}
</vb:if>
<vb:if condition="$post['islastshown']">
{vb:raw ad_location.thread_last_post_content}
</vb:if>
<div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore">
{vb:raw post.message}
</blockquote>
</div>

<vb:if condition="$show['attachments']">
<div class="attachments">

<vb:if condition="$show['thumbnailattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw post.thumbnailattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
{vb:raw post.imageattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachmentlink']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw post.imageattachmentlinks}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['otherattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw post.otherattachments}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['moderatedattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend>
<ul>
{vb:raw post.moderatedattachments}
</ul>
</fieldset>
</vb:if>

</div>

</vb:if>

</div>
<vb:if condition="$show['postedited']">

<blockquote class="postcontent lastedited">

<vb:if condition="$show['postedithistory']">
{vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date},
{vb:raw post.edit_time}, {vb:raw post.historyurl}}
<vb:else />
{vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
</vb:if>
<vb:if condition="$post['edit_reason']">
<span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
</vb:if>
</blockquote>

</vb:if>

{vb:raw template_hook.postbit_signature_start}
{vb:raw ad_location.ad_showthread_firstpost_sig}
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>

{vb:raw template_hook.postbit_signature_end}
</div>
</div>
<div class="postfoot">
<div class="textcontrols">
<span class="postcontrols">
<img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
<vb:if condition="$post['editlink']">
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>
<span class="seperator"> </span>
</vb:if>

<vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
<a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a>
<span class="seperator"> </span>
</vb:if>

<vb:if condition="$post['replylink']">
<a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow" ><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a>

<span class="seperator"> </span>
</vb:if>
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<a href="javascript:void(0);"
onclick="get_id('post_message_$post[postid]','es','ml');">
<img src="$stylevar[imgdir_button]/listen.gif" alt="Listen this post" border="0" /></a>
<vb:if condition="$show['multiquote_post']">
<a class='multiquote' href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" /> </a>
</vb:if>
</span>

<span class="postlinking">
<vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
<vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
<a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
<span class="seperator"> </span>
</vb:if>
</vb:if>
{vb:raw template_hook.postbit_controls}

{vb:raw post.iplogged}
<vb:if condition="$post['forwardlink']">
<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow" ><img src="{vb:stylevar imgdir_button}/reply_40b.png" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
<span class="seperator"> </span>
</vb:if>

<vb:if condition="$show['reputationlink']">
<span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&p={vb:raw post.postid}" title="{vb:rawphrase add_reputation}" rel="nofollow" id="reputation_{vb:raw post.postid}"> </a></span>
</vb:if>

<vb:if condition="$show['infractionlink']">
 <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}">  </a>  
</vb:if>
<vb:if condition="$show['reportlink']">
 <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"> </a>  
</vb:if>

<vb:if condition="$show['moderated']">
<img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
</vb:if>
<vb:if condition="$show['spam']">
<img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
</vb:if>
<vb:if condition="$show['deletedpost']">
<vb:if condition="$show['managepost']">
<a class="deleted" href="postings.php?{vb:raw session.sessionurl}do=managepost&p={vb:raw post.postid}" title="{vb:rawphrase manage}">  </a>
<vb:else />
<img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
</vb:if>
</vb:if>
<vb:if condition="$show['redcard']">
<a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}">  </a>
<vb:elseif condition="$show['yellowcard']" />
<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}">  </a>
</vb:if>
</span>
</div>
</div>
<hr />
</li>
{vb:raw template_hook.postbit_end}

tmb edite de esta misma forma el postbit legacy y añadi al headerinclude
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
pero nada no funciona alguien lo instalo en vbulletin 4?

Actors · 2 Nov 2010

En VB 4.08 no encontre $post[message] en el postbit.