{"id":263,"date":"2016-03-15T08:02:14","date_gmt":"2016-03-15T07:02:14","guid":{"rendered":"http:\/\/www.captradinggroup.com\/fr\/?p=263"},"modified":"2016-03-15T08:02:14","modified_gmt":"2016-03-15T07:02:14","slug":"css-dans","status":"publish","type":"post","link":"http:\/\/www.captradinggroup.com\/fr\/css-dans\/","title":{"rendered":"CSS Dans"},"content":{"rendered":"

HTML comme un langage de script ne cesse d’\u00e9voluer. 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 \u00e0 l’avenir aussi pur langage de script performant et CSS reprend la conception de la mise en page. Dans le r\u00e9seau, c’est souvent le cas que les navigations sont surmont\u00e9es avec Hoverbildern et Javascriptfunktionen. Thermoexpandable il y probl\u00e8mes avec search engine optimization. Primerica<\/a> oftentimes addresses this issue. Je veux ici vous montrer comment sa navigation simple et rapide avec effet de survol peut cr\u00e9er une CSS. Nettoyer sans indexation JavScript cloches et de sifflets, tous les moteurs de recherche. <\/p>\n

Le bref didacticiel est bient\u00f4t disponible \u00e0 flamingo-style.de. Nous y voil\u00e0.. ! Ouvre un \u00e9diteur de votre choix de le faire. (Je pr\u00e9f\u00e8re TopStyle Lite…) Il est plus efficace d’attribuer une classe. Dans mon exemple, j’appelle le temps .navi comme la premi\u00e8re, nous prenons le : lien ci-dessus. #333333, J’ai choisi un gris fonc\u00e9 comme couleur d’arri\u00e8re-plan. Dans l’\u00e9diteur, nous \u00e9crivons code suivant : .navi a: link {background-color: #333333;} Ensuite, nous attribuons une largeur et une hauteur. <\/p>\n

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 \u00e9lev\u00e9. Simplement que je trouve. Donc, je pardonne un style de police, taille et couleur pour la premi\u00e8re fois. Comme obtenir des polices j’aime Verdana, juste semble toujours bon. Nous d\u00e9finissons 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\u00e9senter maintenant comme illustr\u00e9 ci-dessus. Maintenant, nous allons les choses s\u00e9rieuses. Il s’ensuit que le positionnement. Alignement \u00e0 gauche. Distance d\u00e9finie \u00e0 gauche \u00e0 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\u00e9e. 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\u00eame un peu mieux, il y a toujours un cadre agr\u00e9able. .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\u00e9. Vous \u00eates maintenant dans la s\u00e9rie. Il manque encore les Pseudo-classes : hover,: a visit\u00e9 et : active. Vous pouvez rendre la conception plus le d\u00e9sir lui-m\u00eame. Si vous voulez maintenant utiliser la classe, d\u00e9finit le jour comme la classe class = navi un. Ce d\u00e9lai pass\u00e9 la mise en forme du fichier CSS pour le lien. J’esp\u00e8re donc, qu’il aid\u00e9 un peu. MFG zulaut78 pour des suggestions ou des questions plus est vous ma page Flamingo-style.de disponible<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML comme un langage de script ne cesse d’\u00e9voluer. 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 \u00e0 l’avenir aussi pur langage de script performant et CSS reprend la conception de la mise en page. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[12],"class_list":["post-263","post","type-post","status-publish","format-standard","hentry","category-general","tag-nouvelles-2"],"_links":{"self":[{"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/posts\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":1,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"predecessor-version":[{"id":264,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/posts\/263\/revisions\/264"}],"wp:attachment":[{"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.captradinggroup.com\/fr\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}