Loutre.ch

Il existe de nombreux menus différents : les menus classiques, soit une grosse barre horizontale, les menus dropdown, les menus verticaux alignés à gauche ou à droite, qui peuvent être plus ou moins complexes, etc. Certains de ces menus sont énormément lourds et quasiment inutilisables, d’autres très légers sobres. Nous voyons maintenant comment faire une barre de menu horizontale avec des onglets, comme c’est à la mode de nos jours, sans images ni javascript.

Lire la suite

Share on Facebook

Yet Another Photoblog. Sympatique module pour wordpress.

Après un essai et une adaptation dans thème (pour les bordures d’images et lightbox) , ça marche !

Dans les options de base de YAPB, on peut choisir comment afficher les miniatures, de quelle taille et leur comportement sur chaque type de page (une page,  le blog, les archives, pour un article seul). La seule « impossibilité », c’était de lier la miniature à l’image pour faire fonctionner Lightbox.

On ajoute le bout de code suivant aux fichiers page.php, index.php et single.php, entre les balises <div class="entry"> et le </div> correspondant. Les fichiers se situent dans le dossier du thème, pour ma part /chemin/vers/wordpress/wp-content/themes/elegant-grunge.

Le code a donc été personnalisé pour mes besoins.

<?php if (yapb_is_photoblog_post()): ?>
<?php if ($post->image): ?>
<div>
<span><span><span><span><span>
<a href="<?php echo $post->image->uri ?>" rel="lightbox">
<img src="<?php echo $post->image->getThumbnailHref(array('w=425','fltr[]=usm|30|0.5|3')) ?>" style="width:425px;" />
</a>
</span></span></span></span></span>
</div>
<?php endif ?>
<?php else: ?>
<?php endif ?>

On fait d’abord un test, voir si le post est bien fourni avec une image YAPB.

Les 40 span sont utiles pour les bordures d’image spéciales du thème. Ensuite on met le lien avec echo $post->image->uri ce qui nous sort l’url de l’image traitée.

La miniature est gérée avec $post->image->getThumbnailHref(array('w=425','fltr[]=usm|30|0.5|3')), 425 étant sa largeur.

Code adapté venant du forum de YAPB. L’image utilisée est une retouche d’une photo du CICG (Centre international de conférence de  Genève).

Share on Facebook

Framasoft nous propose un cours sur le python comme langage d’apprentissage de la programmation. J’ai lu 30 pages, et il s’avère que j’ai appris et compris plus qu’après des pages et des pages de tutoriaux divers et variés.

Python est un merveilleux langage de programmation. Moderne, portable, puissant, facile à apprendre, il présente en outre l’immense intérêt d’être absolument gratuit !
Estimant que Python constitue à l’heure actuelle le meilleur choix pour commencer un apprentissage de la programmation, nous avons décidé d’apporter notre modeste contribution à la documentation en langue française pour ce langage.
Destinées en premier lieu aux élèves qui suivent le cours « Programmation & langages » de l’option Sciences & Informatique en 5e/6e de l’enseignement technique de transition (enseignement secondaire belge), ces notes vous sont proposées ici en téléchargement gratuit. Leur reproduction et leur distribution restent cependant soumises aux termes de la licence de documentation libre GNU.

Gérard Swinnen

Lire l’article et télécharger le livre sur Framasoft

Share on Facebook

On a vu comment créer une page en XHTML, voici maintenant les bases du CSS (Cascading style sheets ou Feuilles de Style en Cascade). Les feuilles de styles sont dorénavant un must dans le domaine du webdesign. Plus question, comme autrefois, d’éditer son fichier HTML pour y mettre des couleurs de police, des bordures doublement grasses ou des tableaux fluorescents !

Lire la suite

Share on Facebook

Loutre que tu es, tu aimerais savoir les bases du XHTML (Extensible HyperText Markup Language) qui est en fait du HTML, mais avec le X. Cet article a pour but d’aider les plus débutants d’entre nous à comprendre la logique du CSS et du HTML d’une façon conviviale. On va y voir les balises HTML les plus courantes ainsi que leur fonctionnement. Dans un deuxième temps, on va voir comment fonctionne le CSS avec le XHTML, mais cela sera sujet à un futur article.

Lire la suite

Share on Facebook