Bqqmf » codes

Dialogues de sourds

L. — Sun, 27 Dec 2009 23:47:48 +0000

J’ai un problème de commentaires, ou plutôt un pb d’avatars… Certains thèmes ne tiennent pas compte des comptes inscrits sur lOrgie pour l’affichage des blogs.

Je me prend un peu la tête sur le fonctionnement des thèmes « enfants », qui jusqu’à présent refusent d’afficher les avatars des membres et autres meta liées au site global sur les blogs hébergés… Sur mon chemin, je crois comprendre que…

pour tester la nature d’une installation à partir d’un thème

il suffit (!?***!) d’allumer une lanterne spéciale Mu en définissant une variable dans functions.php:

 $wpmu    = function_exists('is_site_admin');

mais je ne suis pas sure que cette fonction soit vraiment celle qui convient le mieux pour cela…

ce qui permettra ensuite de lancer des comportements alternatifs dans les templates, du type

if ($wpmu) {
$current_site = get_current_site();
echo $current_site->site_name ;
}

ça devient vraiment drôle quand je me rend compte que ces 3 lignes, qui se déclenchent sans broncher dans une page, même hors du loop, ne s’activent pas dans le footer de mes petites sandbox! xs Allez j’me note quand même la doc de get_current_site() qui renvoie plein de valeur autour du site principal. Pour obtenir ces mêmes meta pour le blog en cours de consultation on utilise get_bloginfo() … Normalement…

Mon premier jquery

L. — Mon, 07 Dec 2009 05:15:57 +0000

Je suis très fière de me mettre aujourd’hui aux techniques d’il y a 5 ans, alors on se moque pas trop fort de mon premier appel au célèbre framework javascript…

J’men suis servi pour créer un effet d’apparition un peu alpha sur une liste de contributeurs ul id="licred" et un diaporama sur une image. Pour cela, on doit ajouter Cycle à la bibliothèque jquery de base… Et c’est un plugin dont se sert aussi indexhibit, ô comme c’est rigolo!


// LES CONTRIBUTEURS
$(document).ready(function(){
$('#licred').hide();
$("#cred h1.puce > a").click( function () {
if ($("#licred:visible").length != 0) { $("#licred").fadeOut("slow"); }
else { $("#licred").fadeIn("normal"); }
return false; });

// equivalent de onload, quand le doc est prêt...
// cache liste des contributeurs
// On modifie l'évènement "click" sur le lien du titre dans div id cred
// Si c allumé on éteint?
// Ou si c'est éteint on allume
// + On empêche le navigateur de suivre le lien   au chargement
// LE DIAPORAMA -- c pour lui quon charge Cycle ligne 2
$('#def').cycle({ /* #def comme id du bloc autour de l' img */
fx:    'fade', /* effet choisi  */
timeout: 4000 /* temps (ici 4 secondes) entre les img */
});	    });

à quoi ça sert jquery?

à cette pertinente question j’ai brillamment répondu ailleurs avec un exemple:

« Jquery, c’est ce qui permet d’écrire this.fade('slow'); plutôt que d’avoir à écrire comment pécho this et gérer les opacités dans le temps. «

Évidemment sans le copier coller je ne serai rien. Le résultat sur le site provisoire de la bijouterie d’une amie.

Une bonne tête

L. — Fri, 27 Nov 2009 19:06:14 +0000

Petit tour des informations invisibles mais utiles qui sont stockées dans la balise d’une page web.

Head & Meta

On voit que les balises sont des containers d’informations et fonctionnent un peu comme des poupées gigognes, qui peuvent en contenir d’autres plus petites mais doivent être refermées pour trouver leur bonne place dans l’ensemble.
C’est vrai pour la plupart des balises html, et si vous voyez dans le code, vous trouverez un peu plus loin.
Cependant certaines balises spéciales n’ont pas besoin d’être ainsi doublées, et celles-ci se terminent par 1 autre signe de fermeture: />

C’est le cas des images, décrites ainsi:

un paragraphe où insérer mon image: et voilà! Mais img n'est pas la seule balise qui se dédouble pas: est aussi répandue pour partager sur les réseaux sociaux du web 2.0...

Contrairement au contenu d’un paragraphe, l »information des images n’est pas écrite dans la page, il faut aller la chercher ailleurs.
On donne donc l’adresse où est stockée l’image à la balise en utilisant son attribut source : src="adresse_source_image".

Attributs

Donc voilà, faut pas casser les balises quand on copie -colle du html. Et certaines ont besoin d’attributs pour fonctionner correctement. Entre ce qui fonctionne et ce qu’il est poli de faire, il y a quelques arguments supplémentaires à ajouter aux éléments courants. Notamment:

Pour les Images


 ne suffit pas.

 convient bien mieux

alt, c’est ce qui s’affiche si l’image ne se charge pas. Les dimensions des images s’expriment en pixels dans les attributs height et width.
+ Voir mes notes sur les images?

Pour les Liens


 Mon Site

href est l’attribut essentiel d’un lien puisqu’il indique la destination du clic. Mais là encore ça ne suffit pas à faire un « beau » lien:


 Mon Site

où target précise que l’on ouvre une nouvelle fenêtre / un nouvel onglet. Si on souhaite rester dans la même fenêtre de navigation, target="self".
L’attribut title des balises est important pour les robots comme celui de Google.
+ Voir mes notes sur les liens sociaux?

Et avec ceci?

Ben normalement avec tout ça vous devriez pouvoir proposer des tas de liens et de citations en commentaires, il existe des tas de tuto pour mettre les mains dedans, j’en donne un parce qu’il est bien et un autre sur Comment ça marche.net.

Code Highlighter, on dit…

L. — Mon, 28 Sep 2009 10:40:21 +0000

C’est toujours pour mon problème de code lisible dans les articles de nos blogs geeks. Grâce à Dan de BuddyPress.fr j’ai une nouvelle liste d’extensions prétendantes, que je teste maintenant.

FV-Code Highlighter. Il fonctionne presque mais ne colorie rien! Alors je l’enlève, c’est dommage il faisait partie de ceux qui nécessitent le moins de pirouettes, il suffit d’insérer votre code entre les fausses balises:
{code type= »type« } et {/code},
où « type » peut prendre les valeurs qui m’ intéressent: HTML, CSS, PHP et XML. Il manque les javascripts, de toute façon. Tant pis.

Google Code Syntax Highlighter. Pareil raté (alors que ça promet » tout en js rien à foutre du serveur…c’est moi qui bugge là p’têt?)

Mais Dan revient plus qu’en force, m’obligeant même à faire un lien vers son profil, car il a trouvé le Graal: SyntaxHighlighter Plus. Comme c’est mon idole je fais comme lui et je teste avec du css. Et comme mes idoles c’est pas des gauffres, ça marche!

#header {
height: 215px;
background: url(images/header2.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed top left -1px;;
background-color: #1f3246 ;

Comment on s’en sert?

Si j’le dis pas c’est sûr… Donc pour obtenir la belle boîte ci-dessus dans votre blog, faut mettre:

[ sourcecode language='css'] votre code [ /sourcecode]

mais sans les espaces après les crochets.
language peut valoir un tas de trucs, entres autres xml, xhtml, xslt, html ou xhtml, css, php, sql, java, js, jscript ou javascript et as3 ou actionscript3. C’est bien pour les petits scribouilleux, tout ça, mais il supporte aussi des langues de gros codeurs comme le C, allez voir dans la liste complète.