Catégorie «CSS»


La règle de la logique et en CSS

Une caractéristique des feuilles de style qui connaissent peu et l'utilisation est la capacité à définir la règle de la «concurrence» des classes! Une étiquette, en fait, peut posséder une ou plusieurs classes associées, ce qui rend ce dernier extrêmement polyvalent, ainsi que mon préféré. Combien de développeurs utilisent à faire, j'ai tendance à associer les ID quelques règles CSS, le cas échéant. Idéalement, logiquement, serait entrer l'ID uniquement à des fins de script, car il identifie de manière unique un élément dans le DOM.

Suite ...

WordPress shortcode tableau

Permettez-moi de démontrer comment utiliser le shortcode - indenté (imbriqués) - WordPress pour créer des tables à insérer dans les messages et les pages. Par exemple, je vais vous montrer comment créer des tableaux comparatifs, ceux qui sont utilisés pour comparer les caractéristiques des applications ou des produits, tels que:

Suite ...

Très court extrait: diaporama de 10 lignes de code

Laissez-moi vous montrer comment mettre en œuvre un diaporama simple des 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.

Suite ...

Comment sélectionner un groupe de balises qui n'ont pas d'enfants d'un certain type

jQuery est jusqu'à la version 1.4! En plus de plusieurs nouvelles fonctionnalités et les «habituels» réécriture du code, tous les documents ont été révisés dans un très 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 possession de l'attribut target mis à _blank !

Suite ...

Firefox 3.5.7: comment corriger le défaut des bords arrondis d'une image

Parfois vous avez juste déplacer un élément, changer le point de vue, pour résoudre un problème semble insurmontable. Quand on a à faire avec la compatibilité entre les navigateurs et les CSS, en inventant des solutions "spectaculaire" (cascades dirais) est à l'agenda. , per Safari e Google Chrome. Qu'est-ce que je vous montre une manière facile d'appliquer les coins arrondis des images en utilisant -moz-border-radius , qui est disponible pour Mozilla Firefox et -webkit-border-radius , Safari et Google Chrome.

Suite ...

Personnalisation d'un formulaire graphique

On m'a demandé comment personnaliser une forme graphique, en particulier une boîte de recherche comme celui sur ce blog. La technique utilisée, ou plutôt que j'utilise, est évidemment valable pour tout type de forme de module. Ce qui change est que la complexité du travail à faire en fonction de la complexité de la forme elle-même.

Suite ...

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 thème alternatif graphiques, à savoir «clair».

Le thème graphique d'un blog est choisi par le propriétaire du blog lui-même, ou si elle est créée par la main, si elle a été téléchargée à partir du réseau. Le résultat final, cependant, en plus de "nous" les propriétaires devraient être ravis par nos visiteurs qui n'apprécient pas toujours les choix de certains aménagement. Pour certains, ce sera insignifiant pour d'autres merveilleux, pour d'autres encore terriblement ennuyeux! Alors pourquoi ne pas choisir le "visiteur" pour afficher la mise en page avec notre blog?

Suite ...

Très court astuce: CSS conditionnelle et l'optimisation

L'utilisation de conditions dans le navigateur est souvent utilisé pour décider quelle feuille de style à la charge selon le type de navigateur. Par exemple, nous pouvons utiliser ce code pour charger une feuille de style en particulier lorsque le navigateur est Internet Explorer 6:

Suite ...

WordPress: personnaliser la navigation entre les poteaux

WordPress offre de nombreuses fonctionnalités pour naviguer à travers les différents postes et des pages en avant et en arrière. Ils sont utilisés dans les thèmes, souvent dans un environnement complètement interchangeables, bien qu'ils contiennent quelques différences. Ceci, en fait, de créer beaucoup de confusion dans le choix de la fonction à utiliser. Voici quelques notes:

Suite ...

Très court astuce: désactiver le redimensionnement d'un textarea sur Safari

En tout navigateur développé à partir du moteur de rendu WebKit (sur rendez-vous que Safari ou Google Chrome ), les champs textarea montrent, en bas à droite, le trait caractéristique de redimensionnement. Si ce caractère spécifique peut s'avérer très utile dans certains cas, dans d'autres il devient un élément de nuisance.

Suite ...