Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Navbar Social

Estas en el tema de Navbar Social en el foro de WordPress en Foros del Web. Estoy buscando hacer un navbar social con contador de comparticiones igual que tienen en la web de ipadizate. Si os fijáis al principio del post ...
  #1 (permalink)  
Antiguo 18/10/2014, 12:47
Avatar de mikasa  
Fecha de Ingreso: febrero-2014
Mensajes: 15
Antigüedad: 6 años, 8 meses
Puntos: 0
Navbar Social

Estoy buscando hacer un navbar social con contador de comparticiones igual que tienen en la web de ipadizate.

Si os fijáis al principio del post están los iconos de las distintas redes sociales y un contador de comparticiones, pero si haces scroll y llegas justo hasta esa sección se activa un navbar con fondo negro que nos muestras las comparticiones y nos muestra los botones de nuevo. [URL="http://www.ipadizate.es/2014/10/18/apple-imac-pantalla-retina-5k-109863/"]http://www.ipadizate.es/2014/10/18/apple-imac-pantalla-retina-5k-109863/[/URL]

He visto que ellos tienen la web en wordpress, sabe alguien si es un plugin o algo hecho con JS? o si sabéis de algun plugin que haga algo similar... GRACIAS

Un saludo
  #2 (permalink)  
Antiguo 18/10/2014, 15:10
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Navbar Social

eso lo puedes hacer con js fácilmente

lee sobre esta propiedad de jquery
http://api.jquery.com/scrolltop/
  #3 (permalink)  
Antiguo 18/10/2014, 15:33
Avatar de mikasa  
Fecha de Ingreso: febrero-2014
Mensajes: 15
Antigüedad: 6 años, 8 meses
Puntos: 0
Respuesta: Navbar Social

Hola!

Conozco esa propiedad, pero sé cambiar de color tipo

Código:
$(document).ready(function(){       
            var scroll_pos = 0;
            $(document).scroll(function() { 
                scroll_pos = $(this).scrollTop();
                if(scroll_pos > 110) {
                    $(".navbar-inverse").css('background-color', '#323232');
                } else {
                    $("navbar-inverse").css('background-color', '#1eb0dc');
                }
            });
});
Pero como cambio el color y el contenido?
  #4 (permalink)  
Antiguo 18/10/2014, 19:13
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.747
Antigüedad: 12 años, 7 meses
Puntos: 1134
Respuesta: Navbar Social

Lo que yo haría es crear dicha barra desde que carga la pagina, usar display para ocultarla, position fixed para mantenerla en el mismo lugar todo el tiempo y jquery solo seria para mostrar u ocultar según la posición en que se encuentre.

Etiquetas: plugin
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:00.