Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/plugins/avatarep.php on line 1102

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/mybb-es.com/html/inc/class_language.php on line 201
[Tutorial] Social Buttons [Fixed & Deslizantes]
Páginas (5):    1 2 3 4 5   
Jean Pierre   20 Feb, 2014, 4:15 pm
#11
(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.
storm   20 Feb, 2014, 4:23 pm
#12
Ahora se ve de forma correcta, pero no se desliza del todo, se queda corto.

[Imagen: 2lt0pog.png]
Jean Pierre   20 Feb, 2014, 4:28 pm
#13
@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:
<?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
storm   20 Feb, 2014, 4:33 pm
#14
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.
Nove   26 Feb, 2014, 5:43 am
#15
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
Pilar1977   26 Feb, 2014, 5:49 am
#16
(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
Nove   26 Feb, 2014, 5:57 am
#17
(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
Excalibur_84   10 Apr, 2014, 8:20 am
#18
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.
storm   10 Apr, 2014, 8:39 am
#19
(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:
<?php 
<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>

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:
<?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'>
<
a class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<
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>
<
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>
<
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>
<
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>
<
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
Excalibur_84   10 Apr, 2014, 8:50 am
#20
(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:
<?php 
<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>

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:
<?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'>
<
a class='itemsocial' href='url de facebook' id='facebook-btn' target='_blank'><span class='social'><span class='texto'>Síguenos via Facebook</span></span></a>
<
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>
<
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>
<
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>
<
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>
<
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
Páginas (5):    1 2 3 4 5   
  
Powered By MyBB, © 2002-2024 MyBB Group.
Made with by Curves UI.