Onglets ??? + Affichage du Nombre de Messages

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

Résolu Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 26 Oct 2010 - 16:26

Bonjour,

Onglets :
Voilà plus d'une semaine que j'essaye de faire de fichus onglets à la place de la catégorie. J'ai bien vu qu'il y avait ce sujet d'ouvert → Catégories du forum en Onglets, mais en faîtes, je zap complétement.

J'ai aussi farfouillé dans les archives, j'ai trouvé :
ça → Afficher les catégories d'un forum en onglets
et ça → Affichage des forums en Onglets [tuto officiel]

Mais rien à faire, les onglets c'est pas mon truc - mais je veux mes onglets ! Sad
(Si quelqu'un pouvait me l'expliquer comme s'il le faisait à son gamin de 6 ans, sa m'aiderait peut-être What a Face )
Non, blague à part, j'y arrive vraiment pas, c'est un casse-tête incroyable pour moi !

Affichage du Nombre de Messages :
De plus, je cherche toujours comment faire pour afficher le nombre de messages et de sujets poster dans une catégorie dans sa description.
Comme ceci :


Merci d'avance Very Happy


Dernière édition par Waaapi le Mar 2 Nov 2010 - 12:35, édité 1 fois

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Mar 26 Oct 2010 - 18:01

Ah lala, c'est simple pourtant.
Je vais faire une overdose d'onglets si je continu. x )

Alors on commence par le début.

Vous devez être Fondatrice et pouvoir toucher aux templates.

Alors, déjà il vous faut enregistrer le script des onglets dans un hébergeur de fichier qui accepte le javascript comme celui-ci.

Voici le texte Javascript que vous devez enregistrer sur ce script :

Spoiler:
Code:

Comment enregistrer ce fichier en .js ?
Boaf c'est simple, vous copiez/collez ce code dans un document type bloc note.
Ensuite vous cliquez sur "enregistrer-sous".
Vous voila dans la fenêtre d'action. Dans le champ d'appellation du fichier, vous tapez ceci ENTIEREMENT : fichieronglet.js

Seul ce qui est en orange peut être changé, mais vous devez taper aussi le ".js" et ça l'enregistrera en fichier JavaScript : JS.

Ensuite, donc vous enregistrez ce document fichieronglet.js dans vos fichiers, et vous l'envoyez sur le site hébergeur. Vous allez avoir son adresse directe, c'est celle-ci qu'il faut prendre.
Vous gardez cette adresse, on en aura besoin plus tard, donc le mieux, c'est que vous gardiez la page ouverte une fois que le fichier est enregistré.


Alors maintenant, on retourne dans notre Panneau d'Administration, et on va direction les templates dans le Panneau d'Administration >> Affichage >> Template Général >>

On modifie : edit le template index_box, qui correspond à : "Page d'accueil - affichage des catégories".

Nous voilà dans le template. Bon, j'espère que vous n'avez pas déjà apporté de modifications intérieurs parce que sinon ce que je vais dire va certainement servir à rien. Surprised

Alors, dans le template, remplacez le contenu par ce code :

Spoiler:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}

        {CURRENT_TIME}

        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<div class="my_cat"> <ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}

            Posts: {catrow.forumrow.POSTS}

            Dernier post: {catrow.forumrow.LAST_POST}

         
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Le contenu correspondant aux onglets est celui-ci :

Spoiler:
<div class="my_cat"> <ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
</tr>
<tr>
<td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
<td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
<td class="my_stats" width="200" valign="top">
Topics: {catrow.forumrow.TOPICS}

Posts: {catrow.forumrow.POSTS}

Dernier post: {catrow.forumrow.LAST_POST}


</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>


Vous enregistrez : :enreg: et vous cliquez sur la petite croix verte : ajout


Voilà, ensuite on change de template. On va dans celui qui s'appelle : overall_header, et qui correspond à "haut de page".
Alors vous le modifiez aussi en cliquant sur edit

Dans ce template là, vous cherchez cette balise :

</head>
Il y en a qu'une vous ne pouvez pas vous tromper. Et juste avant vous mettez code :

<script type="text/javascript" src="URL DE VOTRE FICHIER JAVASCRIPT HEBERGE.js" ></script>

Donc là, vous avez compris, il faut sortir l'url du fichier hébergé, trouvable sur la page archive-host, si vous ne l'avez pas fermée.

Une fois que ceci est rempli, vous enregistrez votre template et vous le validé :

:enreg: puis ajout

Voilà. Pour les templates, c'est fini.


