Menu

2 jours de boulot en tout pour arriver à trouver pourquoi ce satané menu dans IE partait à droite !!! (et pas dans FF, bien sûr, sinon, ça ne serait pas drôle)

J’ai dû modifier un fichier que je n’avais pas touché depuis des mois… Va comprendre !!

Bien évidemment, il s’agissait d’un effet de bord, d’un fichier lointain, sur la class du menu. Donc pas de possibilité de trouver le lien direct entre l’erreur et sa cause (la différence de réaction de FF et IE n’ajoutant pas en simplicité !!)

L’avantage, c’est que contrairement à ce qui se passait avant (bien que ce fut imperceptible pour un non initié), l’alignement du menu dans FF et IE est maintenant strictement le même, au pixel près.

De plus, j’ai la possibilité de travailler beaucoup facilement la class d’affichage du menu et je peux faire ce que je veux (des onglets, des fonds différents…). Alors que jusqu’à présent, je ne pouvais que modifier le fond existant, en gardant les proportion, position et autres critères du bazard

Retour en haut de page

Au passage, j’en ai profité pour changer le code de retour en haut de page en insérant un code javascript qui me permet d’accéder au point de coordonnées (0,0), soit le véritable haut de page, contrairement à la version précédente du retour en haut de page qui se calait sous le menu et obligeait donc à remonter la page pour accéder à ce menu.

Le reste

Ce sont surtout des incohérences de couleurs, des interlignes pas top… Donc rien de rédhibitoire pour le moment.

Je vais donc pouvoir me pencher un moment sur ta méthodo de migration des articles html (bien qu’en la diagonalisant, je n’ai rien vu à redire). Seule chose : pour les vidéos, je ne sais comment les afficher, sauf à modifier le code html de la page en insérant le code Dailymotion ou Youtube et encore les résultats ne sont pas probants.

En revanche, oublie le téléchargement des vidéos, c’est quasi impossible et ça prendrait trop de place pour rien.

J’ai réglé - à ma façon - ce qui me posait problème mais j’aimerais que tu me valides la méthode. C’est peut-être pas correct ou alors y a plus simple.

Voilà comment je procède pour les articles html.

• je récupère les infos diverses : auteur, résumé, date via le backup/xfsection, comme pour les autres articles
• téléchargement du fichier html via le ftp. (et éventuellement des photos associées)
• ouverture de ladite page html : CTRL A + CTRL C … puis CTRL V dans l’éditeur visuel WP
• passage dans l’éditeur html WP. j’enlève les div style = 500 px (pour que la largeur du texte soit la bonne) les span color, font size des titres et sous-titres, que je remplace par titre 1 et titre 2
• pour les photos :

- soit elles sont sur imageshack, sites perso, etc… je fais comme d’habitude
- soit elles sont dans un répertoire de type : www.cybervalloire.com/ressources/neige/neige00.jpg : je fais aussi comme pour imageshak, je récupère la photo sur mon ordi et après je la uploade sur WP.
- soit les photos sont récupérées via le ftp : idem, je les uploade sous WP pour que tout soit dans la bibliothèque de média WP

Question subsidiaire : les vidéos

• est-ce qu’on les laisse sur dailymotion (et autres) et donc on insère le code , comme sur le forum. Il faut décider de la taille du “lecteur exportable” : petit - moyen (je suppose) - ou grand. après, je sais faire
• si tu veux les réintégrer aussi sur le serveur : faut m’expliquer ;-)

Prob. 1 : accès aux photos d’un article par sa galerie. Impossible d’afficher les photos enregistrées dans la galerie propre de l’article,  donc de les modifier directement par là.  Il faut passer par la bibliothèque.

Donc pour changer une grande photo pour la mettre en vignette (pour un  début d’article), il faut la retrouver dans les 900 photos, et donc faire une recherche sur son titre.

je suis quasi certaine qu’avant on pouvait tripoter les photos depuis la galerie de l’article sans aller farfouiller dans la bibli complète. (c’est pas suite au dernier upgrade en 2.6.2, y a longtemps que c’est comme ça)

