Articles taggés avec 'CSS'


Snippet WordPress: ajouter des styles et des scripts pour Type de message personnalisé

Maintenant que WordPress vous permet de créer des types de poste de douane (CPT), il devient utile de pouvoir ajouter nos styles et nos script lorsque vous affichez ou modifiez nos postes. La meilleure façon de faire qui est compatible avec version 3.3 est la suivante:

1
2
3
4
5
6
7
, function ( ) { add_action ('admin_enqueue_scripts', function () {
; global $ typenow;
$typenow == 'id_custom_post' ) { if ($ typenow == 'id_custom_post') {
, 'css/customstyle.css' ) ; wp_enqueue_style ('key_style »,« css / customstyle.css');
, 'js/customscript.js' ) ; wp_enqueue_script ('key_script', 'js / customscript.js');
}
});

Suite ...

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 ...

Coding Guidelines

Lorsqu'ils ne sont plus travailler seul pour tous les développeurs vient le temps de trouver des indications dans l'écriture de code. Les protocoles et les normes qui permettent de «lire» facilement et intervenir (plus facilement) dans le code des autres.
Lorsque nous travaillons sur un projet plus programmeurs, souvent des langues différentes, vous devez trouver une forme commune de l'écriture, internes et externes des normes de documentation dans le code. Dans mon travail, je suis généralement d'interagir avec:

  • Objet-C, C / C + +
  • PHP
  • HTML
  • JavaScript
  • Actionscript
  • CSS

Suite ...

PhpStorm 2.0

PHP IDE dédié au développement sont nombreuses, allant de la gratuité à ceux payés. Pendant longtemps, j'ai utilisé des outils tels que Eclipse ou Aptana , venant de faire usage de rédacteurs spécialisés en HTML / JavaScript et - même - CSS. Depuis maintenant un an, cependant, je crois que j'ai trouvé un environnement complet que la finalité, du moins dans mon cas, il résout tous mes problèmes: PhpStorm .

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 ...

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 ...

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 ...

Shadowbox 3.0 beta

Il a été libéré dès maintenant (merci d'alerter l'auteur Michael Jackson MOC ) de la version 3.0 beta Shadowbox.js . En plus de la conception du nouveau site ici est le changement le plus important avant ce communiqué:

Suite ...

Eliminer l'effet d'ombre du dialogue jQuery UI

Dans la dernière révision de jQuery UI a été éliminé l'option shadow qui ont permis d'éliminer l'ombre autour de la boîte de dialogue. L'option, étrangement, joue encore son rôle, mais, en revanche, produit une erreur de Javascript et empêche la circulation d'un dialogue:

Suite ...