Le Meilleur Du Web

Dans la guerre de communication qui confronte Apple à Adobe (pour rappel, voir le billet de Steve Jobs, Apple refuse d’implémenter la technologie Flash dans l’iPhone et l’iPad prétextant des questions de mauvaise optimisation, des failles de sécurité et une mauvaise gestion du multitouch entre autres), une nouvelle voie (voix ?) s’ouvre (s’élève ?), la communauté open-source demande à Adobe d’ouvrir complètement son code.
Plus de développeurs permettraient, peut être, de faire de rapide amélioration et faire taire toutes les critiques à son encontre (dont le fait que c’est un format propriétaire et hégémonique, 97% des navigateurs en sont « équipés »)
la pétition est ici

Tout le monde ne joue pas avec son ordinateur mais le jeu est le propre de l’homme
On ne peut que se réjouir de voir la plateforme de téléchargement, de vente, de promotion du jeu PC : STEAM, venir sur MAC et avec elle sa communauté de millions de joueurs en ligne.
Une petite centaine de jeux sont pour le moment disponibles. Tous les jeux acquis sur MAC sont également disponible sur PC et vice versa.

PORTAL (un casse tête 3D) est actuellement disponible gratuitement, je vous invite à le télécharger (ça serait dommage de s’en priver) :

http://store.steampowered.com/

Il arrive régulièrement, pour ne pas dire tout le temps, que l’entête d’un site soit un logo, une image. On peut, et on doit, lui ajouter une balise « alt » (en plus d’un lien vers l’accueil, par convention) mais cela ne suffit pas ! Dans mon cas j’ajoute toujours une balise h1, le nom du site, suivi d’une balise h2, son slogan, puis d’un paragraphe « p ».
Pourquoi un paragraphe ? Car généralement la première chose que rencontre un moteur de recherche c’est un menu, ce qui n’est pas très sexy, ni explicite. Ce paragraphe pourra contenir votre description du site, celle que vous avez longuement travaillée pour la soumettre aux annuaires dans le cadre de votre référencement, n’est ce pas ? .
Au final, vous me direz : « bah c’est pas vraiment ce que je veux que les visiteurs voient ». et bien il ne verront rien car vous mettrez dans votre CSS : #header h1, #header h2, #header p {display:none;} ! voilà !

Il y a un petit fichier robots.txt à la racine du site, effacer la ligne : Disallow: /images/ pour indexer les images de votre site.
Vous pouvez retirer les images par défaut de Joomla, elles ne sont pas très utiles…

Pour améliorer son référencement une des règles d’or est d’écrire son code de manière « sémantique ». Ce qui veut dire que chaque balise correspond bien à son contenu.
C’est le passage du HTML à mamy au XHTML, on n’utilise plus les table pour faire sa mise en page. Les table sont réservées aux « données tabulaires ». Ainsi, l’ensemble des balises disponibles sont enfin utilisées à leurs justes valeurs, les malvoyants si retrouvent mieux et les moteurs de recherche aussi !
h1, h2, h3, hx sont des balises de titres et sous-titres. Il ne peut y avoir qu’un balise de titre par page : h1 (c’est ma conception), par contre il peut y avoir de multiples balises de sous-titres h2, h3 etc.

Malheureusement les CMS en font un peu à leur tête (surtout leurs développeurs) et Joomla n’échappe pas à la règle. Heureusement il existe cette excellent fonction Override, que je traite dans un article précédent, bien qu’un peu limitée elle permet de modifier le code d’origine sans toucher au sources !
Nous allons donc pouvoir remplacer div class="componentheading" par h1, h2 ou h3.

Vous trouverez les fichiers à modifier aux emplacement suivants :

joomla-site.com/components/com_content/views/archive/tmpl/default.php
joomla-site.com/components/com_content/views/article/tmpl/default.php
joomla-site.com/components/com_content/views/category/tmpl/default.php
joomla-site.com/components/com_content/views/frontpage/tmpl/default.php
joomla-site.com/components/com_content/views/section/tmpl/default.php

Faites une recherche sur le mot clef componentheading et remplacer les div par la balise que vous souhaitez.