On peut filouter le truc, en changeant dans les options avancées size-full en size-thumbnail, ainsi que la taille (150×150) - sinon, il faut virer la photo, la retrouver dans la bibli et la re-insérer en version thumbnail.

Prob 2. solution éventuelle à prob 1(j’ai essayé , ça change rien)

J’ai retrouvé ici : http://www.cybervalloire.com/_test/wordpress/2008/07/29/rediger-un-article-avec-des-images/ cette copie d’écran, où l’URL n’est pas renseignée. Or c’est le cas maintenant pour toutes les photos.

Editeur graphique de positionnement

Sur WP, ils parlent plus ou moins d’un truc dans le genre (avec le répertoire : wp-content/uploads on ne seraient pas concernés, mais sait-on jamais :

http://www.wordpress-fr.net/support/sujet-15475-probleme-galerie-images-depuis

ou encore ici : http://www.wordpress-fr.net/support/viewtopic.php?pid=85864#p85864

Prob 3. texte alternatif

Je voulais garder le nom du fichier initial (genre dsc000045) des photos en “titre”, c’est la dernière trace qu’on a avec les rédacteurs mais ne pas avoir de texte alternatif puisqu’on a déjà la légende. J’y arrive pas !

Prob 4 : bizarrerie en justifiant : En ayant sélectionné du texte et une photo en même temps, j’ai obtenu ceci : (au lieu de l’habituel caption entre crochets).

Conséquence : impossibilité de modifier la légende. si c’est normal, faudra faire mega attention en justifiant.

<div class=”mceTemp mceIEcenter” style=”text-align: justify;”><dl id=”attachment_789″ class=”wp-caption aligncenter” style=”width: 510px;”> <dt class=”wp-caption-dt”><a href=”http://www.cybervalloire.com/_test/wordpress/wp-content/uploads/2008/09/seb_above_meregers6.jpg”><img class=”size-full wp-image-789″ title=”meregers6″ src=”http://www.cybervalloire.com/_test/wordpress/wp-content/uploads/2008/09/seb_above_meregers6.jpg” alt=”option ‘” width=”500″ height=”375″ /></a></dt> <dd class=”wp-caption-dd”>seb_above_meregers6</dd> </dl></div>
<p style=”text-align: justify;”>A l’arrivée sur les <em>Selles</em>, si les conditions s’y prêtent, on peut aussi enchainer tout droit en HP pour rejoindre le bas des <em>Selles</em>.</p>

Mise en page des articles (encore et tjrs)

-  sur cet article par exemple: http://www.cybervalloire.com/_test/wordpress/2005/07/28/la-peche-a-la-truite-a-valloire/

les photos sont dans leur taille originale mais pas toutes de la même taille. quoi qu’on fait ?

• rien, on s’en fout
• on chipote et on les met toutes en (par exemple et à définir) 400 de large, et la hauteur proportionnelle (sauf qu’il n’y a pas de système pour garder les proportions…)

- Photo en vignette + balise more : c’est vraiment obligatoire car sinon, l’affichage des pages d’accueil prend des heures avec toutes les photos. Par contre, dans l’article lui-même on a une miniature au début et après des grandes photos. Je trouve ça bizarre… Je continue à tester des trucs pour ce soit beau en page accueil et en page article

Détail : rien à voir, mais à force de fouiller… En utilisant le moteur de recherche, on arrive sur une page “search results” : un vieux bouton “up” traîne… et en plus, le bouton est inopérant. Je corrige !

Découverte : Dans certains articles comportant des images, la galerie (du gestionnaire de médias) reste à zéro.

Donc, à l’upload d’une photo, la galerie de l’article depuis lequel c’est uploadé enregistre 1. si cette même photo est insérée dans un article une deuxième fois, elle n’est pas comptabilisée dans cette galerie

Afin d’améliorer la présentation, il est important que les blocs de texte et autre icones autour, soient bien alignés. Le moindre décalage perturbe la lecture et Lire la suite …

Edit Chris 25|09 : mise à jour charte

Souci : balise more et photo en vignette. Les anciens articles n’ayant pas été conçus pour cela, je laisse ça de côté OK

Charte des Rédacteurs (à mettre à jour au fur et à mesure…)

Le texte

- alignement justifié

- remplacer hp par HP

- “Donnez votre avis dans le forum” ? en italique.

-  noms de lieux, sites, pistes, hameaux, resto, sommets en italique (orthographe, cf. plaquette officielle)

Les photos

• Toutes les photos sont centrées, en taille originale : 
• La première photo de l’article qui apparaitra dans l’extrait (avant la balise more) et qui doit être en vignette, en haut à gauche, avec une légende (si première photo en en-tête il y a, bien sûr !!). De toutes façons, chaque photo doit obligatoirement avoir une légende !
  
• les légendes : reprennent le titre de la photo (nom du fichier jpg d’origine) penser aussi à enlever le texte alternatif

On met des légendes génériques, avec une allusion au titre de l’article. Je pense que c’est ce qu’il y a de mieux pour le référencement Google.

• photos perdues par Imageshack ou liées à anciens sites perso

demander au fur et à mesure aux auteurs, s’ils ont gardé les photos.

- si oui je leur fait un MP le plus précis possible (réf photo et article Oui

- sinon, on vire le lien et le texte qui va avec Oui

- oui, je sais, ça dépend aussi de l’intérêt de la photo…. Oui

Les smileys :

On oublie les smileys dans les articles. Au mieux, on laisse les ;-) et :-) mais c’est tout

