suggestion de liens internes vers des parties du blog

zetrader

Rebonsoir au passage merci pour cette dernière version 4.3 du blog qui est vraiment pas mal, ainsi que le thème par défaut.
Si ça peut vous donner des idées, dans l'idée du lien #content (pour aller au contenu) et lien #menu (pour aller au menu) par défaut dans le thème, j'ai mis en place deux liens.
un lien qui pointe vers les derniers articles du blog :
http://zetrader.fr/#derniers-articles-du-blog
et un lien qui pointe vers les derniers commentaires du blog :
http://zetrader.fr/#derniers-commentaires-du-blog

J'ai rajouté un a name sur un caractère "espace" dans la sidebar, je ne sais pas si c'est très "Valide xHTML 1.0 - Css" de faire ça ?
exemple : avant "derniers articles" dans la sidebar j'ai mis un lien
<a name=derniers-articles-du-blog> </a> pour ne pas faire un lien sur le texte (ce qui change la couleur).
C'est peut-être pas la meilleur idée de procéder ainsi, des suggestions pour faire ça de manière "plus propre" ou c'est bien comme ça ?

amoweb

Le mieux serrait que tu crée un id ou une classe pour tes liens et définir la couleur dans le CSS pour éviter que la couleur du texte ne change, ça serrait plus propre.

antistress

Bonsoir zetrader,
pour ta page statique Images tu as pris le code du wiki ?
Parceque moi la code de la page du wiki me donne un résultat bizarre où toutes les vignetttes sont pas affichées http://libre-ouvert.toile-libre.org/?static8/toutes-les-images

Sinon je me demandais, les liens #content (pour aller au contenu) et #menu (pour aller au menu) c'est pour l'accessibilité ?

zetrader

Hello antistress, oui j'ai utilisé le code du wiki.
En jetant un oeil à ta galerie, tu soulèves peut-être un bug de ce code.
Je m'explique en 3 points :
1) En faisant un clic droit sur les images miniatures qui ne s'affichent pas, ce sont toutes des miniatures de fichiers PNG
2) En faisant un clic droit sur les images miniatures qui s'affichent, ce sont des miniatures de fichiers JPG
3) Je n'ai pas ce problème dans ma galerie mais jusqu'ici je n'ai posté que des fichiers images JPG

Donc peut-être un problème d'affichage des miniatures avec les fichiers au format PNG ?
Fais un test avec un fichier PNG et un fichier JPG pour confirmer cette piste.

Sinon pour les liens #content #menu j'imagine que Ti-Pierre les avait mis pour améliorer l'accessibilité mais à mon avis ça n'a du sens que si le header (l'entête de page) est grand, si c'est pas très grand (mon cas et le tien) le menu et le contenu ne sont pas très loin du haut de page.
C'est la raison pour laquelle j'ai retiré ces 2 liens dans mon thème parce que je trouve que c'est trop proche du haut de page donc forcément vu.
En revanche les derniers articles et les derniers commentaires sont un peu plus loin du haut de page donc un lien interne pour s'en rapprocher pourquoi pas.

Autre chose que j'ai changé dans la sidebar :
<?php $plxShow->lastComList('<li><a href="#com_url">#com_author a dit :</a> #com_content(34)</li>'); ?>
par
<?php $plxShow->lastComList('<li><a href="#com_url" title="#com_content">#com_author a dit :</a> #com_content(34)</li>'); ?>

J'ai rajouté un title="#com_content" sur le lien

C'est à dire que j'ai ajouté en titre le contenu du commentaire au survol de la souris, ça permet d'avoir un aperçu + complet sans que ça prenne + de place dans la sidebar.

antistress

Pour l'accessibilité il faudrait que quelqu'un confirme si c'est pour permettre la navigation au clavier

pour la modif de la sidebar, c'est une bonne idée qui pourrait aller dans le wiki, à moins que ce soit connu de tous ? (mais moi je débute...)

pour la gallerie d'images, Stéphane me dit que les miniatures sont gérées pour les gif, jpg et png pourtant
http://forum.pluxml.org/viewtopic.php?pid=11363#p11363

PS : esthétiquement je trouve que ton site gagnerait si il y avait un peu d'espace au dessus du titre

zetrader

