Sujets similaires

Bonjour ou bonsoir !

Voilà, ma question a peut-être déjà été posée — si c'est le cas, je suis désolée ^^' — j'ai fouillé les sujets, ainsi que sur les forums de codage (Never Utopia, le forum des forums, PRD, etc... ainsi qu'ici) mais sans trouver ma réponse >.< or, je vous demande à vous ! Alors voilà, j'aimerais un effet comme celui sur GH :

Spoiler:

Ou encore comme ici :

Spoiler:

Ou encore comme sur CSS-actif. Je ne veux pas un c/c identique, juste savoir comment faire pour les fusionner et mettre un cadre autour, ainsi que quel template est concerné. Après, pour les variantes, je me débrouillerais. Car j'ai essayé moi-même mais dans le mauvais template (celui du index-box '-') et ça m'a fait une cata monstrueuse xD Merci en tout cas par avance de votre aide Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:01

Hello ^^

Alors pour ta première image je te conseille de lire ce tutoriel : http://www.css-actif.com/t4061-messages-sujets-indiques-au-dessus-du-dernier-message-poste. Il pourra t'aider a supprimé les colonnes et a mettre sujet et message la où tu voudras ^^

Pour la deuxième image je cherche encore le tutoriel mais je te préviendrait quand je l'aurais trouver ^^

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:04

Salut,

Alors pour commencer le template concerner est Index_box donc je t'invite à lire ce sujet (regarde les réponses car le sujet principal n'a pas encore était mis à jour) pour comprendre le template.

Ensuite suit différents tutoriel dans cette section et celle-là !

Sinon l'idée générale serait d'encadrée/replacée/supprimée tes variables de div et de les déplacées via ton CSS.

K-Surf

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:09

Merci de ton aide Faucon ! Mais ça, je sais déjà le faire. En fait, c'est pour l'affichage des sujets comme là, avec l'encadré et le reste.

K-Surf ; c'est déjà fait, et je n'ai trouvé la réponse nulle part >.< j'ai également fouillé sur internet, mais sans succès. Et apparemment c'est le template topics_list_box je crois d'après mes recherches, mais je n'y arrive pas >.< du coup, j'ai remis le template à zéro Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:18

J'ai trouver je pense ^^

Es ce que c'est cela que tu souhaite faire [TITRE] ÉCRIT PAR [PSEUDO]
Si oui il y a un tutoriel ici qui peux te donner la réponse ^^ le voici : http://www.css-actif.com/t10933-liste-des-sujets-sous-la-forme-titre-ecrit-par-pseudo

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:24

Oui effectivement dans topics_list_box j'ai trouvé un tutoriel, voilà le résultat (toutes les décorations sont en css donc facilement modifiable).

Spoiler:

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 11:59

C'est un mixe des deux en fait ! Donc je suis preneuse, si vous avez, pour les variantes, je les ferais moi-même ensuite Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 12:08

Alors c'st un tutoriel de Quierra mais pour éviter tout pub je les mets ici Smile

Citation censurée, ce genre de reprise n'est pas autorisée sur CSSActif. - Orange

Maintenant je pense que tu peux te débrouiller en enlevant, modifiant....

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 12:13

Merci beaucoup K-Surf ! Ça marche à merveille ! Merci beaucoup beaucoup de ton aide Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 12:30

Désolée du DP, mais je n'arrive pas à tout englober comme ici o_o et ça me fait ça dans les cellules qui ne sont pas concernées :

Spoiler:

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 14:39

Oh là oh là !

K-surf, copier le tutoriel d'un autre forum sur CSSActif est du vol, point à la ligne. Si tu voulais l'aider, tu pouvais lui expliquer quoi faire pas à pas. De plus Faucon a donné les liens nécessaires vers les tutoriels de CSSActif pour ça. D'autant plus que le code de Quierra, s'il a un bon rendu esthétique, n'est pas toujours très pro au final (j'ai vu du CSS dans le HTML)

Lastbreath, cela nous aiderait si on avait ton template pour savoir ce que tu as fait exactement, voire le lien vers ton forum de test pour repérer plus facilement les erreurs avec firebug.

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 14:59

Oukip

voici mon template avec mes modifications apportées :

Et mon css concernant les parties concernées :

En fait, j'aimerais tout englober, comme ici sur css-actif :

Spoiler:

Ou encore comme là :

Spoiler:

Mais j'ai ce bug qui survient avec le code de Quierra :

Spoiler:

Voilà xD j'aimerais garder les mêmes variantes que j'ai mise moi-même dans mon template, mais avoir tout qui soit englober sur une ligne comme dans mes exemples. Le reste, je m'en occuperais. Merci de votre aide encore une fois en tout cas Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:38

Je tiens à m'excuser ce n'étais pas du tous mon attention pale

Hum Last pourrais tu me montrer ce que sa donne quand tu as un sujet de créer ?

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:41

Ouip, ça me donne ça :

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:44

Ca va être difficile de corriger en fait, il y a de grosses erreurs structurelles dans ton code O_o

Cette partie en particulier :

Code:: <div class="englobetoutsujet"> 
<td class="{topics_list_box.row.ROW_FOLDER_CLASS} row_tfa" align="center" valign="middle" width="20">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>

<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td></div>
 </div>

On est dans un tableau, pourtant on voit une cellule de tableau englobée par un <div> ce qui n'est absolument pas autorisé (dans le sens pas autorisé par les normes de codage, hein, pas interdit par la loi XD)
Le premier </div> est d'ailleurs en trop, si on fait abstraction de l'erreur de structure (ne rien mettre entre les lignes/cellules d'un tableau) il ne faut pas oublier que les commentaires BEGIN et END fonctionnent exactement comme les balises et qu'il ne faut donc pas les croiser.

Fondamentalement l'affichage d'un sujet se situe entre le commentaire  et le commentaire 

Juste après et avant ces deux balises, on voit les <tr> et </tr> qui impliquent une ligne de tableau. Il serait plus simple pour faire ton encadrement de t'arranger pour que la ligne de tableau contienne elle même un tableau. En d'autres termes (attention, je vais schématiser), tu as ça au départ :

Code:: <tr>
<td>Une cellule</td>
<td>Une autre cellule</td>
<td>Encore une cellule</td>
</tr>

Et toi tu devras plutôt faire ça :

Code:: <tr>
<td>
   <div class="BlocTopic">
   <table>
      <tr>
         <td>Une cellule</td>
         <td>Une autre cellule</td>
         <td>Encore une cellule</td>
      </tr>
   </table>
   </div>
</td>
</tr>

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:47

J'ai voulu essayer moi-même, à partir du code de Quierra en apportant mes propres modifications, sauf que ça n'a pas marché '-' mais mon template est bourré d'erreur alors... j'ai essayé de faire comme tu as dit en tableau, mais ça n'a pas fonctionné, ça m'a enlevé les 3/4 du template >.< donc comment je dois m'y prendre ? Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:49

Et... il devient quoi ton template maintenant après avoir mis en application mes remarques ? '_'

Sujet: Re: Problème annonces / post-it Sam 01 Sep 2012, 15:51

Ceci : (oui j'ai plusieurs forums tests au cas où xD)

Spoiler:

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 10:08

Non, quand je disais template, je parlais du code de ton template ^^'

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 11:28

Ah pardon, j'avais pas compris >.< -est une quiche, BONJOUR-

Voilà Problème annonces / post-it 577704309

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 12:18

Aie XD C'est pas forcément au point en fait XD

Regarde ici par exemple :

Code:: <div class="englobetoutsujet"><table><tr><td>
<td class="{topics_list_box.row.ROW_FOLDER_CLASS} row_tfa" align="center" valign="middle" width="20">

Tu vois un <td> suivi (sans compter le commentaire) d'un autre <td ...> ! Si tu potasses tes notions en construction de tableaux en HTML, tu admettras aisément qu'il y a là un problème @x@

Ensuite le </div> dans cette partie doit être supprimé :

Code:: <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td></div>

Et tu dois en fait le placer (le </div>) juste après le </table> vu que tu l'avais ouvert avant un <table>, soit après cette partie :

Code:: <span class="gensmall">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE}</span>
</span></td></tr></table>

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 12:21

Oukip, mais ce qui m'embrouille c'est les tableaux présents avant et après '-' du coup, avec le templates de Quierra, je me suis emmêlée les pinceaux, et ça a donné... ça xD du coup, j'ai essayé d'enlever et de faire le tableau que tu m'avais dit hier, ainsi qu'autrement (oui j'ai fait plusieurs tests, au cas où, avant de venir redemander encore une fois xD), bah ça m'a enlevé les 3/4 de l'affichage des sujets '-'

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 12:33

Je te conseille de sauter une ligne après chaque tr, td ou table, ça t'aidera à mieux lire. Idéalement, de rajouter des tabulations aussi.

Il est plus difficile de lire ça :

Code:: <table><tr><td></td><td></td><td></td></tr></table>

Que ça :

Code:: <table>
<tr>
   <td></td>
   <td></td>
   <td></td>
</tr>
</table>

Dans le deuxième cas on voit bien l'ouverture et la fermeture d'une table, l'ouverture et la fermeture d'une ligne, et trois cellules "côte à côte" à l'intérieur de cette ligne.

Tu as fait les modifications que je t'ai suggérées ?

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 12:38

... bah en fait, j'y arrive pas >.< y'a trop de table, de tr, de td etc... je sais pas lesquels enlever et lesquels laisser '-'

Sujet: Re: Problème annonces / post-it Dim 02 Sep 2012, 13:21

Ah mais >< Faut pas abandonner en même pas un quart d'heure ! Suffit d'y aller calmement.

Le code que tu dois corriger, pour le moment, c'est cette partie bien précise :

Code:: <div class="englobetoutsujet"><table><tr><td>
<td class="{topics_list_box.row.ROW_FOLDER_CLASS} row_tfa" align="center" valign="middle" width="20">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>

<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td></div>
</td><td>
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="list_descrip">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
« <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> »
<img src="http://files.getwebb.org/files/57/ae/fe/6267bf3b29c057c9f94ce87239329db554/source.png" alt="" style="vertical-align: middle;" />
<span style="font-weight: lighter;">par {topics_list_box.row.TOPIC_AUTHOR}.</span> <span class="topicfond">Le sujet a reçu <span class="chiffres">{topics_list_box.row.REPLIES}</span>
réponse(s), et a été vu <span class="chiffres">{topics_list_box.row.VIEWS}</span> fois.</span>
</h2>
<span class="genmed">
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span> </td><td><span class="postdetails tfa">

{topics_list_box.row.LAST_POST_TIME}
<br>{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE}</span>
</span></td></tr></table>

Outre les td en double que je t'ai signalés (il y en a deux), je t'ai aussi dit de supprimer un /div et d'en rajouter un à la fin, commence par faire ça. Ensuite, tu fais un saut de ligne chaque fois qu'il y a un table, un td ou un tr.

A ce niveau là tu verras facilement s'il y a des balises en double au niveau du tableau (sans te préoccuper du reste pour le moment)

Problème annonces / post-it

Problème annonces / post-it

Sujets similaires

Sujets similaires

Partenaires Or