(20 Feb, 2014, 4:11 pm)storm escribió: Y cómo descargo la imagen de forma correcta, yo le doy botón derecho, guardar imagen como..
Se hace de otra forma?¿

Por supuesto, lo que ves allí es un preview nada más que está redimensionado por MyBB, dale click a la imagen y se te abrirá una nueva pestaña en tu navegador con la imagen (que por cierto aparentemente no verás nada pero es porque se pierde la imagen de color blanco entre el fondo blanco del navegador) les das click derecho a la imagen y la guardas en tu computadora, luego la subes a tu carpeta images y ya debería verse los tamaños originales.
Ahora se ve de forma correcta, pero no se desliza del todo, se queda corto.

[Imagen: 2lt0pog.png]
@storm eso lo dejé en el tema principal, lee la parte de Datos Adicionales en donde indico esto:

Si tienen problemas con el alineamiento al pasar el cursor del mouse sobre los botones simplemente ir a la plantilla header y buscar esta línea de código:

Código PHP:
jQuery(this).animate({width:'160'}, 500'easeOutBounce',function(){}); 

Ahora lo que tienes que hacer es jugar con el valor del width ya que parece que 160 es muy poco por el tamaño y estilo de fuente que tiene tu foro, así que ponle 190 o 210, ve probando hasta que tengas un alineamiento perfecto en tu foro.

Espero te sirva Rolleyes
Jean Pierre, te doy las gracias, ya no sólo por la ayuda, sino por tu inmensa paciencia.
Da gusto dar con gente como tú por los foros.

Gracias, gracias, gracias.
Muy buen tuto y me gusto mucho el aporte... Si quisiera ponerlo que me quede un poco mas debajo, osea como en esta imagen que quede debajo de lo negro como haría?

Screenshot by Lightshot

Saludos, y gracias jean! Big Grin
(26 Feb, 2014, 5:43 am)Nove escribió: Muy buen tuto y me gusto mucho el aporte... Si quisiera ponerlo que me quede un poco mas debajo, osea como en esta imagen que quede debajo de lo negro como haría?

Screenshot by Lightshot

Saludos, y gracias jean! Big Grin

Muy facil, entras en estilos, plantilla css creada para los botones, y donde pone top: 130 px, lo cambias por el valor que quieras, por ejemplo en mi pantalla, poniendo 300 se queda en medio.
Saludos
(26 Feb, 2014, 5:49 am)Pilar1977 escribió:
(26 Feb, 2014, 5:43 am)Nove escribió: Muy buen tuto y me gusto mucho el aporte... Si quisiera ponerlo que me quede un poco mas debajo, osea como en esta imagen que quede debajo de lo negro como haría?

Screenshot by Lightshot

Saludos, y gracias jean! Big Grin

Muy facil, entras en estilos, plantilla css creada para los botones, y donde pone top: 130 px, lo cambias por el valor que quieras, por ejemplo en mi pantalla, poniendo 300 se queda en medio.
Saludos

Gracias pilar, ya lo había echo viéndolo un poco mejor estaba algo fácil pero olvide editar mi respuesta pero gracias Big Grin
Muy buen tuto, ya lo e implementado en mi web.
Ahora bien, se podria quitar un icono, ya que no quiero tener pinterest, como se podria quitar?

Gracias.
- - - Actualizado - - -
O mejor aun cambiarlo x otro como twitch...
Última modificación: 10 Apr, 2014, 8:21 am por Alerxs.
(10 Apr, 2014, 8:20 am)Excalibur_84 escribió: Muy buen tuto, ya lo e implementado en mi web.
Ahora bien, se podria quitar un icono, ya que no quiero tener pinterest, como se podria quitar?

Gracias.
- - - Actualizado - - -
O mejor aun cambiarlo x otro como twitch...

Es muy sencillo: En este código eliminas las líneas referentes a los que quieras quitar, en tu caso esto:

Código PHP:
<class='itemsocial' href='url de pinterest' id='pinterest-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Pinterest</span></span></a

Si quieres añadir otro, simplemente debes seguir el mismo código, guardar el icono en tu base de datos y poner lo que queramos poner.



Código PHP:
<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'160'}, 500'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'43'}, 500'easeOutBounce',function(){});
});
});
</
script>

<
div class='botones-sociales derecha hidden-phone hidden-tablet'>
<
class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<
class='itemsocial' href='url de twitter' id='twitter-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Twitter</span></span></a>
<
class='itemsocial' href='url de google+' id='google-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Google</span></span></a>
<
class='itemsocial' href='url de pinterest' id='pinterest-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Pinterest</span></span></a>
<
class='itemsocial' href='url de youtube' id='youtube-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Youtube</span></span></a>
<
class='itemsocial' href='url del feed' id='rss-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via RSS</span></span></a>
</
div


Saludos
(10 Apr, 2014, 8:39 am)storm escribió:
(10 Apr, 2014, 8:20 am)Excalibur_84 escribió: Muy buen tuto, ya lo e implementado en mi web.
Ahora bien, se podria quitar un icono, ya que no quiero tener pinterest, como se podria quitar?

Gracias.
- - - Actualizado - - -
O mejor aun cambiarlo x otro como twitch...

Es muy sencillo: En este código eliminas las líneas referentes a los que quieras quitar, en tu caso esto:

Código PHP:
<class='itemsocial' href='url de pinterest' id='pinterest-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Pinterest</span></span></a

Si quieres añadir otro, simplemente debes seguir el mismo código, guardar el icono en tu base de datos y poner lo que queramos poner.



Código PHP:
<script type='text/javascript'>
jQuery.noConflict();
jQuery(window).load(function(){
jQuery('.botones-sociales .social').mouseenter(function(){
jQuery(this).stop();
jQuery(this).animate({width:'160'}, 500'easeOutBounce',function(){});
});
jQuery('.botones-sociales .social').mouseleave(function(){
jQuery(this).stop();
jQuery(this).animate({width:'43'}, 500'easeOutBounce',function(){});
});
});
</
script>

<
div class='botones-sociales derecha hidden-phone hidden-tablet'>
<
class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<
class='itemsocial' href='url de twitter' id='twitter-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Twitter</span></span></a>
<
class='itemsocial' href='url de google+' id='google-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Google</span></span></a>
<
class='itemsocial' href='url de pinterest' id='pinterest-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Pinterest</span></span></a>
<
class='itemsocial' href='url de youtube' id='youtube-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Youtube</span></span></a>
<
class='itemsocial' href='url del feed' id='rss-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via RSS</span></span></a>
</
div


Saludos

Gracias, ya lo e quitado, lo que me podrias especificar mejor como meto otro, osea como meto twich