Iconos para los links like y share de vBSEO como en vBHispano

A

Angel Srto Seguir

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Sep 2010
Mensajes
355
Esta es una pequeña modificación para ponerle iconos en los links Me gusta y Compartir de los mensajes.

1 - Primero editamos la plantilla vbseo_likeshare y buscamos por:

HTML: 
<a href="#" onclick="return false" class="vbseo_like_link"><vb:if condition="$own_liked">{vb:phrase vbseo_unlike}<vb:else />{vb:phrase vbseo_like}</vb:if></a>

Reemplazar por:
HTML: 
<a href="#" onclick="return false" class="vbseo_like_link<vb:if condition="$own_liked"> like-icon-del<vb:else /> like-icon</vb:if>"><vb:if condition="$own_liked">{vb:phrase vbseo_unlike}<vb:else />{vb:phrase vbseo_like}</vb:if></a>

2 - Editar la plantilla vbseo_buttons.css y ponemos el siguiente código al principio:

HTML: 
.vbseo_links .like-icon, .vbseo_links .like-icon-del, .vbseo_links .vbseo_share > A  {
	height: 16px;
	padding-left: 19px;
	display: block;
}
.vbseo_links .like-icon {
	background: url("vbseo/resources/images/forum/vbseo_like_add.png") no-repeat left center transparent;
}
.vbseo_links .like-icon-del {
	background: url("vbseo/resources/images/forum/vbseo_like_del.png") no-repeat left center transparent;
}
.vbseo_links .vbseo_share > A {
	background: url("vbseo/resources/images/forum/vbseo_share.png") no-repeat left center transparent;
}

El código CSS bien podría ir en la plantilla additional.css, el ponerlo en la de vBSEO es preferencia mia.

4 - Descargar el archivo zip y subir las imagenes al directorio vbseo/resources/images/forum/

Screenshot:
Ver el archivo adjunto 4674
 
H

hotcubano

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Sep 2010
Mensajes
116
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Instalado :) :)

Ed: No me sale el corazon. Y probe el paso 2 con las dos plantillas, y no se ve. Lo demas si esta bien. Que puede ser?

---------- Actualizado a las 20:16 ---------- Original a las 19:09 ----------

De la forma anteiror no me salia las imagen del corazon. Y lo hice de esta forma para el que le sirva.

Descargamos y subimos las imagenes donde explican mas arriba.

Entramos a adminCP> Idiomas y Frases> Buscar en fases> y buscamos la frase like en el producto vbseo. Depues editamos el que dice like solo, y en la traduccion al espanol ponemos esto
HTML: 
<img src="vbseo/resources/images/forum/vbseo_like_add.png" /> Me Gusta
Y guardan.

Ahora para hacen los mismo de arriba, solo buscando la frase unlike
y utilizan este codigo
HTML: 
<img src="vbseo/resources/images/forum/vbseo_like_del.png" /> Ya no me Gusta
Ahora para hacen los mismo de arriba, solo buscando la frase share
y utilizan este codigo
HTML: 
<img src="vbseo/resources/images/forum/vbseo_share.png" /> Compartir
 
A

Angel Srto

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Sep 2010
Mensajes
355
Era error con la clase, había puesto otra diferente en el código, ahí lo he corregido.

Saludos.
 
tetsu

tetsu

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
9 Feb 2010
Mensajes
384
@hotcubano: de echo ... yo lo hice del mismo modo que tu men y si me funciono XD jejejejee
asi lo hice yo.. la forma mas sencilla :p
 
H

hotcubano

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
15 Sep 2010
Mensajes
116
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
A

Angel Srto

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Sep 2010
Mensajes
355
Se me había ocurrido hacer algo así, pero preferí tener la modificación en las plantillas y no en el lenguaje. De esa manera mantengo todo en el estilo y la traducción se queda solo como eso, frases traducidas y no parte de la presentación del foro :p
 
X

XxArcangelxX

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Feb 2011
Mensajes
5
¿Existe la traducción al español de este producto?

He intentado traducir, pero no llego a conseguirlo por el tema de las:

{1}">{2} (No llego a entender el funcionamiento).

Gracias, un saludo.
 
E

Eduardo Leon

Dseda
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
11 Oct 2009
Mensajes
1.186
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
{1}">{2} ??

Que yo sepa : {1} es una "traduccion" por ejemplo :

Sin traducir :

{1} liked this

lo traduces :

{1} le gusta esto.

entonces : {1} es como la variable de un usuario, como en el post anterior :

{1} le gusta esto :

en vbulletin (posts) :

X le gusta esto

Sabiendo que X es un usuario ..

Solo son variables que son necesarias en vbulletin ..

Saludos !
 
I

imported_lino

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 Sep 2010
Mensajes
33
de alguna manero esto se pudiera integrar a vbulletin???, esk esas planillas son de vbseo, y yo teng oes vbulletin, sera que se puede??

muchas gracias, no sabia k vbseo era un pligin, gracias ya estat
 
J

josekast

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Ago 2008
Mensajes
35
Me gusta el resultado, una pregunta.
Como puedo hacer que aparezca el botón Me gusta | Compartir al pasar el mouse encima del mensaje tal como sucede en el foro?
Gracias!!
 
J

josekast

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Ago 2008
Mensajes
35
Me fijado en vuestro codigo fuente y apraece asi:
HTML: 
<ul style="visibility: hidden;" class="v b s e o_links">

En el mio aparece asi:
HTML: 
<ul class="v b s e o_links" style="visibility: visible;">

He modificado la plantilla, v b s e o_buttons.css
Le cambie el visibility: hidden pero entonces se oculta y no hace el efecto que al pasar encima del mensaje se muestre.

Alguna idea???
 
I

imported_uben

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Feb 2009
Mensajes
16
disculpen pero esto es para 3.8.X O PARA VBULLETIN 4.X
y SI ES PARA LA VERSION CUATRO PUEDEN MODIFICAR EL CODIGO PARA LA VERSION 3.8.X PORFAVOR
 
J

josekast

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Ago 2008
Mensajes
35
Yo lo he usado para la version 4, para la 3.8 ni idea.
A ver si te contesta alguien............. suerte, porque yo no he tenido suerte.
 
W

womanizer

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Oct 2010
Mensajes
31
Entre el tema del autor y del segundo topic veo una diferencia:

En la cual el corazon se actualiza del + al - en el momento que le das click y viceversa (de la manera que dice el segundo post), pero el problema es mas estetico porque las letras se ven muy abajo y no al medio del icono.

En el tema del autor el corazon no se actualiza en el momento cuando le das click, si le das click al me gusta se mantiene con el corazon con el + (asi como en este foro) tienes que darle f5 a la web para que despues se refresque y recien salga el corazon con el - , el pro es que las letras al costado de los iconos si se ven al medio lo cual esteticamente se ve mejor.

Si alguien pudiese hacer una combinacion de ambas seria genial.
 
I

imported_Toni

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
12 Jul 2008
Mensajes
74
Veo que en VB4 el megusta y compartir aparecen solo cuando pasas por el mensaje pero a mi en la version 3.8 me aparecen siempre visibles.
¿hay alguna manera de que aparezcan solo cuando pasas el ratón por el mensaje como en este foro?
Gracias!
 
Z

zartrix

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
23 Mar 2008
Mensajes
57
Me funcionó la opción de hotcubano, de modificar directamente la traducción.
Pero los botones de Me gusta y Compartir me quedan fijos y no desaparecen.

Me debe de estar faltando alguna propiedad del css verdad? alguien me puede dar una mano con esto?
Desde ya muchas gracias.
 
Hay que estar conectado o registrado para responder aquí.
Arriba