-
Cómo obtener un botón de Twitter en Float
-
Un elemento flotante en su página web le permite ajustar el texto alrededor del elemento de la misma manera que el texto a menudo fluye alrededor de una imagen en periódicos o revistas. Flotante un botón gráfico o imagen puede mejorar el aspecto de una página web mediante la eliminación de grandes huecos y espacios en blanco entre las imágenes y el texto. Flotante también puede ayudar a reducir la longitud total de la página web, ya que el texto se sienta junto a los gráficos e imágenes. Para obtener un botón de Twitter para flotar en una página web, que necesitará para crear un elemento de diseño Cascading Style Sheet, y convocar a este comando en código de lenguaje de marcado de hipertexto para el botón de Twitter.Instrucciones
1 Poner en marcha su programa de edición de HTML, Web-codificación y programas de diseño o una herramienta de edición de texto sin formato, como el Bloc de notas Microsoft.
2 Abra la página Web que contiene el botón de Twitter que quieres flotar. Desplazarse a la sección de encabezado de la página, que es todo el código HTML y contenido entre las etiquetas <head> y </ head>.
3 Copiar y pegar el siguiente código CSS en la sección de cabecera de la página Web:
<Style type = "text / css">
/
Eliminar márgenes predeterminados y el relleno /
{
padding: 0 0 0 0;margin: 0 0 0 0
}
/ Establecer las dimensiones de la división principal /
principal {
width: 100%;flotador izquierdo
}
/ * Establecer las dimensiones de la división izquierda.
Añadir float * /
izquierda {
anchura: 72%;margin: 0 0 4% 4%;
flotador izquierdo;
}
/ * Establecer las dimensiones de la división derecha.
Añadir float * /
derecho {
anchura: 16%;margin: 0 4 0 0%;
flotador izquierdo;
}
</ Style>
Este código flotará artículos a la izquierda oa la derecha en el código HTML en el cuerpo principal de la página web.
4 Desplazarse hasta la ubicación del botón de Twitter en la sección del cuerpo principal de la página web. Esto es todo el contenido entre las etiquetas <body> y </ body>.
5 Pegue o escriba el código siguiente inmediatamente antes de que el botón de Twitter. Enter "<div id =" left ">" para flotar en el botón de Twitter a la izquierda de la página. Enter "<div id =" right ">" para flotar en el botón a la derecha de la página. Pegar "</ div>" inmediatamente después de que el botón de Twitter.6 Guarde la página Web editado y subirlo a su servidor web. El botón de Twitter ahora flotará con todo el texto envuelto alrededor del gráfico.
Consejos y advertencias
- Si su sitio web utiliza un archivo de hoja de estilos CSS independiente, agregue el código CSS en el paso 4 de este archivo en lugar de la sección de encabezado de la página web correspondiente.
- No alterar cualquiera de los valores numéricos en el ejemplo de código CSS. Todos los valores en las secciones de división izquierda y derecha deben sumar el 100 por ciento para que el código funcione correctamente.