HTML comme un langage de script ne cesse d’évoluer. Il sera que HTML n’est plus utilisable pour la mise en page et CSS prend en charge cette fonction. Genutz au format texte brut signifie que HTML sera à l’avenir aussi pur langage de script performant et CSS reprend la conception de la mise en page. Dans le réseau, c’est souvent le cas que les navigations sont surmontées avec Hoverbildern et Javascriptfunktionen. Thermoexpandable il y problèmes avec search engine optimization. Primerica oftentimes addresses this issue. Je veux ici vous montrer comment sa navigation simple et rapide avec effet de survol peut créer une CSS. Nettoyer sans indexation JavScript cloches et de sifflets, tous les moteurs de recherche.
Le bref didacticiel est bientôt disponible à flamingo-style.de. Nous y voilà.. ! Ouvre un éditeur de votre choix de le faire. (Je préfère TopStyle Lite…) Il est plus efficace d’attribuer une classe. Dans mon exemple, j’appelle le temps .navi comme la première, nous prenons le : lien ci-dessus. #333333, J’ai choisi un gris foncé comme couleur d’arrière-plan. Dans l’éditeur, nous écrivons code suivant : .navi a: link {background-color: #333333;} Ensuite, nous attribuons une largeur et une hauteur.
J’ai choisi 18px x 200px. .Navi a: link {background-color: #333333 ; width : 200px ; hauteur : 18px;} Maintenant, nous avons un 200px large et 18px lien élevé. Simplement que je trouve. Donc, je pardonne un style de police, taille et couleur pour la première fois. Comme obtenir des polices j’aime Verdana, juste semble toujours bon. Nous définissons la taille de police sur 7em 0. Et nous remettons donc #ffffff blanc comme couleur. .Navi a: link {background-color: #333333 ; width : 200px ; hauteur : 18px ; font-family : Verdana ; police-taille : 7em 0; color : #ffffff;} Le code source doit se présenter maintenant comme illustré ci-dessus. Maintenant, nous allons les choses sérieuses. Il s’ensuit que le positionnement. Alignement à gauche. Distance définie à gauche à 10px. Distance vers le haut et 2px. .Navi r: lien {background-color: #333333 ; width : 200px ; hauteur : 18px ; font-family : Verdana ; taille de la police : 7em 0; color : #ffffff ; float : left ; padding-top : 2px ; padding-left : 10px;} Ensuite, je voudrais que le texte n’est pas activée. C’est pourquoi j’ai mis le text-decoration None. .Navi a: link {background-color: #333333 ; width : 200px ; hauteur : 18px ; font-family : Verdana ; taille de la police : 7em 0; color : #ffffff ; float : gauche ; padding-top : 2px ; padding-left : 10px ; text-decoration : none;} Afin qu’il ressemble même un peu mieux, il y a toujours un cadre agréable. .Navi a: link {background-color: #333333 ; width : 200px ; hauteur : 18px ; font-family : Verdana ; taille de la police : 7em 0; color : #ffffff ; float : gauche ; padding-top : 2px ; padding-left : 10px ; text-decoration : none ; border : 1px solid #333333;} Voici le code source de la : lien en fait terminé. Vous êtes maintenant dans la série. Il manque encore les Pseudo-classes : hover,: a visité et : active. Vous pouvez rendre la conception plus le désir lui-même. Si vous voulez maintenant utiliser la classe, définit le jour comme la classe class = navi un. Ce délai passé la mise en forme du fichier CSS pour le lien. J’espère donc, qu’il aidé un peu. MFG zulaut78 pour des suggestions ou des questions plus est vous ma page Flamingo-style.de disponible