Donc maintenant il faut donner un graphisme à ces onglets, on va dans le css :

PA >> AFFICHAGE >> COULEURS >> FEUILLE DE STYLE CSS

Spoiler:
Code:
.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{

 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align:center;
  width: 100%;
  -moz-border-radius: 6px;
  border: 1px solid #EAEAEA;

}
.my_title{
  text-align:center;
  font-size: 14px;
font-family: Arial;
}

.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;

}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}

.my_cat a:hover {
text-decoration: none !important;
color: #000;
}


Vous enregistrez : ajout

Et normalement c'est bon il ne restera plus qu'a configurer le graphisme, ce que vous pouvez faire via le css.


Dernière édition par Lixyr Yrna le Mar 26 Oct 2010 - 22:32, édité 1 fois

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 26 Oct 2010 - 18:12

Bonjour,

Et merci de m'aider x)
C'est normal si y a rien dans le premier spoiler *court se cacher très loin*

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 26 Oct 2010 - 19:08

C'est incroyable \o/
J'aaaai réuuuussis ! 'Fin, c'est " un peu " grâce à toi ! Very Happy
\o/ Je te remercie grande déesse de l'Onglet \o/

Mais (ben oui, fallait bien que je casse tout !), le fond de la description des forums est transparente et avec l'écriture par dessus, sa rend pas très bien, est-ce que je peux mettre un fond plein ? (en couleur unie quoi ^^)

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Mar 26 Oct 2010 - 22:10

Un bugg. Il fallait bien que ça m'arrive. Non c'est pas normal. x)

Voici le code :

Spoiler:
Code:
function changeOnglet(_this){
   var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
   for(var i = 0; i < getOnglets.length; i++){
      if(getOnglets[i].id){
         if(getOnglets[i].id == _this.id){
            getOnglets[i].className = 'mon_onglet_selected';
            document.getElementById('c' + _this.id).style.display          = 'block';
         }
         else{
            getOnglets[i].className = 'mon_onglet';
            document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
         }
      }
   }         
}

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 26 Oct 2010 - 22:14

Roooh ! T'es génial ! xD
(Je vais plus te lâcher !)

Bon, si tu m'expliquais c'est lequel pour changer le fond des descriptions, parce que même une demie heure là-d'sus, j'l'ai toujours pas trouvé -.-' (faut bien qu'il existe des pas douée dans la vie u.u)

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Mar 26 Oct 2010 - 22:33

Le fond des descriptions ?
Vous voulez dire, la description de la catégorie ou du forum ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 26 Oct 2010 - 22:34

Je veux dire ben... Les deux sa m'arrangeraient en faîtes Very Happy

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Mar 26 Oct 2010 - 23:22

Vous avez quoi dans la gestion des couleurs ?

Panneau d'Admin >> Affichage >> Couleurs

Ici :

Les couleurs de fond

Couleur du fond de page :

Couleur intérieure du cadre du forum :

Table Rangée Couleur 1 :

Table Rangée Couleur 2 et surbrillance :

Table Rangée Couleur 3 et séparations :

Couleur des citations, codes et boutons :

Couleur zones de saisie, menus déroulants et cadre de l'en-tête :

Couleur de fond d'un message remercié :

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Ven 29 Oct 2010 - 22:40

Excusez-moi de n'avoir pas répondu plus tôt !!
Voilà ce que j'ai :



Je suppose que tout viens de " Couleur intérieure du cadre du forum " ?

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Sam 30 Oct 2010 - 0:01

Et bien en fait vous pouvez changer ça là ou dans le template, ou dans le CSS, comme vous voulez.
Ca dépend de ce que vous voulez exactement.

Mais on va aller dans le template directement. x )


Alors il faut me dire où exactement vous voulez un fond de couleur, et la couleur que vous voulez.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Dim 31 Oct 2010 - 14:06

Bonjour, Cool
et désolé de mon retard.

J'ai fais un montage pour que tu comprenne mieux [ c'est que quand j'explique, c'est pas vraiment très très clair... x) ]


1 ► Je voudrais que le fond des descriptions soient en bleu clair de cette teinte : #96B4C6
2 ► Je voudrais que le fond des titres soient dans un bleu légèrement plus foncé : #455964
3 ► Je voudrais que cette partie soit en dessous de la description, et qu'au lieu qu'elle soit en anglais, qu'elle soit en français, en gros, topics deviendraient sujets et Posts, seraient donc messages. Je m'explique :


