Articles taggés avec 'code'


jQuery: ronds bords sur les images se chevauchent

En raison de la prestation différente selon les navigateurs, Microsoft Internet Explorer certainement voir dans cet esprit, nous devons toujours avoir recours à des astuces pour appliquer des effets spéciaux qui devraient maintenant être une norme. Le prix-discuté des bords arrondis sont un exemple classique de «catastrophe» produite par l'incapacité totale de faire quelques normes sérieuses sur les pages rendent HTML / CSS. , etc… Il existe de nombreuses solutions qui permettent au réseau pour obtenir des "effets" (effets qui présentent comme étant exemptées à partir des coins arrondis HTML, des effets d'ombre, des reflets, etc ...) avec des taches sur les feuilles de styles, des astuces spéciales en utilisant div greffé, les bibliothèques Javascript, utilisation de canvas , etc ...
Sur un purement pédagogique, je vais illustrer autre technique (cross-browser) à appliquer aux bords arrondis des images:

Démo et la source

En savoir plus ...

WordPress: écrire une déconnexion personnelle

Basé sur le poste de WordPress: étape par étape comment créer leur propre login , exécutez la procédure de connexion pourrait être utile d'indiquer dans notre blog Lien de débrancher ou de se déconnecter. Nous n'allons pas utiliser à nouveau les procédures standard de WordPress, mais comme nous le verrons se déconnecter à un niveau bas. Nous devons d'abord déterminer si un utilisateur est connecté ou non. Ceci est possible en interrogeant simplement le la variable $user_ID WordPress. Par exemple:

1
2
3
$user_ID != '' ) { // oppure if( is_user_logged_in() ) { if ($ user_id! ='') {/ / ou si (is_user_logged_in ()) {
/ / Un utilisateur est "connecté" ...
}

Une fois que nous savons qui est un utilisateur "connecté" dans le système, nous pouvons insérer un simple lien vers notre page de déconnexion. Nous avons donc créer une page, par exemple, logout.php , seguende et en entrant le code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/ **
* Effectue la déconnexion
*
* @ Auteur Giovambattista Fazioli
* @ @ Email g.fazioli undolog.com
* @ Web http://www.undolog.com
* /
/ / Invoke bootstrap WordPress
( 'wp-config.php' ) ; @ Require_once ('wp-config.php');
( 'wp-includes/pluggable.php' ) ; @ Require_once ('wp-includes/pluggable.php');
/ / Wp déconnexion
wp_logout ();
/ / Chargement de n'importe quelle autre page
"Location: /" ) ; tête ("Location: /");

Et puis "lien" à notre page pour fournir une déconnexion des procédures:

1
2
3
$user_ID != '' ) { if ($ user_id! ='') {
; echo '<a href="logout.php"> Exécuter déconnexion </ a>';
}

En savoir plus ...

WordPress: l'amélioration de la liste des commentaires

Le modèle standard de WordPress (comme d'autres) prévoient normalement une disposition de remplacement pour la liste des commentaires. Dans le modèle standard d'une instance de classe est fixé css alt , selon la logique:

1
2
3
4
5
/ / Comments.php
$oddcomment ; ?> id="comment- <?php comment_ID ( ) ?> "> <? Li <php echo $ oddcomment;? "?? Comment-<Php comment_id ()>"> ID =>
[...]
/ * Change chaque fois d'autre commentaire à une classe différente * /
Oddcomment = $ (empty ($ oddcomment))? 'Class = "alt"':'';

) e una volta a class="alt" . Cela signifie que la balise li $oddcomment est fixé une fois un blanc ( "" ) et une fois par class="alt" . Une modification pourrait être utile d'introduire une autre classe lorsque l'auteur du blog pour poster un commentaire:

image

Moi, par exemple, j'ai utilisé le code suivant dans comments.php:

1
2
3
4
5
<? Php
( $comment -> user_id == 3 ) ? ' Authcomment = $ ($ commentaire -> user_id == 3)? '' ; authcomment ':'';
( empty ( $classcomment ) ) ? ( ( $authcomment == '' ) ? ' alt' : '' ) : '' ; CommentaireClasse = $ ( vide ($ CommentaireClasse)) (($ authcomment =='') 'alt':''?):?'';
?>
?> <?= $authcomment ?> " id="comment- <?php comment_ID ( ) ?> "> <Li class = "<? = $ CommentaireClasse?> <? = $ Authcomment?>" Id = "comment-<? Php comment_id ()?>">

del vostro utente. La ligne $comment-&gt;user_id==3 peut varier en fonction de ' ID de votre utilisateur. Pour ma part, ne pas utiliser l'administrateur de répondre sur le blog, mais je dois mon nom d'utilisateur ID=3 . , se usate questa utenza potete scrivere: $comment-&gt;user_id==1 . Normalement, le " ID de l'administrateur est 1 , si vous utilisez cet utilitaire, vous pouvez écrire: $comment-&gt;user_id==1 . De cette façon, non seulement pour que la présentation de remplacement sur les commentaires laissés par les visiteurs, la réponse est l'auteur immédiatement reconnaissable du blog.

En savoir plus ...

WordPress: modifcare AdminBigWidth pour les développeurs

AdminBigWidth est un plugin pour WordPress qui peuvent définir la zone de travail de l'administration en mode plein écran. Il est un plugin très simple et triviale, en fait, son code ne est de changer la classe CSS .wrap :

1
2
3
4
AdminBigWidth fonction () {
; echo '<style type="text/css"> wrap {max-width: none}. </ style>';
}
, 'AdminBigWidth' ) ; add_action («admin_head», «AdminBigWidth ');

Pour ceux comme moi qui utilise l'éditeur de WordPress en mode HTML pourrait être utile de définir une police à espacement fixe telle que Courier, au lieu de la police par défaut proposé. De cette façon, au moins pour les développeurs, il est plus facile d'aligner le code source. Pour ce faire il suffit d'ajouter, dans le style de AdminBigWidth , une nouvelle approche de CSS qui est réfléchie lorsque l'éditeur est en mode HTML. Vous pouvez écrire un plugin (deux lignes) pour ce faire, mais il est préférable d'utiliser votre code AdminBigWidth , évitant ainsi une charge supplémentaire due à la nième Plugin:

1
2
3
4
AdminBigWidth fonction () {
; echo '<style type="text/css"> wrap {max-width: none} # # editorcontainer contenu {font-family: "Courier New", Courier, monospace}. </ style>';
}
, 'AdminBigWidth' ) ; add_action («admin_head», «AdminBigWidth ');

En savoir plus ...

JQuery: animer backgroundColor

(che nella versione camelize è backgroundColor ). Je ne comprenais pas si c'est un bug ou quelque chose intentionnelle, le fait demeure que quelle que soit la méthode animate() pour jQuery ne fonctionne pas avec certains attributs CSS, y compris background-color (la version camelize est backgroundColor ). Par exemple le code suivant n'a aucun effet:

1
2
3
4
5
"text/css" > < style de type = "text / css">
div # box {background-color: # eee; width: 100px; hauteur: 100px}
</ style de >
<-! .... ->
"box" >< / div > < div id = "box"> </ div >
1
) . animate ( { backgroundColor : "#f90" } ) ; $ ('Div # box') Animer ({backgroundColor: "# f90"}).;