Pour transformer l’aspect généré par la balise <input>, rien de plus simple :
<input class="bouton" type="image" src="images/votrebouton.gif" value="submit" />

Voila une solution qui résout le problème :
http://joomlacode.org/gf/project/jartforms/forum/?action=ForumBrowse&forum_id=6813&_forum_action=ForumMessageBrowse&thread_id=8586

Attention, pour la dernière version d’Artform v. 2.1b7.1 [RC1 For Joomla 1.5], seul la solution donner dans le dernier post fonctionne :

remplacer la ligne 127 dans [I]components/com_artforms/artforms.php[/I] par
[QUOTE]$row = $rows[0];
$row->text = stripcslashes( $row->text);
$row->danktext = stripcslashes($row->danktext);
$row->titel = stripcslashes($row->titel);[/QUOTE]

et remplacer la ligne 419 dans administrator/components/com_artforms/admin.artforms.php
[QUOTE]$formid = $row->id;
$row->text = stripcslashes($row->text);
$row->danktext = stripcslashes($row->danktext);
$row->titel = stripcslashes($row->titel);[/QUOTE]

Voilou !

Une astuce que je viens de découvrir sur le site Joomweb.
Il s’agit de retirer, ou de ne pas mettre, la balise meta du Generator.
C’est vrai que c’est sympa de rendre à César ce qui appartient à César mais si cette indication aide le hacker à repérer les failles de votre site, vos mieux s’abstenir !
Donc pour joomla, ajouter la ligne de code PHP suivante :
this->setGenerator(null);

Il existe « quelques » modules, plus ou moins bien documentés, permettant d’ajouter un menu à Joomla (entre autres ceux proposés par Ced sur joomlashack).

De mon côté je cherchais plutôt un menu horizontal à l’image d’un proposé sur DynamicDrive. Menu horizontal avec sous-menus horizontaux.

Après avoir récupéré les fichiers, La difficulté est d’adapter le code à la structure particulière de joomla.
Pour ce faire, il y a quelques petites chose à modifier :

1-Uploadez les fichiers « droplinebar.css », « droplinemenu.js » et les images down.gif, blueactive.gif et bluedefault.gif dans les dossiers idoines de votre site
2- Dans le fichier CSS et JS, modifiez le chemin des images pour quelles correspondent
3- Copier / coller le code du head récupéré sur DynamicDrive dans votre page index.php de votre template. Modifiez la ligne droplinemenu.buildmenu("mydroplinemenu") par droplinemenu.buildmenu("moduletable_droplinemenu")
4- dans votre admin joomla, ouvrez le gestionnaire de modules, sélectionnez le menu auquel vous voulez l’appliquez. dans les paramètres avancées ajouté la class de module « _droplinemenu droplinebar » (il y a bien 2 classes séparées par un espace).
5- Ouvrez le fichier « droplinemenu.js », modifiez la ligne 14 :var $mainmenu=$("#"+menuid+">ul") par var $mainmenu=$("."+menuid+">ul")

et voilà. (Évidemment n’oubliez pas de placer votre module dans votre template, s’il n’y est pas, et de bien le pointer dans l’administration !)

Que se cache t-il derrière cette dénomination difficile à traduire ? la possibilité de remplacer des morceaux du moteur de Joomla.
En créant un dossier html dans son template, le noyau de joomla vérifiera qu’il n’y a pas un composant ou un module customisé qui « remplace » celui par défaut.
Ca peut être utile pour personnaliser le footer, le login ou la recherche sans « saccager » la structure de base ! Elle restera donc comme elle est par défaut et vous pourrez donc mettre à jour sans vous soucier de rien.

Pour cela il s’agit de copier/coller le fichier que vous souhaitez transformer dans votre dossier html. Vous prendrez soin de le placer dans un dossier du même nom que son emplacement d’origine sans néanmoins recopier l’arborescence à l’identique car cela ne marcherait pas. exemple :
modules/mod_footer/tmpl/default.php sera copié ici : templates/montemplate/html/mod_footer/default.php
Si votre template est « installable » vous mettrez à jour templateDetails.xml
html/mod_footer/default.php