Une caractéristique des feuilles de style que peu connaissent et utilisent est la possibilité de définir la règle de classe «compétition»! Une étiquette, en fait, peut posséder une ou plusieurs classes associées, ce qui rend celle-ci très polyvalent, ainsi que mes favoris. Comme de nombreux développeurs utilisent à faire, j'ai tendance à associer les quelques règles CSS ID, le cas échéant. L'idéal, en toute logique, il serait entrez l'ID uniquement dans le but de scripts, car il identifie de manière unique un élément dans le DOM.
Catégorie «CSS»
La règle dans le CSS logique
Tableau WordPress shortcode
Permettez-moi de vous montrer comment vous pouvez utiliser le numéro abrégé - retrait (imbriqués) - WordPress pour créer des tableaux pour être inséré dans les messages et les pages. Par exemple, je vais vous montrer comment créer des tableaux comparatifs, ceux utilisés pour comparer les particularités des applications ou des produits, tels que:

Très court extrait: diaporama de 10 lignes de code
Permettez-moi de démontrer comment il est possible de mettre en œuvre d'un simple diaporama d'images avec très peu de lignes de code, en utilisant jQuery .
Cette technique peut être mise en œuvre sur tout type de site, la chose importante est d'inclure la bibliothèque jQuery . J'ai utilisé cette technique pour un site construit dans WordPress , développé en quelques heures pour un événement.
Comment sélectionner un groupe de balises qui n'ont pas d'enfants d'un certain type
jQuery est maintenant à la version 1.4! En plus de plusieurs nouvelles fonctionnalités et la réécriture «habituel» du code, toute la documentation a été révisée dans un cadre vraiment plus lisible qu'avant. impostato a _blank ! Mais nous voyons la question de ce post, problème: ajouter, en utilisant jQuery, une classe de toutes les balises a qui ont l'attribut target fixé à _blank !
FireFox 3.5.7: comment résoudre le défaut des bords arrondis sur une image
Parfois vous avez juste à déplacer un élément, le point de vue de l'évolution, pour résoudre un problème apparemment insurmontable. Lorsque vous avez alors à faire face à la compatibilité cross-browser et CSS, inventer des solutions «spectaculaire» (cascades diraient) est au programme. , per Safari e Google Chrome. Qu'est-ce que je vous montre est un moyen simple d'appliquer des bords arrondis dans vos images à l'aide -moz-border-radius , disponible pour Mozilla Firefox et -webkit-border-radius pour Safari et Google Chrome.
Personnaliser un formulaire graphiquement
On m'a demandé comment personnaliser une forme graphique, en particulier un formulaire de recherche comme celui de ce blog. La technique utilisée, ou mieux que j'utilise, il est évidemment valable pour tout type de formulaire. Qu'est-ce qui change, c'est que la complexité du travail à effectuer en fonction de la complexité de la forme elle-même.
Un thème WordPress pour tous
Sous le titre du blog, sur la gauche, juste au-dessus de la barre de navigation, il ya un "switch" qui vous permet de passer à un autre thème graphique, plus précisément, "clair".
Le thème graphique d'un blog est choisi par le propriétaire du blog lui-même, si elle est créée par la main, si elle a été téléchargé à partir du réseau. Le résultat final, cependant, en plus de réunion "nous" propriétaires devrait être apprécié par nos visiteurs n'apprécient pas toujours que certains choix de mise en page. Pour certains, il sera insignifiant, pour d'autres merveilleuses, pour d'autres encore terriblement ennuyeux! Pourquoi, alors, ne pas choisir la mise en page "visiteur" dans laquelle afficher notre blog?
Très court astuce: Conditionnel CSS et optimisation
L'utilisation des conditions dans le navigateur est souvent utilisé pour décider qui charge la feuille de style en fonction du type de navigateur. Par exemple, nous pouvons utiliser ce code pour charger une feuille de style particulier lorsque le navigateur est Internet Explorer 6:
WordPress: personnaliser la navigation entre les poteaux
WordPress offre de nombreuses fonctionnalités pour naviguer à travers les différents postes et les pages en arrière. Ils sont utilisés dans les thèmes, souvent dans un environnement complètement interchangeables, même si elles contiennent quelques différences. Tout cela, pour être honnête, je crée une certaine confusion dans le choix de la fonction à utiliser. Voici quelques remarques:
Très court astuce: désactiver le redimensionnement d'un textarea sur Safari
Dans tous les navigateurs développé à partir du moteur de rendu WebKit (comme apputo Safari ou Google Chrome ), les champs textarea spectacle, en bas à droite, le trait caractéristique de redimensionnement. Si cette particularité peut être très utile dans certains cas, dans d'autres, il devient un facteur inquiétant.






Derniers Commentaires
Giovambattista Fazioli : @ ale: Comme le montre @ Kevin voir sur GitHub repo: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli : @ Kevin: Voir https://github.com/gfazioli/Ch roma-Key
Kevin : Très bel exemple - aimerait voir le fla trop.!
Ludovica : Bonjour! Je vais vous expliquer mon doute. Quand j'écris un billet pas ajouter des images dans l'article (si c'est le cas ...
Marco : Bonjour @ Giovan Battista Fazioli, merci pour toutes les explications de cet excellent guide. J'ai une question à ...