La balise more : on coupe à 10 - vingt lignes environ, selon le texte et avec une photo ?? 20 lignes max avec une photo en vignette en en-tête, alignée à gauche avec le texte autour.

Faut aussi régler :

les tags : Liste à faire

la catégorie : je peux laisser Xoops et ajouter aussi la catégorie finale. Très bonne idée

etc, etc…

Le plus important : quel est le moyen (article - commentaire - mail - MP sur forum) pour que je sois sûre de pas te déranger, disturber, perturber, déconcentrer au boulot, à un moment inopportun (sachant que j’essaie de gagner du tps tant que j’en ai mais du coup je t’en fais perdre… )?

Pas de MP, je ne les regarde que rarement. Mail c’est bien, sionon je reçois un mail à chaque commentaire (comme toi je suppose). Donc on peut faire mail pour les questions générales et commentaire dans WP pour un article en particulier

On doit utiliser cet article pour rédiger la charte des Rédacteurs (Je pense réduire le nombre de rédacteurs)

Lire la suite …

Ceci est un test de titre 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam volutpat semper lectus. Pellentesque eu justo. Proin vulputate mi sit amet ipsum.

Ceci est un test de titre 2

Pellentesque eu tortor vitae massa lacinia consectetuer. Suspendisse velit. Ut venenatis neque ac lectus. Vestibulum eu purus consequat lectus

Ceci est un test de titre 3

Suspendisse velit. Ut venenatis neque ac lectus. Vestibulum eu purus consequat lectus

Ceci est un test de titre 3

Quisque nec eros eget mauris lacinia imperdiet. Pellentesque eu tortor vitae massa lacinia consectetuer. Suspendisse velit. Ut venenatis neque ac lectus. Vestibulum eu purus consequat lectus

Ceci est un titre 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam volutpat semper lectus. Pellentesque eu justo. Proin vulputate mi sit amet ipsum. Vivamus nec tellus. Nunc leo tellus, semper eget, cursus a, volutpat in, ligula. In eleifend convallis ligula.

Ceci est un titre 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam volutpat semper lectus. Pellentesque eu justo. Proin vulputate mi sit amet ipsum. Vivamus nec tellus. Nunc leo tellus, semper eget, cursus a, volutpat in, ligula. In eleifend convallis ligula.