Merci pour tout ce que tu as déjà fait ! Very Happy

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Dim 31 Oct 2010 - 14:21

Ah j'ai une question : Avez-vous déjà modifié votre template. Si oui j'aimerais l'avoir ainsi que le css qui va avec (par exemple si vous affichez vos catégories en onglets).


Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Dim 31 Oct 2010 - 14:26

Voici le CSS (il est complet) :
Code:
******** Soulignement sous les Pseudos : *********
a { text-decoration: none; }


******** Catégories en Onglets : *********
.my_modified_table{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}

.my_forum_name{
display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{

width: 20%;
text-align:center;
}

.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;

}
.my_title{
text-align:center;
font-size: 14px;
font-family: Trebuchet MS;
}

.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;

}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}

.my_cat a:hover {
text-decoration: none !important;
color: #000;
}

********Design des cadres, tableaux, etc*********
.Votreclassetableau{
-moz-box-shadow:2px 2px 20px #293378;
-webkit-box-shadow:2px 2px 20px #293378;
border-color:#293378;
box-shadow:2px 2px 20px #293378;
color:#293378;
}.

et voici la Template index_box (compléte également) :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<div class="my_cat"> <ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}<br />
            Posts: {catrow.forumrow.POSTS}<br />
            Dernier post: {catrow.forumrow.LAST_POST}<br />
         
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>


Merci Very Happy

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Dim 31 Oct 2010 - 14:55

Alors d'une part on s'occupe du "sujet : x | messages : x "

Vous cherchez cette partie (dans le template) :
Code:

            Topics: {catrow.forumrow.TOPICS}<br>
            Posts: {catrow.forumrow.POSTS}<br>
            Dernier post: {catrow.forumrow.LAST_POST}<br>

Alors sachez qu'il vous manque un <span class="gensmall">.
Je ne sais pas si vous avez remarqué mais vos statistiques sont écrites en gros, ça déborde un peu sur la ligne en dessous du coup.
Pour remédier à cela, surtout si vous voulez afficher le nombre de messages à côté du nombre de sujets, il faut remettre le span :


<span class="gensmall">
Topics: {catrow.forumrow.TOPICS}<br>
Posts: {catrow.forumrow.POSTS}<br>
Dernier post: {catrow.forumrow.LAST_POST}<br></span>

Et voilà. Ensuite on va configurer ça comme vous le voulez.
Vous voyez les deux variables

*{catrow.forumrow.TOPICS}
* {catrow.forumrow.POSTS}

Il y a écrit post et topics devant. Vous pouvez déjà modifier les mots pour avoir ceux que vous voulez, c'est à dire remplacer
* "Topics" par "Sujets"
* "Posts" par "Messages"

Ensuite, pour les avoir placés avec a barre entre les deux, vous supprimez le retour à la ligne qui sépare les deux variables :

Topics: {catrow.forumrow.TOPICS} <br>
Posts: {catrow.forumrow.POSTS}<br>

et à la place du retour à la ligne, vous mettez la barre. Ce qui donne (en plus des modifications des appelations :

Code:
<span class="gensmall">
            Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
<br>
            Dernier post: {catrow.forumrow.LAST_POST}<br>
</span>


Ensuite, pour la petite info, comme le nom du dernier post est collé au titre "dernier post", je peux vous suggérer un retour à la ligne entre les deux pour aérer :

{catrow.forumrow.POSTS}

Dernier post: <br>{catrow.forumrow.LAST_POST}
</span>


Vous enregistrez tout ça, et vous ajouter en cliquant sur ajout .

Voilà pour la partie 3.
(par contre, est-ce que vous voulez le cadre à fond gris ? :


_________________________

Ensuite allons-y pour la 1.

Direction votre css, vous cherchez ce passage :

Code:
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{
width: 20%;
text-align:center;
}

En sachant que le passage pur la description du forum correspond à ceci :

Code:
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}

comme vous avez tout de même les cellules pour les images des statistiques nouveau sujet, pas de nouveau sujet (.my_img) etc etc, ainsi que la cellule des statistiques (.my_stats) à droite, on va aussi les compter et mettre le fond ici, mais vous faites comme vous voulez par la suite.

Un fond en CSS se traduit par ce code :

Code:
background-color: #XXXXXX;

OU

Code:
background-color: COULEUR;

Vous changez
* "XXXXXX" par le nombre à 6 chiffres correspondant à la couleur,
ou alors
* COULEUR par le nom de la couleur (en anglais)

Ce qui donne ici :

.my_img{
width: 10%;
margin-left: 50px;
background-color: #96B4C6;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
background-color: #96B4C6;
}
.my_stats{
background-color: #96B4C6;
width: 20%;
text-align:center;
}

Vous enregistrez.
Bon comme je l'ai dit si vous ne voulez que la description et non pas les autres cellules, vous retirez le background-color dans les champs

.my_stats{
background-color: #96B4C6;
width: 20%;
text-align:center;
}

et

.my_img{
width: 10%;
margin-left: 50px;
background-color: #96B4C6;
}


___________________________




Ensuite on passe au 2.

Vous cherchez les champs :
Code:

.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
}

