Cómo hacer botones desplaza con la página

Una de las maneras más eficaces para promover su sitio web es permitir a los visitantes que lo haga por usted. Poniendo a su disposición los botones "Compartir", puede permitir a los visitantes a compartir fácilmente su sitio con su medio social o directorio Web de elección. El reto está en hacer esta eficaz herramienta de marketing, ya que muchos usuarios, naturalmente, saltar sobre los botonessin pensarlo mucho. El trabajo del diseñador web es para asegurarse de que se dio cuenta y considerados. Puede que esto sea posible a través del uso de un DIV (que significa "división", como en "la división de la página") y un simple truco CSS.

 

Botones de desplazamiento

 

Abrir el código fuente de la página Web que desea editar. Esto se puede hacer a través de un editor de HTML en el navegador proporcionado por su proveedor de alojamiento web o, si los archivos se guardan localmente, puede abrir el documento de página en un editor de texto básico como el Bloc de notas.

 

Pega el siguiente código en la sección HEAD del código fuente de la página:

 

Tipo style = "text / css" - # sharebuttons div {position: fixed; top: 100px; izquierda: 50px:} '/ estilo

 

La propiedad "fixed" hará cualquier cosa dentro de la DIV con el id "sharebuttons" para desplazarse por la página, permanecer visible en el mismo lugar asignado, mientras que todo lo demás se desplaza hacia arriba o hacia abajo.

 

Reemplazar "100" y "50", con sus propios valores, si lo desea. Estos números definen hasta qué punto las acciones botones serán de la parte superior e izquierda de la ventana del navegador, respectivamente.

 

Busque el código de los botones de acción. Inmediatamente antes de que comience el código, coloque el código DIV apertura.

 

div id = "sharebuttons"

 

Inmediatamente después de que el botón de codificación extremos, cierre la DIV.

 

/ Div

 

Guarde el documento y publicarlo en la Web. Si utiliza un editor HTML basado en el navegador, utilice el botón "Guardar" o la función "Publicar". Si ha editado el código en un editor de texto, guarde el archivo y subirlo a su servidor web, sustituyendo el archivo antiguo.

 

Visite la página Web en la ventana del navegador para probar los nuevos cambios. Los botones de acción deben ahora ser estático y el desplazamiento por la página.