Ceci est un titre 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam volutpat semper lectus. Pellentesque eu justo. Proin vulputate mi sit amet ipsum. Vivamus nec tellus. Nunc leo tellus, semper eget, cursus a, volutpat in, ligula. In eleifend convallis ligula.

Enfin !!!

L’expression n’est pas belle, mais tellement approriée pour rendre compte du bonheur qui me submerge !!!

ce satanés titres d’articles qui étaient super moches ! Et bien j’ai enfin réussi à les rendre plus jolis. Il va falloire maintenant leur trouver une couleur plus adéquate, non ?

Chuis content !!!

Mais vraiment content !!

J’en ai bavé, mais ça vaut le coup !

Je peux enfin insérer des images sans cette foutue bordure bleue autour

Après l’affichage des derniers posts avec les bons caractères, c’était la dernière grosse épine dans le pied en ce qui concerne l’affichage. Chui trop content … !!

Histoire de se rendre compte de la différence (et elle est énorme !) :

Avant la modification

Après la modification

Franchement c’est un détail mais question visuel, c’est quand même beaucoup mieux

Reste plus que ces cochonneries de titres en gars !!! :-(

La piste des grandes drozes est une noire de niveau correct, avec souvent des bosses de belle taille. Il est donc parfois intéressant pour varier les plaisirs de prendre une route détournée, aussi pentue, un peu plus étroite et fort bucolique ;) avec des arcosses à gogo.

Il y a 2 accès possibles pour ce hp de proximité :

Primo, le plus évident : partir de l’arrivée du TSF2 en suivant les pylones : simple et efficace ! Bon ça commence par une pente douce, histoire de se mettre en jambe, puis on attaque la meilleure partie à savoir une quasi rupture de pente qui avec de l’élan apporte son lot de sensations : à faire en ayant repéré la réception, c’est plus prudent.

Ensuite, peu de choses à dire si ce n’est que c’est long et suffisamment pentu pour prendre du plaisir, idéalement à faire d’une traite, enfin tout dépend de l’état du parcours car il est beaucoup emprunté vu sa visibilité.

Secondo : en empruntant la piste jusqu’au grand gauche (enfin, un peu avant quand même), il y a un accès sur la droite. Cet accès est utile pour les raisons suivantes :

- si on vient des pistes du côté Plan Palais, on est trop bas pour prendre le début du hp

- si on veut éviter la rupture du début

- si on veut tester un peu la piste avant de prendre une décision

- ou tout autre raison en fait

L’an prochain avec l’arrivée du TSD6, cela promet des rotations rapides et donc un regain d’intérêt pour ce secteur.

Au départ du hp, on pourrait être tenté de partir complétement à droite pour retomber sur la piste de la neuvaches mais attention il y a vraiment de la végétation dense. N’ayant jamais eu le courage de jouer à massacre à la tronconneuse dans les Arcosses (et puis ça les abime aussi !), je ne peux dire s’il y a un passage à peu près correct. Enfin là, on est un peu hors sujet finalement !

Bon ça fait un peu hp “flambe” avec pleins de spectateurs aux balcons du TS pour admirer notre technique irréprochable ;)

Bon dans tous les cas de figure: quand c’est bon, ben c’est bon avec ou sans public !!!!!

J’ai peu de photos du spot : en voici 2 néanmoins, sachant qu’il en manque au moins une : celle de la rupture (miam)

Une photo prise aux 2/3 en montée avec le second accès à droite

NDLR :

Photos hébergées rapatriées sous CBV : en copiant l’adresse : http://site.voila.fr/brokenboys/forum/drozes1.jpg, enregistrer image sous bureau PC Chris, puis upload photo. Si y a plus simple, je prends)

Merci LBG d’avoir mis des légendes et un nom aux fichiers jpg.

Reste à modifier le vrai auteur de l’article.

Que fait-on avec les smileys ?

Définir la taille de l’image (miniature ou moyenne) et son alignement.

Après on peut peaufiner, correction des fautes, mise en page (photos), balise-more, extrait, tags…