Si vous voulez que le fond s'applique juste dans le cadre, et

Code:
.my_title{
text-align:center;
font-size: 14px;
font-family: Trebuchet MS;
}

si vous voulez que le champ s'applique à la cellule et au cadre.

Et vous rajoutez le code de couleur de fond, ce qui donne :


.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
background-color: #455964;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Trebuchet MS;
}

ou


.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Trebuchet MS;
background-color: #455964;
}


Vous enregistrez et vous regardez ce que ça donne. ^^

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Dim 31 Oct 2010 - 19:03

Voilà pour la partie 3.
(par contre, est-ce que vous voulez le cadre à fond gris ? :

→ Non non Very Happy

Vous enregistrez et vous regardez ce que ça donne. ^^

→ Merci, c'est vraiment superbe ! Cool
Seulement... (je chipote beaucoup hein ? ^^''), il me semble qu'il est possible qu'au passage de la souris, que pour la partie 2 soit en "surbrillance" en gros, que ça change de couleur.

Voici le CSS du 2 après modifications :
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #EAEAEA;
background-color: #7F7F7F;
}
.my_title{
text-align:center;
font-size: 14px;
font-family: Trebuchet MS;
}

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Dim 31 Oct 2010 - 19:13

Oui c'est possible. Il faut utiliser le css :


Code:

.forumlink {
color: #FFFFFF;
}
.forumlink:hover {
color: #FFFFFF;
font-size: 19px;
}

=> forumlink c'est pour modifier le titre de forums.

= > forumlink:hover, c'est pour modifier le titre des forums au passage de la souris.

Vous remplissez avec vos valeurs :

* color: #FFFFFF; => la couleur que vous voulez avant et pendant le passage de la souris.

* font-size: 19px; => taille du titre. (ici il est mis juste dans le hover, donc pendant le passage de la souris)


Par contre, qu'appelez-vous surbrillance ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Dim 31 Oct 2010 - 20:47

→ Ok, c'est nikel ! Cool Merci encore !

Par contre, qu'appelez-vous surbrillance ?
→ Le changement de couleur au passage de la souris !

Dernière question avant que je vous lâche (et dans ces moments là on peut se dire : ouf, elle a bientôt finie ! x) ) !



1 ► J'aimerais que, si cela est possible, vous me montriez comment retirer la date de création du message une foi avec le pseudo, et une deuxième fois où tout l'encadrer rouge à disparus.
+ Comment centrer tout cela ? Car on voit bien que tout le texte est dans le haut de la cellule et ça ne fait pas très "aérer"...

Merci ! Very Happy

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Lixyr le Dim 31 Oct 2010 - 21:45

Alors je ne pense pas que l'on puisse retirer la date et le pseudo, puisque ceci correspond à une seule variable :

Code:
{catrow.forumrow.LAST_POST}

Cependant il est possible que quelqu'un d'autre sache le faire, dans ce cas là je vous laisse demander ça dans un autre sujet.

Mais pour que le contenu de la cellule de stat soit centré verticalement, vous pouvez mettre le style vertical-align: middle dans la cellule de stat.

Vous cherchez la cellule :

Code:
<td class="my_stats" width="200" valign="top">

et vous la changez par

<td class="my_stats" width="200" valign="top" style="vertical-align: middle;">


Et vous enregistrez tout ça. ^^ En oubliant pas d'ajouter le template :
ajout

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Dim 31 Oct 2010 - 22:59

Merci beaucoup pour ton aide.
J'essaye demain et je te dirais sa Very Happy

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets ??? + Affichage du Nombre de Messages

Message par Waaapi le Mar 2 Nov 2010 - 12:35

Ok, c'est génial.
Je pense que c'est résolu
MEEERCI !! Thanks

Waaapi
****

Féminin
Messages : 241
Inscrit(e) le : 22/05/2010

http://edenwell.forumgratuit.org/forum.htm?tt=1
Waaapi 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