Organisation des descriptions

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Organisation des descriptions

Message par Invité le Sam 11 Déc 2010 - 22:41

Bonsoir,

Je suis actuellement en train de modifier mon forum au niveau des descriptions des catégories && je rencontre quelques soucis.

Voilà le template concerné :

Code:
<br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
        </td>
 
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
       
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <span class="forumlink"><div class="forum_name">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

                </span></div>
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><div class="icône"><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td></div><td style="width:80%;">{catrow.forumrow.FORUM_DESC}</td><td class="row3 over" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages - {catrow.forumrow.TOPICS} sujets
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
        </span>


      </td>
      <!-- BEGIN forum_link_no -->
<!-- [ FIN DES MODIFICATIONS ] -->
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

&& Le CSS :

Code:
/*------------Titre du forum------------*/
.forumlink {
      font-size:20px;
      font-family:Arial;
      color: #000000;
}


.forum_name {
      margin-top: 0px;
      margin-bottom: -10px;
      margin-left: 80px;
      color: #000000;
}


/*-----------Description du forum-----------*/
.forum-description {
      margin: auto;
      -moz-border-radius: 40px;
      webkit-border-radius: 40px;
      border-radius: 40px;
      border-right: 2px solid #dddddd;
      border-left: 2px solid #dddddd;
      border-top: 5px solid #dddddd;
      border-bottom: 5px solid #dddddd;
      background-color : #cccccc;
      padding: 10px;
      font-size: 10px;
      text-align: justify;
      color: #ffffff;
      width: 90%;

}


/*----------Statistiques du forum----------*/
.forum-stats {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px outset #000000;
      background-color : #555555;
      color: #ffffff;
      font-size: 9px;
      padding: 3px;
      text-align: center;
      height : 50px;
      width : 200px;
}



/*----------Icône message-------------*/
.icône {
      -moz-border-radius: 20px;
      webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px outset #000000;
      background-color : #cccccc;
      color: #ffffff;
      font-size: 11px;
      padding: 3px;
      text-align: center;
      height : 25px;
      width : 40px;
      }

Plusieurs questions donc :

  • Je n'arrive pas à modifier la couleur du titre du forum avec le CSS. La seule façon pour moi de modifier cette couleur est de modifier la couleur des liens dans le panneau d'administration. Le hic c'est que je souhaite modifier uniquement la couleur du titre du forum. Est-ce qu'il y aurais un moyen ?


  • Je n'arrive à modifier ni la couleur ni la taille du texte des descriptions. D'où pourrait venir le problème ?


  • J'ai créé un encadré afin d'y mettre l'icône des messages. Le problème c'est que je n'arrive pas à intégrer l'image à l'encadré qui se retrouve au-dessus ...

J'ai également un problème avec une partie de mon CSS. Lorsque je met ça dans ma feuille de style && que j'enregistre, ça me dit qu'il n'y a pas le même nombre de guillements. J'ai beau relire && relire, je ne trouve pas l'erreur ... :

Code:
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #ffffff;
border: 1px outset #ff0000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}

&& Enfin dernier poblème. J'ai remarqué que lorsque je veux lire un sujet ou quand je regarde la liste des sujets, il n'y a pas de séparations entre les colonnes. J'ai donc voulu modifier mes couleurs mais lorsque je modifie la couleur du cadre des cellules, c'est tout le fond de mon forum qui prend la couleur. Pour que vous voyez ce que ça donne je vais mettre la couleur rouge.

Je précise que seul le template index_box a été modifié!

Merci d'avance aux personnes qui prendront le temps de répondre Razz


Dernière édition par supernana le Lun 13 Déc 2010 - 16:35, édité 2 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Automne le Dim 12 Déc 2010 - 9:47

Bonjour,

Je ne pourrais pas vous aider pour tout, il y a longtemps que je l'ai fait, plus trop de souvenir;
pour le css, le problème du guillemets, j'ai eu le soucis, il faut retirer, le "L" apostrophe de l'affichage.

