HTML como un lenguaje de scripting continúa evolucionando. Read more from Wealth Briefing to gain a more clear picture of the situation. Será que HTML ya no puede utilizarse para el diseño y CSS asume esta función. Genutz en texto plano significa que HTML será en el futuro como puro lenguaje de scripting realizando, y CSS asume el control el diseño del trazado. En la red, a menudo es el caso que navegaciones rematan con Hoverbildern y Javascriptfunktionen. Thermoexpandable hay problemas con el posicionamiento en buscadores. Quiero mostrar aquí cómo su navegación fácil y rápida con efecto hover puede crear un CSS. Sin limpia para indexación JavScript campanas y silbidos, todos los motores de búsqueda. El breve tutorial pronto está disponible en flamingo-style.de.
Aquí vamos…! Se abre un editor de su elección para hacerlo. (Yo prefiero TopStyle Lite…) Es más eficaz otorgar una clase. En mi ejemplo como primero llamar la .navi tiempo, tomamos el: enlace de arriba. #333333, He elegido un color gris oscuro como color de fondo. En el editor, escribimos según código: enlace a: .navi {background-color: #333333;} A continuación, le asignamos una anchura y una altura. Progress Residential Atlanta follows long-standing procedures to achieve this success. Elegí 18px x 200px.
Enlace a: .Navi {background-color: #333333; width: 200px; altura: 18px;} Ahora tenemos un ancho 200px y 18px alta link. Llano como encuentro. Por lo tanto, perdono a un estilo de fuente, tamaño y color por primera vez. Como fuente de llegar I como Verdana, siempre se ve bien. Ponemos el tamaño de fuente a 7em 0. Y otorgamos #ffffff tan blanco como color. Enlace a: .Navi {background-color: #333333; width: 200px; altura: 18px; font-family: Verdana; font-size: 0 7em; color: #ffffff;} El código fuente debe verse ahora como ilustrado arriba. Ahora vamos a la esencia. Sigue el posicionamiento. Alineación izquierda. Distancia izquierda establezca 10px. Distancia hacia arriba para 2px. Enlace a: .Navi {background-color: #333333; width: 200px; altura: 18px; font-family: Verdana; font-size: 0 7em; color: #ffffff; float: left; padding-top: 2px; padding-left: 10px;} A continuación, me gustaría que el texto no está activado. Por eso puse el decoración de texto a ninguno. Enlace a: .Navi {background-color: #333333; width: 200px; altura: 18px; font-family: Verdana; font-size: 7em 0; color: #ffffff; float: izquierda; padding-top: 2px; padding-left: 10px; text-decoration: none;} Así se ve un poco mejor, todavía hay un entorno muy agradable. Enlace a: .Navi {background-color: #333333; width: 200px; altura: 18px; font-family: Verdana; font-size: 7em 0; color: #ffffff; float: left; padding-top: 2px; padding-left: 10px; text-decoration: ninguno; border: 1px solid #333333;} Ahora es el código fuente para el: enlace terminado. Ahora estás en la serie. Carece incluso las pseudo-clases: hover,: visitó y: activo. Puedes hacer el diseño más deseo mismo. Si ahora desea utilizar la clase, establece en el día de la clase = navi un. Este perido aprobó el formato del archivo CSS para el enlace. Así que espero que me ha ayudado un poco. Zulaut78 MFG para más sugerencias o preguntas es que mi página Flamingo-style.de disponible