Gros souci dans la prévisualisation (template viewtopic_body ?)

[Kiraxa]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://sparkle.forumactif.org/

Description du problème

Bonsoir ! Il se fait tard et je me rends compte que j'ai un peu bidouillé mes codes pour mon forum en construction... Je vous explique d'abord puis j'ai plusieurs captures d'écran :

En gros, j'ai beaucoup modifié la façon d'afficher un sujet pour que ce soit plus esthétique, et j'ai peut-être possiblement fait quelques bêtises (ou supprimé des trucs) dans le template sans m'en rendre compte...

Donc voilà, lorsque je prévisualise un code, ça ne donne pas la même chose que lorsque je valide celui-ci ! Ce n'est valable que lorsque j'entre du code dans un message !

Screens :

message avec seulement du texte:

ajout d'une image avant ce texte:

message (d'un code) lorsque je le valide:

or, lorsque je fais éditer et que je le prévisualise j'ai ça:

J'espère que vous pourrez m'aider, sincèrement car je devais ouvrir ce forum ce week-end malheureusement ! Je vous poste mon template et le CSS qui y fait référence, j'espère que vous trouverez ce qui manque ou ce qui a été modifié...;

viewtopic_body:

CSS:

PS : si ça peut aider, 90% des modifications que j'ai faite dans ce template prenaient effet à cet endroit : https://i.gyazo.com/247c5721fb0acdaa97e6ae0c3e7e6ff1.png (tout ce qui allait au dessus du message posté)
Merci infiniment !

[Moon Ha Neul]

Coucou,

Alors pour ce qui est de la prévisualisation des messages, rien ne se fait dans la template viewtopic_body mais dans la template qui se trouve dans l'onglet poster et messages privés. Donc le problème vient certainement de votre fiche.

Le bienvenue sur Sparkle se trouve sous ta fiche. Il faudrait jouer avec la position pour qu'il se mette en dessous. Mais au cas où dans ta template, tu as ceci :

Code:

 <div class="postbodycusto">

                    <div>{postrow.displayed.MESSAGE}</div>

rajoute une </div> après ta dernière </div>

[Kiraxa]

Le problème peut venir de la fiche oui, mais alors pourquoi rien ne s'affiche dans la prévisualisation lorsque je met une image avec du texte après ? :/
(je n'ai pas touché au template de prévisualisation)

et pour la class "postbody" ça ne vient pas de là, car la balise a déjà été refermée plus loin! (j'ai tout de même essayé de la refermer après la variable, mais ça m'a mis toutes les autres balises qui suivaient en rouge)

[Moon Ha Neul]

Je regarderai dés que j'ai accés au pc.

Et supprime la div que je t'ai dis de rajouter si c'est pas dejà fait. On va faire ca dans l'ordre. La previsualisation avec image. On regardera pour l'editer apres

Edit: pour le texte et l'image qui disparait. Tu as oublié de fermer ton image. Le code est
<img src="url de l'image"/>
Tu as oublié le deuxieme guillemet.

[Kiraxa]

Ah exact, merci déjà pour ça ^^

[Moon Ha Neul]

Je pourrais avoir le code HTML de la fiche et le cass? (Tu peux le mettre sous hier si besoin)

[Kiraxa]

pas de problème ^^

Code:

<table style="border:5 px solid white;"><tr><td><div style="width:320px;height:272px;padding:10px 5px;background-image:url('http://25.media.tumblr.com/tumblr_m8nhk3w96X1r9g6hvo2_250.gif');opacity:0.9;color:#EEE;border-right:2px solid #212121;padding:15px;"><span style="font-style:italic;font-size:30px;color:#EEE;font-family:times new roman;font-weight:bold;padding-left:10px;text-shadow: #212121 1px 1px 1px;">prénom p. nom</span><br/><br/><div style="margin-left:4px;width:290px;height:120px;background-color:#F9F9F9;overflow:auto;padding:10px;text-align:justify;border:1px solid #EEE;"><span style="color:#212121;font-size:12px;line-height:12px;font-family:arial;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque gravida augue ut feugiat. Pellentesque sit amet orci sit amet nisl rutrum varius. Quisque egestas lectus ut suscipit interdum. In dignissim sodales metus quis tincidunt. Nulla lorem quam, consequat in pharetra id, volutpat at urna. Integer mattis, lacus non hendrerit cursus, nisi tortor euismod erat, nec vulputate lectus eros vitae sapien. Integer quis dolor dignissim, sagittis mi eget, auctor turpis. Morbi a mauris in odio iaculis conseq.</span></div><br/><div style="width:304px;height:62px;background-image:url('http://image.noelshack.com/fichiers/2016/14/1459812231-sans-titre-3.png');margin-left:4px;border:4px solid #f9f9f9;outline:1px solid #d3d3d3;"></div>

</div></td><td><div style="padding:10px;color:#EEE;background-image:url('http://25.media.tumblr.com/tumblr_m8nhk3w96X1r9g6hvo2_250.gif');opacity:0.9;width:190px;height:272px;margin-left:-2px;padding-top:20px;"><span style="font-family:times new roman;float:right;font-size:16px;">après validation, tu dois</span><br/><div style="width:190px;height:1px;background-color:#F9F9F9;margin-top:10px!important;"></div><span style="font-size:12px;color:#F9F9F9;">
[left]●● recenser ton avatar
●● demander un logement
●● compléter la partie « [i]I'm sparkling[/i] » dans ton profil
●● poster une demande de rp si besoin [/left]
</span><span style="font-family:times new roman;float:right;font-size:16px;">facultatif</span><br/><div style="width:190px;height:1px;background-color:#F9F9F9;margin-top:10px!important;"></div>
[left]●● poster ta fiche de relation
●● jeter un coup d’œil à l'organisation de ton groupe[/left]


[right][b][i]bienvenue
sur SPARKLE ![/i][/b][/right]
</span><br/>
</div></td></tr></table>

[Moon Ha Neul]

Houlà, il y a un mélange de html et de bbcode. Tu permets que je te mette des class? Il te suffira de mettre le css dans la feuille de style après. Mais j'ai besoin de voir si tu as une balise de mal fermer.

[Kiraxa]

Tu peux oui ! Mais j'ai l'impression que mon css bug par moment... car j'ai mis des class pour simplifier le code de mon modèle de fiche de présentation, et j'ai dû laisser un "div style" et recopier la ligne à un moment car celle-ci ne s'affichait pas quand je la mettait en class et dans mon css !

(si jamais je te met le code de cette fiche ^^)

Spoiler:

[Moon Ha Neul]

Bon je viens de previsualiser ta fiche de validation et je n'ai pas de soucis. Tout affiche chez moi comme il le faut (mais je suis sur mon tel)

Pour ta fiche de prez. Quand j'ai un soucis avec un code je mets tjs un overflower:hidden pour voir si ce que je donne comme class fonctionne .

[Kiraxa]

Tant mieux si ça apparait bien alors, c'est pas grave si c'est juste pour cette fiche de validation !

Par contre je ne comprend pas pourquoi mettre le overflow:hidden ?

[Moon Ha Neul]

C'est pour voir si mon code fonctionne vu que tout ce qui dépasse la longueur du cadre sera fâche .

Y a moyen d'avoir un exemple de la fich e de présentation?

[Kiraxa]

Pour la fiche de présentation j'ai gardé les screens d'hier soir ^^
https://i.imgur.com/olGRXj3.png > la class du fond derrière le "NOM PRENOM" (qu'on voit à peine) ne s'affichait pas
https://i.imgur.com/mr3n70l.png > j'avais enlevé la partie NOM PRENOM qui ne s'affichait pas bien, et du coup la class du fond en gris ne marchait pas non plus !

https://i.gyazo.com/045326567104e510f6e196bd8c9592a4.png > là j'avais réussi à faire fonctionner la class pour le NOM PRENOM je ne sais plus comment, mais pour le fond gris j'ai du enlever la class et remettre un div style dans le code :/

[Moon Ha Neul]

N'ayant pas ton css je ne sais pas dire ou est l'erreur. Il doit avoir une div de mal fermer.

[Kiraxa]

J'ai eu beau revoir le tout je ne la trouve pas...

Par contre j'ai l'impression que mon css devient trop lourd, parfois quand je le valide et que j'actualise ma page, l'ensemble de mon codage (catégories, page d'accueil, qeel, liste des sujets compris...) se déforme comme si le css c'était effacé ! N'y aurait il pas une méthode pour l'alléger ? :/

[Moon Ha Neul]

Euh bonne question. N'as tu pas des codes qui se répètent? Car ça peut être ça ^^

[Invité]

héllo Kiraxa
regarde se sujet ...
http://forum.alsacreations.com/topic-4-67622-1-Compresseur-css.html#p455415

-ensuite ton css et peut être bientôt a saturation , maximum 65000 caractère ( il fraudrez voir aussi pour l'hébergé peut être par la suite , ou une partie )
ici par exemple
https://www.archive-host.com/

-il y a aussi quand ont modifie pas mal les forum , il faut vidé régulièrement son cache
https://support.google.com/chrome/answer/95582?hl=fr

bon courage pour la suite ...

[Kiraxa]

Ah merci beaucoup je me demandais justement si on pouvait l'héberger mais avec forumactif je ne voyais pas trop comment faire... !

Merci pour les liens !

[Invité]

tous est possible

si un jour vous décider de l'hébergé , un conseil gardé dans votre feuille de style css (le css important )
hebergé juste le superflu , qui ne doit plus être modifier .

mais pour l'instant un compréssage ou un vide de cache devrait suffire amplement..

[Kiraxa]

D'accord, je ne suis qu'à environ 20 000 caractères ! ^^
Merci beaucoup !

[Invité]

de rien .. a bientôt ..