Un detallado tutorial sobre cómo hacer un perfil de centrado
Así que hice este Tutorial para ustedes para entender cómo hacerlo.
En primer lugar, los centrados en los perfiles son, en esencia, en su mayoría todas las secciones del perfil oculto, salvo para el "Acerca de mí" la sección.
A partir de ahí, que acaba de usar HTML puro para introducir el resto de su contenido en su página.
Su perfil de imágenes, enlaces, etc ..
Ahora vamos a empezar entonces.
Voy a explicar cada paso.
1) Al igual que con todos los demás códigos CSS, de empezar con la declaración de < style> etiquetas para definir el estilo que usted está utilizando.
los escribimos en esta forma!
<style type="text/css">
2) Ocultar la parte superior la mayoría de la sección de navegación:
#hi5-common-header{display:none;}
Por supuesto, esto es opcional, pero veo esta parece ser la tendencia de los centrados en los perfiles.
3)Centra el nombre de tu perfil
#profile-name {text-align: center;}
Este código, y la siguiente son opcionales. But it looks better with a centered profile. Pero se ve mejor con un perfil centrado.
4) Centro de su perfil de navegación:
#profile-nav {text-align: center;}
5) ocultar tus detalles de usuario
Este es un paso muy importante!
Los "datos de usuario" es el gran punto justo debajo del "perfil de navegación".
Abarca el "Cuerpo" y "Pie de página principal"
Este paso también es opcional.
Si desea ocultar completamente esta sección, como muchos lo hacen, a continuación, utilice:
#user-details {display:none;}
6)Ocultar todas la tablas de la derecha
#content-right {display: none;}
Este paso no es opcional.
Esto oculta de todos los cuadros de la derecha.
(Friends, Albums, Fives, Comments)
Por supuesto, siempre existe la opción de ocultar su izquierda el centro de las tablas y lugar correctos.
Pero de esa manera no se puede añadir cualquier contenido, que es lo importante,
y no veo a nadie que, o bien haciendo, así que ...
Voy a hacer caso omiso de esa idea;)
7) Centrar los contenidos restantes
#content-left {padding-left:250px; padding-right:250px;}
Este es probablemente el paso más importante de todas!
No es opcional.
Esto creará un relleno, 250px a la izquierda ya la derecha de la izquierda tablas.
Empujando a la directa del centro de su perfil.
Ahora debería poder ver su diseño empieza a tomar forma.
Eliminar todos los artículos innecesarios.
#recent-updates {display:none;}
#interests {display:none;}
#groups {display:none;}
#widgets {display:none;}
#journalDetail {display:none;}
Usted puede elegir lo que quiere remoave, y no eliminar.
9)Centre el texto de todo su perfil!
td{text-align:center}
10) Ahora cierra su declaración de estilos CSS con esta etiqueta:
< / style>
11) Este paso es para aquellos que saltará el paso (5), y no ocultaron sus detalles de usuario.
Utilice este código para ocultar el centro y derecha del cuerpo principal. centro y la izquierda, donde su imagen de usuario, usuario y enlaces.
#about-center {display: none;}
#about-right {display: none;}
#about-left { padding-left:250px; padding-right:250px;}
#user-picture {padding-left:155px;}
También puede añadir:
#user-details .footer {display: none;}
Si desea ocultar el pie por debajo de esa sección.
Bueno a gracias a todos ustedes y espero i les aiga servido este tutorial!
Así que hice este Tutorial para ustedes para entender cómo hacerlo.
En primer lugar, los centrados en los perfiles son, en esencia, en su mayoría todas las secciones del perfil oculto, salvo para el "Acerca de mí" la sección.
A partir de ahí, que acaba de usar HTML puro para introducir el resto de su contenido en su página.
Su perfil de imágenes, enlaces, etc ..
Ahora vamos a empezar entonces.
Voy a explicar cada paso.
1) Al igual que con todos los demás códigos CSS, de empezar con la declaración de < style> etiquetas para definir el estilo que usted está utilizando.
los escribimos en esta forma!
<style type="text/css">
2) Ocultar la parte superior la mayoría de la sección de navegación:
#hi5-common-header{display:none;}
Por supuesto, esto es opcional, pero veo esta parece ser la tendencia de los centrados en los perfiles.
3)Centra el nombre de tu perfil
#profile-name {text-align: center;}
Este código, y la siguiente son opcionales. But it looks better with a centered profile. Pero se ve mejor con un perfil centrado.
4) Centro de su perfil de navegación:
#profile-nav {text-align: center;}
5) ocultar tus detalles de usuario
Este es un paso muy importante!
Los "datos de usuario" es el gran punto justo debajo del "perfil de navegación".
Abarca el "Cuerpo" y "Pie de página principal"
Este paso también es opcional.
Si desea ocultar completamente esta sección, como muchos lo hacen, a continuación, utilice:
#user-details {display:none;}
6)Ocultar todas la tablas de la derecha
#content-right {display: none;}
Este paso no es opcional.
Esto oculta de todos los cuadros de la derecha.
(Friends, Albums, Fives, Comments)
Por supuesto, siempre existe la opción de ocultar su izquierda el centro de las tablas y lugar correctos.
Pero de esa manera no se puede añadir cualquier contenido, que es lo importante,
y no veo a nadie que, o bien haciendo, así que ...
Voy a hacer caso omiso de esa idea;)
7) Centrar los contenidos restantes
#content-left {padding-left:250px; padding-right:250px;}
Este es probablemente el paso más importante de todas!
No es opcional.
Esto creará un relleno, 250px a la izquierda ya la derecha de la izquierda tablas.
Empujando a la directa del centro de su perfil.
Ahora debería poder ver su diseño empieza a tomar forma.
Eliminar todos los artículos innecesarios.#recent-updates {display:none;}
#interests {display:none;}
#groups {display:none;}
#widgets {display:none;}
#journalDetail {display:none;}
Usted puede elegir lo que quiere remoave, y no eliminar.
9)Centre el texto de todo su perfil!
td{text-align:center}
10) Ahora cierra su declaración de estilos CSS con esta etiqueta:
< / style>
11) Este paso es para aquellos que saltará el paso (5), y no ocultaron sus detalles de usuario.
Utilice este código para ocultar el centro y derecha del cuerpo principal. centro y la izquierda, donde su imagen de usuario, usuario y enlaces.
#about-center {display: none;}
#about-right {display: none;}
#about-left { padding-left:250px; padding-right:250px;}
#user-picture {padding-left:155px;}
También puede añadir:
#user-details .footer {display: none;}
Si desea ocultar el pie por debajo de esa sección.
Bueno a gracias a todos ustedes y espero i les aiga servido este tutorial!
