sábado, 23 de noviembre de 2013

Cómo obtener la barra de navegación en el lado de la bandera de TypePad

Por defecto, la mayoría de los diseños de TypePad tienen la navegación bar por debajo de la bandera. A pocos tienen la navegación bar por encima de la bandera. Muy pocos, si alguno, tiene una barra de navegación junto a la bandera. Sin embargo, esto es factible en cualquier diseño. Se requiere de varios comandos básicos de CSS, y algo de ensayo y error. Sin embargo, el proceso es simple que sólo podría tener que jugar con él un poco para conseguir la posición perfecta. 

NAVEGACIÓN BANDERA



Ingrese a su cuenta TypePad.



Haga clic en Diseño y, a continuación CSS personalizado.



Agregue el siguiente fragmento de código en la parte inferior (en la CSS, el orden no importa):



# Banner {position: float;}



Agregar un segundo trozo de código debajo:



# Nav {position: float; margin-left: XXX;}



Cambie el XXX a un gran número de píxeles y haga clic en Vista previa. Usted puede tratar de 100 a comenzar con, por ejemplo. La bandera y la barra de navegación están en la misma línea - la de dos posiciones: los comandos de flotador logrado eso. Pero hay que mover la barra de navegación de manera que ellos no se superponen.



Siga cambiando el número de píxeles hasta obtener la posición correcta. Un número mayor se moverá más lejos hacia la derecha. Cada diseño es diferente, así que es posible que tenga que seguir ajustando el número hasta que se vea bien.



Haga clic en Guardar cuando haya terminado.



 

No hay comentarios:

Publicar un comentario