Pour résoudre ce problème, vous devez installer une extension: animations de couleur jQuery . Cela vous permet d'exécuter le "Animations" attribut backgroundColor et plus:

  • backgroundColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • color
  • outlineColor

En savoir plus ...

WordPress: comment écrire une réponse à un commentaire en utilisant jQuery

Récemment Cristiano Up a publié un plugin utile pour WordPress qui peuvent aggiugere deux liens à chaque commentaire sur un post (peut-être vous avez installé un semblable, puisque dans le répertoire que je WordPress.org rayonnait un couple, cependant, être un logiciel en italien serait l'événement pour honorer l'excellent travail accompli par les chrétiens). Ces liens (réponse et devis), rencontrer et / ou faire la liste de l'auteur d'un commentaire, en effectuant la tâche fastidieuse de l'insertion le signe arobase (@) pour indiquer à qui il est adressé. Dans ce tutoriel, je vais vous expliquer - à moyen-experts utilisateurs - comment ajouter des fonctionnalités telles deux "main", sans avoir recours à l'installation de tous les plugins. En outre sciemment exploiter les capacités de jQuery JavaScript de parti. La technique que je présente est le même que j'ai utilisé pour introduire cette fonctionnalité dans ce blog.

Note: L'utilisation d'un plug-in est la meilleure solution pour ceux qui ont tendance à changer fréquemment votre modèle WordPress, ou tout au moins, a des plans pour mettre en œuvre. Ce tutoriel est seulement de montrer comment effectuer des interventions ciblées dans le code de WordPress et est dédiée à la plus curieuse.

Modifier votre comments.php

Le premier changement que nous faisons est d'insérer le lien "réponse" et "actions", à chaque commentaire. Pour ce faire, éditez le fichier comments.php trouve dans le dossier de notre thème. Ce fichier contient toutes les instructions qui s'affichent les commentaires à la fin d'un poste. La section, nous sommes préoccupés (qui peut varier légèrement d'un thème à) est la boucle pour créer des commentaires différents, identifiés par:

En savoir plus ...

L'art de commenter: conseils pratiques

Si un «exemple» peut-être vaut mille mots, un programmeur pour un «examen» peut durer des heures et des heures de travail! Donnez votre avis le code est souvent fastidieux et, au moment de l'écriture du code, il semble toujours un futile. Au contraire, en particulier lorsque vous prenez les anciens codes, juste après avoir entré les commentaires peuvent être infiniment utile pour reconstruire les chemins mentaux ont été oubliés. Heureusement, pour ceux comme moi qui a développé le Web, il a l'énorme vatanggio pouvez commenter sur presque tout le code de la même manière! La double barre oblique (/ /) ou le confinement par slash slash astérisque et astérisque (/ * et * /) est soutenu par la quasi-totalité de développement lunguaggi d'usage courant, la quasi-totalité dérivé du C: Javascript, Actionscript, PHP, ...

En savoir plus ...

2,0 Snipplr code: fragments (snipp) du code utile

Snipplr Il y avait longtemps que je voulais souligner ce précieux service dédié à la monde de la programmation. Snipplr (code 2.0) est une police ou un dépôt véritable des extraits de code utiles. Vous pouvez vous inscrire pour des parties libres et d'envoi de leur code et, surtout, profiter de la snipp beaucoup déjà sur place. J'ai traité de nombreuses langues (Actionscript, ASP, C #, MatLab, PHP, Rails, SVN, etc ...), tous bien triés et catalogués. Vous pouvez également installer une pratique plugin WordPress peut afficher sur notre blog d'un snipp-queue à travers son identifiant unique.

En savoir plus ...



Arrêtez SOPA