Code:
/*--- Cette partie correspond à affichage des sous-forums ---*/
.forum-sousforum {
color: #ffffff;
border: 1px outset #ff0000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}

modifier couleur tire forum, dans catégorie et forum, nom du forum
<font color=#D3732F>le titre du forum</font>

pour changer police d'écriture des descriptions, dans le forum voulu, vous cliquez sur -html , et faite vos mises en page, dans descriptions (couleurs, grosseurs, défillement .......


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Invité le Dim 12 Déc 2010 - 12:41

Merci beaucoup Automne. Ca me fait déjà quelques problème en moins Razz

J'attends de voir si d'autres personnes ont des solutions à mes problèmes restant.

  • J'ai créé un encadré afin d'y mettre l'icône des messages. Le problème c'est que je n'arrive pas à intégrer l'image à l'encadré qui se retrouve au-dessus ...

  • && Enfin dernier poblème. J'ai remarqué que lorsque je veux lire un sujet ou quand je regarde la liste des sujets, il n'y a pas de séparations entre les colonnes. J'ai donc voulu modifier mes couleurs mais lorsque je modifie la couleur du cadre des cellules, c'est tout le fond de mon forum qui prend la couleur. Pour que vous voyez ce que ça donne je vais mettre la couleur rouge.

Je précise que seul le template index_box a été modifié!


Merci d'avance aux personnes qui prendront le temps de répondre Very Happy


Dernière édition par supernana le Dim 12 Déc 2010 - 14:01, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Invité le Dim 12 Déc 2010 - 13:52

Bonjour,
supernana a écrit:J'ai créé un encadré afin d'y mettre l'icône des messages. Le problème c'est que je n'arrive pas à intégrer l'image à l'encadré qui se retrouve au-dessus ...
Dans votre template vous avez mis la class "icône" à l'extérieur du tableau , c'ets pour ça que le cadre apparait au dessus. Remplacez:
Code:
<!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><div class="icône"><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td></div>
par
Code:
              <!-- [ DÉBUT DES MODIFICATIONS ] -->
 <div class="forum-description"><span class="genmed"><table><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div class="icône">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
        </td>
Je n'ai pas de réponse pour l'autre soucis.
Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Invité le Dim 12 Déc 2010 - 14:02

Ah super! Merci beucoup Isolde Very Happy
Il ne reste donc plus qu'un seul problème.

  • && Enfin dernier poblème. J'ai remarqué que lorsque je veux lire un sujet ou quand je regarde la liste des sujets, il n'y a pas de séparations entre les colonnes. J'ai donc voulu modifier mes couleurs mais lorsque je modifie la couleur du cadre des cellules, c'est tout le fond de mon forum qui prend la couleur. Pour que vous voyez ce que ça donne je vais mettre la couleur rouge.

Je précise que seul le template index_box a été modifié!


Merci d'avance aux personnes qui prendront le temps de répondre Very Happy


EDIT :

J'ai trouvé le comment du pourquoi.
J'avais en fait lais vides les lignes Table Rangée Couleur 1 , Table Rangée Couleur 2 et surbrillance, Table Rangée Couleur 3 et séparations de façon à ce qu'il n'y ai pas de fond dans mes descriptions de forum.

J'aimerais donc savoir s'il était possible de modifier uniquement la couleur de fond des descriptions des forums ( là où c'est violet ) sans que cela modifie cette même couleur dans la listes de sujets && des sujets ?

Je poursuis mes recherhe de mon côté!!!!!!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Automne le Dim 12 Déc 2010 - 15:55

Salut,

pour changer l'intérieur du cadre de l'onglet seulement, rajouter

background-color: #votre couleur;


dans /*--- Cette partie correspond à la description du forum ---*/ à la fin de cette partie juste après font size 12px et avant }

je ne sais si cela va marcher chez vous, ( sa le fait chez moi) car vous avez la bulle dernier sujet que je n'ai pas.

Bon de toute façon, pour mettre la couleur a l'intérieur c'est :

background-color: #votre couleur; dans la partie correspondante a celle que vous voulez changer.


Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Invité le Dim 12 Déc 2010 - 18:22

Je souhaite changer la couleur d'arrière plan ( violette en ce moment sur mon forum ). Si j'ajoute le code que vous me donnez ça change la couleur de l'encadré que j'ai crée.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Organisation des descriptions

Message par Invité le Lun 13 Déc 2010 - 16:35

Je vais me débrouiller autrement.
Sujet résolu && merci aux personnes qui m'ont aidé Very Happy

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum