Bonjour/Bonsoir.


Azumi Ikata.

Salut, as-tu fait un tour par ce forum :
http://www.css-actif.com/f31-structures-des-forums

je suis sur que tu trouveras quelque chose qui y ressemble

Pour commencer, tu peux lire ce tuto : http://www.css-actif.com/t11383-template-comprendre-la-structure-des-categories-forums-pour-mieux-pouvoir-les-modifier

Après, tu peux voir ces deux-là :
http://www.css-actif.com/t9071-description-des-forums-avec-liens-et-barre-de-defilement
http://www.css-actif.com/t10954-des-sous-forums-en-retour-a-la-ligne

et d'autres, dans la même rubrique.

Si l'un ou l'autre te pose des problèmes, n'hésite à demander de l'aide ici, en indiquant les points sur lesquels tu achoppes et en donnant tes codes modifiés.

Merci pour vos réponses ! Je n'avais pas chercher dans la bonne catégorie x.x
Mais je n'ai pas trouvé comment détaché les cellules pour que ce ne soit plus vraiment sous forme de tableau :/

Oui, toujours d'actualité o/

Salut
Je vais essayer de t'aider par contre je ne comprends pas ce que tu souhaites réaliser .

Azumi Ikata. a écrit:

Mais je n'ai pas trouvé comment détaché les cellules pour que ce ne soit plus vraiment sous forme de tableau :/

Qu'entends tu par détacher les cellules ?

Bonjour Azumi Ikata,

Je te rappelle que CSSActif n'assure pas les commandes, mais seulement une aide au codage, afin que chacun progresse par son apprentissage.
Aussi, pour permettre aux codeurs de t'aider, à partir du point où tu en es, il est indispensable que tu fournisses tes codes CSS et Templates modifiés, en indiquant précisément où est ton problème, quel tutoriel tu as suivi pour faire tes modifications, etc.

Je t'ai déjà indiqué quelques pistes, les as-tu explorées ?

Ce n'est pas grave, laissez tomber.
J'ai trouvé la plupart des codes, je vais me débrouiller pour le reste.

Merci pour votre aide :3
Azu'

C'est bête de laisser tomber. As-tu quelques bases en CSS ?
Si oui il faut que tu utilises le système des balises . Tu as le décryptage du template Index_Box très bien fait par Orange. Je te donne le lien ici.

Par exemple dans ton template :
{catrow.forumrow.FORUM_NAME} correspond à l'affichage du nom du forum.
Donc tu l'encadres de la façon suivante : <div class="titre>{catrow.forumrow.FORUM_NAME}</div>

Ensuite tu te rends dans le CSS de ton forum et tu poses le code de façon suivante.

.titre {
tes personnalisations
tes personnalisations
}

Tu me suis ?

Merci, pense que sa va m'aider **
J'ai essayer ce que tu m'a dit pour les titres des catégorie mais le nom de la catégorie disparaît carrément o:
Je sais pas si je les mis au bon endroit ou si c'est mon cass qui n'est pas correcte:

Code:

<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}"><div class="nom_cat>{catrow.cathead.CAT_TITLE}</div></a>

Code:

.nom_cat{
  left: 100px;
  top: 100px;
}

Dans mon souvenir cela ne marche pas dans le template avec les titres de catégories. Il faut que tu ailles dans Catégorie et forum et que tu entoures chaque nom de catégorie. Par exemple si ta catégorie s'appelle introduction, tu mets comme nom de ta catégorie <div class="nom_cat">Introduction</div>

De plus rien ne s'affiche car tu as mal codé la balise tu as oublié une "
Sa ne donne pas <div class="nom_cat> mais <div class="nom_cat">

Tu as essayé avec autre chose ?

Mince >.<'
Donc j'ai essayer de mettre directement dans le titre, rien y fait :/
De plus j'ai ré-essayé dans la template en corrigeant la

Sa vient de ton CSS je pense.

Code:

[i][color=blue].nom_cat{
  left: 100px;
  top: 100px;[/color]
}[/i]

Sa ne correspond à rien de mettre left et top.Qu'est-ce que tu cherches à faire ?

Je voulais faire monter le nom de la catégorie et le mettre a droite ^^'

Alors pour le monter je te conseille en faite de descendre ce qui est en dessous Donc dans ton template tu ajoutes

Code:

<br/><br/><br/>

après la div'.

Pour le mettre à droite essaye de mettre

Code:

padding-right : 60px

dans ton CSS.

Dit moi si sa marche

Hello Safran ! Merci de penser à mettre entre balises "code", les codes que tu indiques dans tes messages !
Sans balises, certains codes déforment le forum, d'autres sont invisibles, comme les

Code:

<br/>

Par ailleurs, si tu les mets entre balises, tu n'as pas besoin de rajouter un bbcode couleur, il se met automatiquement sur les codes inscrits.

J'ai testé et je ne peux pas utiliser de balises

Code:

<br>

car cela fait un espace entre l'image du haut de catégorie et ce qui a en-dessous :/

En ce qui concerne le "padding-right", et bien je le met dans mon css puis:

Code:

<div class="titre_cat">{catrow.tablehead.L_FORUM}</div>

dans la template.
En refermant bien la balise mais le problème c'est que sa ne déplace pas que le titre... sa déplace aussi la description du forum et l'image "New" !

J'ai essayé plein de trucs cet après midi', mais rien de très concluant...
J'ai réussi mettre le titre au bon endroit mais en créant une autre catégorie j'ai remarqué que le titre de la deuxième catégorie se plaçait juste au dessus du titre de la première catégorie ^^'

Pamina : Ah oui c'est mieux, je comprend. Merci de l'astuce


Azu : Alors déjà pour le padding-right, essaye d'enlever celui des templates et de mettre la div dans tous les noms des catégories. Sa prend plus de temps je sais, mais je pense que c'est la seule solution pour ne pas que sa bug. Ensuite pour le saut de ligne je ne comprend pas que sa fasse sa. Est-ce que je peux avoir ton template s'il-te-plait ?

C'est bon j'ai réussi ! :DD
J'ai essayer avec padding-right seulement cela donnait toujours la même chose... Alors j'ai tester avec margin-right et sa marche parfaitement ^^
Pour l'instant tout va bien, si je n'arrive pas a quelque chose je repost (:
Merci de ton aide ^^

Ah oui je n'y ai pas pensé ... Ah ! Tu as pu y arriver ! N'hésite pas si tu as besoin d'aide pour les autres div' !

Et bien je suis déjà de retour xD
Maintenant c'est pour déplacer les titres des forums ._.
J'arrive a le centrer mais pas a la faire monter.
Voici le CSS:

Code:

a.forumlink{
  font-size : 35px;
  font-family: JAMES HAN;
  text-shadow: 1px 1px 1px #EEDDBE;
  color: #81261D;
  margin-left:200px;
  margin-bottom:100px;
}

Alors comme pour les catégories je te conseille de passer par le template Index_Box .
Tu as ce code :

Code:

<span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>

Et tu places le saut de ligne de cette façon :

Code:

<span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /><br />
            </span>