Modification de photos sur le forum d'une catégorie

[mamita85320]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://beauceroninneed.actifforum.com

Description du problème

Bonjour,
Je reprend le forum en l'absence de mon collègue administrateur et je dois modifier des photos sur le forum d'une catégorie (voici la capture d'écran de l'endroit concerné :

[img][/img]

Et voici les photos .
[img][/img]

D'habitude je sais faire mais là elles sont incluses dans un tableau et dès que je veux supprimer une photo, la case reste en blanc et pour en rajouter une autre c'est galère ...
Comment faire pour supprimer ce tableau et insérer les photos "normalement", à la suite l'une de l'autre ??

Merci d'avance pour votre aide.
Dans l'attente, bonne journée

[L'ange noir]

Bonjour

Il te suffit de supprimer les codes du tableau.

Récupère tes photos. Supprime le post. Et poste simplement les photos à la suite les unes des autres. Selon leur taille, tu peux en mettre plusieurs à la suite sur la même ligne. Et tu pourras même écrire en dessous ou au dessus, comme tu veux.^^

Comme ça ? Avec les tailles que tu veux.

[mamita85]

Merci pour ta réponse l'Ange Noir, mais suis pas trop "pro"
Comment je fais cela ?

Il te suffit de supprimer les codes du tableau.

Merci d'avance

[L'ange noir]

D'abord tu édites le sujet et tu sauvegardes toutes tes photos.

Ensuite fermes ton sujet et tu dois voir en haut à droite, Citer, Editer, Supprimer.

Tu cliques sur supprimer.

Tu ouvres un nouveau sujet et tu remets toutes tes photos dedans en les calant comme tu veux.

[mamita85]

Ah Ange Noir, oui bien sûr je vois ce que tu veux dire, sauf que je pense que l'on s'est mal compris ... ce n'est pas un sujet .. oui çà je sais faire, éditer.. supprimer .. mais là en fait ces photos sont déposées dans le panneau d'administration - Général - catégorie et forums (voir ma capture d'écran du début du post) et si je supprime tout le texte et les photos, il me reste ceci ...

et c'est ce tableau que je voudrais supprimer pour y remettre d'autres photos mais je ne peux pas le supprimer ... je ne sais pas si j'explique bien mon problème ...

[L'ange noir]

Ah, oui, effectivement, je n'avais pas compris.

Je vais regarder un peu et voir si je trouve ce qu'il peut se passer.

[L'ange noir]

Quand je le fais sur mon forum test, cela affiche le code et non le tableau lui-même. Essaye de te mettre dans l'angle en haut à gauche et voir si une petite croix s'affiche. Cela permet de selectionner le tableau. Puis tu le supprime par la touche supprime de ton clavier. J'ai aussi une autre astuce, tu créé une autre catégorie avec le même nom. Tu transferts tout les forums qui vont dedans et tu supprimes celle qui te poses souci. Radical, mais efficace.^^ (Pense aux permissions si tu fais cela).

[mamita85]

Ange Noir, alors pas de petite croix pour supprimer le tableau et pour le reste ... waouh ... trop de travail pour refaire tout ... je viens de basculer le mode Edition et j'ai eu ceci (1 exemple pour une photo ...):

<table border="0" cellpadding="1" cellspacing="1" style="WIDTH: 100%; FONT-WEIGHT: bold" _moz_resizing="true">

<tbody>
<tr>

<td style="COLOR: rgb(153,51,153)">

<div align="center">
<a href="http://beauceroninneed.actifforum.com/t19768-molly-x-beauceron-femelle-01-01-2008-dep-78"><img style="BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 155px; HEIGHT: 145px; BORDER-TOP: 0px solid; BORDER-RIGHT: 0px solid; border-image: none" alt="" src="https://i.servimg.com/u/f97/17/22/34/02/molly210.jpg" /> </a><br />
</div>

Comme je ne m'y connais pas du tout dans ces codes, j'ai copié les codes pour les remettre si je me trompais .. j'ai tout supprimé et mis mes photos ...bon ca fait moins bien c'est sûr mais c'est fait mais ô horreur je viens de m'apercevoir que dans les photos il y avait un lien pour renvoyer vers le sujet les concernant sur le forum ....

Et je ne sais pas comment faire pour joindre un lien sur les photos ....HELP !!!!!!!!!!!

[Invité]

Hello mamita85,
85 hum la Vendée ?

Alors je vais te donner un exemple avec les photos mises à dispo, qui sera bien plus simple pour toi car avec un tableau ce n'est pas toujours évident.

Si tu ne connais rien au codage , je vais tâcher d'y répondre .

Alors un lien se présente ainsi, exemple avec un lien vers le moteur de recherches "Google":

Code:


<a href="https://www.google.fr/">Google</a>


Dans cet exemple on a mit le lien de Google:

Code:

https://www.google.fr/

Et le mot Google pour l'affichage.

Ensuite on peut aussi mettre une photo à la place du mot ,
comme une des images de tes petits toutous:

Code:

<img src="https://i97.servimg.com/u/f97/17/22/34/02/molly210.jpg" />

Ensuite au survol des photos on peut afficher une infobulle :

Code:

title="Voir le sujet"

Code:

<a href="https://www.google.fr/"title="Voir le sujet"><img src="https://i97.servimg.com/u/f97/17/22/34/02/molly210.jpg" /></a>

Voilà pour les explications:

Voici le code avec six liens car plus, déformerait l'affichage du fofo:

Code:


<div class="M14Side">
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i97.servimg.com/u/f97/17/22/34/02/molly210.jpg" /></a>
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i97.servimg.com/u/f97/17/22/34/02/lorka10.jpg" /></a>
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i59.servimg.com/u/f59/13/38/77/06/sam_0710.jpg" /></a>
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i97.servimg.com/u/f97/17/22/34/02/molly210.jpg" /></a>
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i97.servimg.com/u/f97/17/22/34/02/lorka10.jpg" /></a>
<a href="LIEN VERS LE SUJET"title="Voir le sujet"><img src="https://i59.servimg.com/u/f59/13/38/77/06/sam_0710.jpg" /></a>
</div>


Il suffit de renseigner le lien pour chaque ligne et l'image et le texte de l'infobulle si besoin.


Afin d'avoir les photos de même dimensions:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


/*on donne une taille maximale aux photos*/
.M14Side img{float:left;width: 155px;height: 145px;}


Penses à cliquer sur le bouton

Le résultat final sur mon fofo de test:






a++

[mamita85]

Bonjour Milouze14 (le calva ), oui la Vendée pour moi

Merci beaucoup pour tes précieuses informations, je vais me lancer dans le codage avec ce que tu m'a détaillé, j'espère y arriver, je reviendrais pour te dire.
En attendant 1000 fois merci

[Invité]

Re,
non je suis en Vendée depuis 9 ans mais avant oui j'habité dans le Calvados .
Je réside à Chantonnay , tu connais ?
Bon je me sauve pendant une bonne semaine au soleil car on est pas très gâté
dans notre belle région .

Bon codage et à bientôt.
a++

[mamita85]

Hello Milouze, je m'attelle au codage ... je sue ... mais j'y arriverai .. j'y arriverai .
Idem pour moi, depuis 7 ans en Vendée mais auparavant dans l'Orne ..61, pas loin du 14
et oui je connais bien Chantonnay ...j'y vais faire mes courses à Hyper U.
J'habite à 16 km près de Bournezeau le monde est petit !

[mamita85]

Bonsoir Milouze, j'ai testé et à priori cela fonctionne avec tes codes (mis à part la taille des photos qui ne se règle pas malgré la modif dans la Feuille de Style).
J'ai juste des petits defauts : entre les photos, il y a des codes qui s'insèrent par exemple :



Comment puis-je les supprimer ? Merci encore pour ton aide précieuse.

[Invité]

Hello mamita85,
il faudrait donner le code html dans sa totalité stp car tu insères du bbcode .
a++

[mamita85]

Oh là là ... je crois que je n'y arriverai jamais ...

[mamita85]

Milouz, maintenant, pour les photos, leur taille, leur emplacement .. nickel .. mais le lien ramène vers leurs photos sur l'hébergeur d'image et non sur le forum, qu'est-ce que j'ai fait de mal ? voici un exemple de lien je mets des parenthèses au début et à la fin pour ne pas faire apparaître l'image et la couleur aussi c'est pour que tu vois mieux.

((<a href="http://beauceroninneed.actifforum.com/t19922-fanouk-beauceron-femelle-2010-86-chez-akire" title="Voir le post"></a><a href="https://goopics.net/i/ND1dZ"><img src="https://i.goopics.net/ND1dZ.jpg" alt="Image" /></a>))

Merci d'avance pour tes explications. Je suis nulle. .. je sais ..

[Neptunia]

Bonjour ^^


Là vous avez mis deux liens !

Le premier qui devrait apparaître sous forme de texte au dessus (ou à gauche de l'image)

Code:

<a href="http://beauceroninneed.actifforum.com/t19922-fanouk-beauceron-femelle-2010-86-chez-akire" title="Voir le post"></a>

Le second qui apparaît sur l'image

Code:

<a href="https://goopics.net/i/ND1dZ"><img src="https://i.goopics.net/ND1dZ.jpg" alt="Image" /></a>

Essayez plutôt :

Code:

<a href="http://beauceroninneed.actifforum.com/t19922-fanouk-beauceron-femelle-2010-86-chez-akire" title="Voir le post"><img src="https://i.goopics.net/ND1dZ.jpg" alt="Image" /></a>

Ou encore mieux :

Code:

<a href="/t19922-fanouk-beauceron-femelle-2010-86-chez-akire" title="Voir le post"><img src="https://i.goopics.net/ND1dZ.jpg" alt="Image" /></a>

Mieux parce que :
- c'est plus court si on omet le début du lien avec le nom du forum en ne conservant que ce qui suit /
- ça continuera de fonctionner si le forum change d'adresse.

[mamita85]

Bonjour Neptunia et merci beaucoup pour la réponse rapide. Je vais tout modifier et reviens pour vous dire. Hélas je ne suis pas une pro de ces langages informatiques ...

[mamita85]

Ayé ! çà marche ! Neptunia merci beaucoup
et Milouz aussi
J'ai mis du temps mais c'est OK.
Post résolu