Je débute aussi (j'ai installé la 4.2 fin décembre), je regarde un peu le code pour voir ce que je peux modifier pour l'adapter à mes besoins mais je ne suis pas programmeur, je connais juste le html et quasi rien de php / javascript.
Pour la galerie d'images certes mais tu fais le même constat que moi sur ta galerie d'images, non ?
Miniature PNG -> s'affiche pas
Minitature JPG -> s'affiche (dans ta galerie comme la mienne)

Si tu veux je peux faire également un test d'upload d'une image au format JPG et PNG pour vérifier aussi de mon côté.

zetrader

Je viens de tester en envoyant une même image au format JPG puis je l'ai converti en PNG et uploadé aussi, les 2 formats marchent dans ma galerie :
http://zetrader.fr/?static6/bourse-finance-images-photos-scans
l'image de test c'est le chien envoyé en PNG et JPG.
Au passage, pourquoi utilises-tu ce format PNG ? Un besoin en particulier ?
Parce qu'en envoyant l'image originale en JPG, elle fait 217 Ko, quand je la convertis en PNG avec photofiltre (logiciel de dessin gratuit), elle enfle au poids de 2,16 Mo !!! Ouch !
Quel intérêt de ce format d'image ?

zetrader

Tu es sûr que l'upload n'a pas échoué pour tes PNG ? Je n'arrive même pas à accéder aux images au format original de tes images PNG, ça fait une erreur 404 sur tes fichiers PNG.
L'upload se déroule bien ? Les fichiers PNG que tu essayes d'envoyer sont-ils gros ? quelle taille environ ?

antistress

Merci beaucoup pour ce test, ça me permet d'être sûr que le pb vient de moi
J'ai tendance à penser que l'upload s'est fait puisque je les vois en grand et en petit dans ma galerie Médias
Le lien a l'air mauvais par contre
ici une images http://libre-ouvert.toile-libre.org/data/images//200px-NetNeutrality_logo.svg.png
qui est référencée comme http://libre-ouvert.toile-libre.org/data/images//svg.png qui n'existe pas
Je ressaierai un upload

Le png était à l'origine une alternative au gif qui n'était pas libre.
Aujourd'hui c'est complémentaire des jpeg :
le jpeg est plus performant avec les photos et les dégradés subtiles (meilleur ratio)
les png sont meilleurs avec les aplats et sur des images informatiques : le texte reste parfaitement défini ce qui n'est pas le cas du jpeg. Le PNG gère la transparence

Je suis vraiment perplexe devant mon pb. J'essaierai de générer un thumbnail moi-même avec Gimp pour voir si ça marche mieux

antistress

J'ai renommé (en enlevant les "-") et réuploadé ça marche merci beaucoup

zetrader

Cela peut venir de "toi" (modifications du thème ?) ou ton hébergeur.
Un autre test que tu peux faire, c'est d'essayer sur un autre espace web pour voir si le problème est le même (par exemple free.fr si tu en as ou celui de ton FAI), c'est l'avantage de pluxml, c'est portable, donc testable sur d'autres espaces web / répertoires.
Quand tu fais un clic droit sur les images que tu vois en petit dans ta galerie médias, est-ce que que l'url est la même que sur la galerie pour les miniatures ? Pour moi c'est le cas.
quand je regarde une image en grand dans l'admin j'ai l'url :
"urldusite/core/admin/medias.php?file=fichier.xxx&dir=" est-ce ton cas ?
Sinon peut-être que c'est une erreur dans la copie du code, retente la procédure dans un nouveau dossier peut-être ?
Peut-être que tu pourrais copier/coller le code que tu as mis dans ta page statique pour quelqu'un puisse
voir où est le problème ? En utilisant la balise code (entre deux crochets) à ce que j'ai cru comprendre le code serait mieux lisible pour le forum.

Allez je me lance (tu pourras voir peut-être toi-même les différences) voici le code que j'ai mis pour ma gallerie dans la page statique :

<h1>Images copies d'écran bourse finance photos scans</h1>
Listing des images uploadées<br />
<?php
# Les belles photos
$dir = 'data/images';
# Récupération et affichage de la liste des images sous forme de liste
$glob = new plxGlob($dir);
if ($files = $glob->query('/[a-z0-9-_]+.(jpg|gif|png).tb$/')) {
    echo '<ul class="galerie">';
    foreach($files as $filename) {
        $file = $dir.'/'.$filename;
        echo '<li><a href="'.str_replace('.tb', '', $file).'"><img src="'.$file.'" alt="" /></a></li>';
    }
    echo '</ul>';
}
else echo "Aucune image";
?>

zetrader

Cool, content que ça marche
Ah au fait dans mon code j'ai retiré un slash, par défaut j'en avais un de trop ce qui donnait des url :
site/data/images//image.xxx

Il suffit de retirer le / à la fin de image dans le code et on a plus qu'un seul /
J'ai remplacé
$dir = 'data/images/';
par
$dir = 'data/images';

Je vois que ça fait la même chose dans ta galerie, ça fait des url avec deux fois le / après image) bon ça marche quand même avec deux fois // mais une seule suffit.

antistress

ah bon c'est bon à savoir merci de l'info ça m'étonnait aussi
tu corriges le wiki ?

zetrader

Je veux bien, pour corriger le wiki, il faudrait que j'ai la confirmation que ce double // soit vraiment une coquille ?
Est-ce qu'il y aurait une raison, un rôle (visiblement, non mais il y a peut-être quelque chose que je n'ai pas encore vu) ?
Si un administrateur ou une personne impliquée dans le projet pouvait confirmer qu'il vaut mieux un seul / dans l'url de la galerie ce serait bien.

Stéphane

Bonjour zetrader

Effectivement il ne faut pas de // mais bien un seul / dans l'url

Stéphane

Frédéric

C'est corrigé dans le wiki

antistress

:-)

Stéphane

Merci Fred

zetrader

Merci pour votre réactivité, c'est cool j'ai contribué à améliorer un caractère du code

antistress

antistress a écrit:

Sinon je me demandais, les liens #content (pour aller au contenu) et #menu (pour aller au menu) c'est pour l'accessibilité ?

c'est bien ça
Aller au contenu / Aller au menu sont des liens d'accès rapide
Haut de page est un lien de navigation interne
http://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html