Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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

Résolu Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Jeu 25 Déc 2014 - 11:59

Rappel du premier message :

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 25 décembre 2014
Lien du forum : http://grpw.exprimetoi.com

Description du problème

Bonjour, qui sait me dire comment supprimer l'affichage des liens des forums (entouré en rouge).
Supprimer le cadre (entouré en rouge)
Je veux garder les boutons personnalisés + le titre de la catégorie (ce qui est entouré en jaune).
(Voir capture d'écran)
Le titre de la catégorie en jaune doit être centré.
Où dois je modifier tout cela dans mon panneau d'administration ?
Est ce que vous avez des questions ?
Je vous remercie et bon noël.


Dernière édition par bugsbuny le Sam 27 Déc 2014 - 20:25, édité 1 fois

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Ven 26 Déc 2014 - 12:16

maintenant, il y a deux avatars à droite, le premier est nikel, le deuxième doit être supprimé.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Ven 26 Déc 2014 - 18:42

Re,

pour le deuxième avatar il faut supprimer ce script:
http://grpw.exprimetoi.com/14949.js

Il faut suivre les annonces du FDF mon tit lapinou Very Happy .
http://forum.forumactif.com/t368097-nouvelle-option-affichage-de-l-avatar-du-dernier-posteur

L'effet de grossissement sera après l'ajout du style(voir plus bas) .

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Recherches et supprimes ceci:
Code:
 .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }
Remplaces par:
Code:


/*Grossissement de l avatar*/
.lastpost-avatar img
{
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}







Penses à cliquer sur le bouton
il y a un cadre ajouté tout à fait à droite, voir l'encadré vert.
Je ne trouve pas l'encadré vert Rolling Eyes , mais je pense que tu parles de la bordure gauche ainsi que la partie droite avec sa bordure droite,on va tout modifier en même temps en insérant un saut de ligne pour le titre des catégories:

Dans le template index_box:
Affichage/Templates/Général/index_box

Supprimes tout le contenu et insères celui-ci:
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>
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                  <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
              </tr>
              <!-- 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>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </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="{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>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

 
  <br /><div style="text-align:center;">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         
                        </span>
                    </h{catrow.forumrow.LEVEL}>
</div>
            <!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
               
            <div class="forum-description">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            </div>
            <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <script type="text/javascript">$('.forum-sousforum').each(function(){$(this).html($(this).html().replace(/,/g," "));});</script>
                    <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>
               
                  <td class="row3 over" align="center" valign="middle" height="50">
  <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
                    <span style="font-size:10px;">
                      {catrow.forumrow.POSTS} messages <br /> dans {catrow.forumrow.TOPICS} sujets.</span> <br /><br />
                         
                    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>
         
            <!-- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
                  <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
               
              </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 -->


Penses a enregistrer les modifications en cliquant respectivement sur et



a++



Dernière édition par Milouze14 le Sam 27 Déc 2014 - 11:29, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 2:42

Salut, j'ai essayé l'avatar mais il apparaît en grand tout en gardant le deuxième, donc, problème.
J'ai installé tous les codes dans les différents templates mais ça ne va pas car il n'y a plus de séparation entre la colonne 1 / 2 / 3, pas beau LOL
J'ai oublié de publier la capture d'écran pour la bordure qui sort à droite et qui est entouré en vert.
Il y a aussi les séparations entre la colonne 2 et la 3, la séparation est décalée.
Il reste un espace à faire pour le titre (encadré en bleu sur capture d'écran) de la catégorie.
L'avatar ne bouge pas, il doit s'agrandir lorsque l'on pose le curseur dessus.



Donc, quatre choses : le titre, l'avatar et le cadre qui dépasse et les séparations entre la colonne 2 et la 3

Je te remercie pour le temps passé à me consacrer, surtout que je ne suis vraiment pas doué dans ces configurations, il faut parfois longtemps mais à la fin, j'ai compris MDR Siffleur Affirmatif Thanks

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 7:14

Salut bugsbuny,

on est pas sorti de l'auberge lol,

suite à mon dernier message:
http://forum.forumactif.com/t374702p30-supprimer-l-affichage-des-forums-et-la-cadre-qui-entoure-la-categorie-sur-l-accueil#3163260

Il faut suivre les procédures à la lettre stp sinon on est encore sur le topic jusqu' à fin 2015 Very Happy .

Pour ce template index_box:
Affichage/Templates/Général/index_box

Supprimes tout le contenu et insères celui-ci:
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>
            <!-- 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>
                  <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
              </tr>
              <!-- 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>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </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="{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>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

 
  <br /><div style="text-align:center;">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         
                        </span>
                    </h{catrow.forumrow.LEVEL}>
</div>
            <!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
               
            <div class="forum-description">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            </div>
            <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <script type="text/javascript">$('.forum-sousforum').each(function(){$(this).html($(this).html().replace(/,/g," "));});</script>
                    <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>
               
                  <td class="row3 over" align="center" valign="middle" height="50">
  <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
                    <span style="font-size:10px;">
                      {catrow.forumrow.POSTS} messages <br /> dans {catrow.forumrow.TOPICS} sujets.</span> <br /><br />
                         
                    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>
         
            <!-- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         

               
              </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 -->


Penses a enregistrer les modifications en cliquant respectivement sur et

Ton template avait une variable qui n'était plus d'actualité depuis houuuuuu lol ,ce qui causait le décalage que tu avais à droite.

J'ai installé tous les codes dans les différents templates mais ça ne va pas car il n'y a plus de séparation entre la colonne 1 / 2 / 3, pas beau LOL

A de mon côté je ne trouve vraiment pas joli cette apparence , mais je respecte ton choix,
la modification a été effectué Wink .
Il reste un espace à faire pour le titre (encadré en bleu sur capture d'écran) de la catégorie.
La modification a été effectué Wink .

L'avatar ne bouge pas, il doit s'agrandir lorsque l'on pose le curseur dessus.

Suis la procédure de mon dernier message et hop , le script a supprimer car plus d'actualité .


a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 10:58

@Milouze14 a écrit:Re,

pour le deuxième avatar il faut supprimer ce script:
http://grpw.exprimetoi.com/14949.js

Bonjour Milouze Very Happy
Ou dois je supprimer ce lien ?

Merci.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 11:07

Re,

dans la gestion des scripts Wink .
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 11:25

pour le deuxième avatar il faut supprimer ce script:
http://grpw.exprimetoi.com/14949.js

C'est supprimé.


J'installe tous ce qu'il se trouve sur ce tuto ?

L'effet de grossissement sera après l'ajout du style(voir plus bas) .

L'avatar grossi une fois mais pas en progressif.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Recherches et supprimes ceci:
Code:
 .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }
Remplaces par:
Code:


/*Grossissement de l avatar*/
.lastpost-avatar img
{
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}

[color=green][b]Penses à cliquer sur le bouton[/b][/color][img]http://milouze14.fr/boutonvalider.jpg[/img]






Installé.

il y a un cadre ajouté tout à fait à droite, voir l'encadré vert.
Je ne trouve pas l'encadré vert Rolling Eyes , mais je pense que tu parles de la bordure gauche ainsi que la partie droite avec sa bordure droite,on va tout modifier en même temps en insérant un saut de ligne pour le titre des catégories:

Dans le template index_box:
Affichage/Templates/Général/index_box

Supprimes tout le contenu et insères celui-ci:
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>
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                  <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
              </tr>
              <!-- 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>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </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="{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>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">

 
  <br /><div style="text-align:center;">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         
                        </span>
                    </h{catrow.forumrow.LEVEL}>
</div>
            <!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
               
            <div class="forum-description">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            </div>
            <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <script type="text/javascript">$('.forum-sousforum').each(function(){$(this).html($(this).html().replace(/,/g," "));});</script>
                    <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>
               
                  <td class="row3 over" align="center" valign="middle" height="50">
  <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
                    <span style="font-size:10px;">
                      {catrow.forumrow.POSTS} messages <br /> dans {catrow.forumrow.TOPICS} sujets.</span> <br /><br />
                         
                    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  </td>
         
            <!-- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
                  <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
               
              </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 -->


Penses a enregistrer les modifications en cliquant respectivement sur et



a++

Installé.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 11:33

Re,

j'ai édité mon message car j'ai incorporé la validation dans la css, voilà pourquoi l'effet
ne fonctionne pas sur l'avatar.
Tu peux donner la css ici stp que je corrige Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 11:44

voici mon css.
comment dois je procéder pour réduire l'espace des titres des catégories, à moins que ce ne soit qu'un seul espace car il y a un grand espace. bounce Siffleur


Code:
.row1 over{text-align:center !important;}
.forum-sousforum a{display:none;}
.secondarytitle h2 {
    display: none;
}
#newsareal1 div.topictitle {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal1 div.topictitle:hover {
    background-color: #D8DEDE;
    }
    #newsareal1 div.topictitle a {
    color: #708090 !important;
    text-decoration: none !important;
    text-shadow: #fff 1px 1px 0px
    }
.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
.m-navigation {
    background-color: gray; /* couleur de fond*/
    width: 100%; /* largeur */
    border: 2px solid white; /* bordure */
}
/* Liens dans la barre de navigation */
.m-navigation a.mainmenu {
    display: inline-block;
    height: 30px; /* hauteur du trait */
    padding: 12px; /* marge interieure */
}
 
/* Entre 2 liens */
.m-navigation a.mainmenu ~ a.mainmenu {
    border-left: 1px solid black; /* bordure */
}
.m-navigation {
    background-color: gray; /* couleur de fond*/
    width: 100%; /* largeur */
}
.forumline {border-collapse : separated; background-color:transparent !important;}
.forumline td { background:transparent url(http://i39.servimg.com/u/f39/18/54/86/99/sans_t10.png) repeat !important;}
div.sceditor-container iframe, div.sceditor-container textarea {
  background: transparent;
}
.postbg {
  background-position: 0 0; background-repeat: repeat;
}

/*La hauteur des liens*/
#M14_groupes a {line-height:20px;}
             
                /*l image a gauche dans la legende*/
                .M14_leg_left
                {
                float:left;
                margin-top:60px;/*positionnement de l image a 60px du haut*/
                margin-left:100px;/*positionnement de l image a 80px de la gauche*/
             
                }
                /*l image a droite dans la legende*/
                .M14_leg_right
                {
                float:right;
                margin-top:60px;/*positionnement de l image a 60px du haut*/
                margin-right:100px;/*positionnement de l image a 80px de la droite*/
                }
             
                /*La legende*/
                #M14_groupes
              {
             
                color:white;/*la couleur de police du titre*/
                font-size:18px;/*la taille de police du titre*/
                display:block; /*on demande un affichage en bloc*/
                min-width:200px;/*la largeur minimum du bloc*/
                max-width:250px;/*la largeur maximale du bloc*/
                height:auto;/*on autorise une hauteur indefinie*/
                /*on centre le bloc automatiquement avec les margin*/
                margin-left:auto;
                margin-right:auto;
                /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                padding:5px 2px 5px 2px;
                text-align:center;/*on centre le texte*/
                }
                /*le caractere devant chaque groupe*/
               
#M14_groupes a:before
{
content:'•';
float:left;
}
    .moder {
                        color : green;
                        font-weight : bold;
                            background-color : black;
                            box-shadow: 0 0 50px black;
                                  border-radius:9px;
                            border: 1px solid orange;
                            width: 80%;
                              margin: auto;
                            }


    .
 
 
 
/*Grossissement de l avatar*/
.lastpost-avatar img
{
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}
 
[color=green][b]Penses à cliquer sur le bouton[/b][/color][img]http://milouze14.fr/boutonvalider.jpg[/img]
 
 
 
 
 
 
 
 
 
 
    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
   
    #av_quickreply {
      float: left;
    }

   
    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    }
   
    .colorpicker.dark{
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
    }
    .colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
    }
    .colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
    margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
    }
    .colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
    }
    .colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
    }
    .colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
    }
    .colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
    }
    .colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .colorpicker_hex input {
    right: 6px;
    }
    .colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
    }
    .colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
    }
    .colorpicker_rgb_r {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    overflow: hidden;
    }
    .colorpicker_focus {
    background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_slider {
    background-position: bottom;
    }
    .colorpicker { z-index: 3; }

      G. R. P. W.

il y a ce décalage entre la colonne 2 et la 3 à l'endroit de la capture d'écran et plus également sur l'accueil.


bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 11:53

Re,

dans la css:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

recherches et supprimes ceci:
Code:
    [color=green][b]Penses à cliquer sur le bouton[/b][/color][img]http://milouze14.fr/boutonvalider.jpg[/img]

Penses à cliquer sur le bouton

Pour le reste il faudrait mettre l'avatar en entête car sur la capture , la cellule n'en comporte pas donc elle se positionne normalement.

Veux avoir l'avatar au dessous au lieu d'être à gauche ?
a++




a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 12:09

@Milouze14 a écrit:Re,

dans la css:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

recherches et supprimes ceci:
Code:
    [color=green][b]Penses à cliquer sur le bouton[/b][/color][img]http://milouze14.fr/boutonvalider.jpg[/img]

Penses à cliquer sur le bouton

C'est supprimé.


@Milouze14 a écrit:Re,
Pour le reste il faudrait mettre l'avatar en entête car sur la capture , la cellule n'en comporte pas donc elle se positionne normalement.

Veux avoir l'avatar au dessous au lieu d'être à gauche ?
a++




a++


Je fais cela comment ?

Et pour le décalage des cellules entre la 2 et la 3 ?
A 100 % d'affichage, il y a les cellules, à 90 %, il n'y en a plus mais ce n'est pas beau.
Il faut garder les cellules.

Merci. Affirmatif

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 12:45

Re,

on va procéder autrement :
Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:
Code:

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>


Supprimes et remplaces par:
Code:

 <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>

Penses a enregistrer les modifications en cliquant respectivement sur et

Cette modification donnera la même dimension aux cellules avec avatar ou non Wink .
Edit
Merci de me redonner le contenu de ta feuille de style stp il y a encore une erreur .

Recherches ceci:
Code:
 
/*Grossissement de l avatar*/
.lastpost-avatar img

Juste avant tu as un point il faut le supprimer Wink .
a++


Dernière édition par Milouze14 le Sam 27 Déc 2014 - 12:51, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 12:51

@Milouze14 a écrit:Re,

on va procéder autrement :
Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:
Code:

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>


Supprimes et remplaces par:
Code:

 <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>

Penses a enregistrer les modifications en cliquant respectivement sur et

Cette modification donnera la même dimension aux cellules avec avatar ou non Wink .
Edit
Merci de me redonner le contenu de ta feuille de style stp il y a encore une erreur .
a++

C'est fait, modification effectuée.

@Milouze14 a écrit:Re,
Pour le reste il faudrait mettre l'avatar en entête car sur la capture , la cellule n'en comporte pas donc elle se positionne normalement.

Veux avoir l'avatar au dessous au lieu d'être à gauche ?
a++




a++


Je fais cela comment descendre l'avatar ?


Merci. Affirmatif

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 12:55

Re,

tu n'as plus de soucis désormais , plus besoin de jouer avec l'avatar ,
par contre j'ai édité mon message précédent car l'effet pour l'avatar ne peut s'effectuer .
Ceci est du à un point , il faut le supprimer cher ami.

A ce soir Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 13:02

J'ai retiré le point.
L'avatar ne s'agrandi pas comme avant en progressif, ici, il s'agrandit d'un coup.

Tu avais écrit qu'il fallait installer l'avatar en dessous des textes à la place d'être à gauche.
L'avatar est toujours à gauche.
voici mon css comme demandé dans ton message.

Code:
.row1 over{text-align:center !important;}
.forum-sousforum a{display:none;}
.secondarytitle h2 {
    display: none;
}
#newsareal1 div.topictitle {
    display: block !important;
    margin: 2px 1px 0;
    padding: 2px 5px 5px 30px;
    border: 1px solid #B1BFC0;
    border-radius: 5px;
    background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
    }
    #newsareal1 div.topictitle:hover {
    background-color: #D8DEDE;
    }
    #newsareal1 div.topictitle a {
    color: #708090 !important;
    text-decoration: none !important;
    text-shadow: #fff 1px 1px 0px
    }
.bouhautbas {
    bottom: 40px;
    right: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}
.m-navigation {
    background-color: gray; /* couleur de fond*/
    width: 100%; /* largeur */
    border: 2px solid white; /* bordure */
}
/* Liens dans la barre de navigation */
.m-navigation a.mainmenu {
    display: inline-block;
    height: 30px; /* hauteur du trait */
    padding: 12px; /* marge interieure */
}
 
/* Entre 2 liens */
.m-navigation a.mainmenu ~ a.mainmenu {
    border-left: 1px solid black; /* bordure */
}
.m-navigation {
    background-color: gray; /* couleur de fond*/
    width: 100%; /* largeur */
}
.forumline {border-collapse : separated; background-color:transparent !important;}
.forumline td { background:transparent url(http://i39.servimg.com/u/f39/18/54/86/99/sans_t10.png) repeat !important;}
div.sceditor-container iframe, div.sceditor-container textarea {
  background: transparent;
}
.postbg {
  background-position: 0 0; background-repeat: repeat;
}

/*La hauteur des liens*/
#M14_groupes a {line-height:20px;}
             
                /*l image a gauche dans la legende*/
                .M14_leg_left
                {
                float:left;
                margin-top:60px;/*positionnement de l image a 60px du haut*/
                margin-left:100px;/*positionnement de l image a 80px de la gauche*/
             
                }
                /*l image a droite dans la legende*/
                .M14_leg_right
                {
                float:right;
                margin-top:60px;/*positionnement de l image a 60px du haut*/
                margin-right:100px;/*positionnement de l image a 80px de la droite*/
                }
             
                /*La legende*/
                #M14_groupes
              {
             
                color:white;/*la couleur de police du titre*/
                font-size:18px;/*la taille de police du titre*/
                display:block; /*on demande un affichage en bloc*/
                min-width:200px;/*la largeur minimum du bloc*/
                max-width:250px;/*la largeur maximale du bloc*/
                height:auto;/*on autorise une hauteur indefinie*/
                /*on centre le bloc automatiquement avec les margin*/
                margin-left:auto;
                margin-right:auto;
                /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                padding:5px 2px 5px 2px;
                text-align:center;/*on centre le texte*/
                }
                /*le caractere devant chaque groupe*/
               
#M14_groupes a:before
{
content:'•';
float:left;
}
    .moder {
                        color : green;
                        font-weight : bold;
                            background-color : black;
                            box-shadow: 0 0 50px black;
                                  border-radius:9px;
                            border: 1px solid orange;
                            width: 80%;
                              margin: auto;
                            }


    .
 
 
 
/*Grossissement de l avatar*/
lastpost-avatar img
{
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}
 
 
 
 
 
 
 
 
 
 
 
    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
   
    #av_quickreply {
      float: left;
    }

   
    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    }
   
    .colorpicker.dark{
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
    }
    .colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #f00;
    overflow: hidden;
    cursor: crosshair;
    }
    .colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
    margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
    }
    .colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
    }
    .colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #f00;
    }
    .colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #f00;
    }
    .colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
    }
    .colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .colorpicker_hex input {
    right: 6px;
    }
    .colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
    }
    .colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
    }
    .colorpicker_rgb_r {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    overflow: hidden;
    }
    .colorpicker_focus {
    background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
    background-position: bottom;
    }
    .colorpicker_slider {
    background-position: bottom;
    }
    .colorpicker { z-index: 3; }

      G. R. P. W.

La cellule 3 est trop large.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 17:36

Re,

la css donnée est celle présente sur fofo actuellement ?
La colonne de droite doit avoir cette dimension , sinon tu auras le décalage que tu avais précédemment Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 17:38

@Milouze14 a écrit:Re,

la css donnée est celle présente sur fofo actuellement ?
La colonne de droite doit avoir cette dimension , sinon tu auras le décalage que tu avais précédemment Wink .

a++

Oui, c'est le css actuel, je n'ai rien bougé jusque maintenant.
Il faut élargir la colonne deux.

Y a t il moyen de remonter les titres des catégories ou est ce que c'est seulement un espacement ?

Merci.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 17:44

Re,
le point est encore présent .

Y a t il moyen de remonter les titres des catégories ou est ce que c'est seulement un espacement ?

Rolling Eyes heu ça commence a devenir agaçant cher ami,
il faut faire un saut de ligne puis ensuite c'est trop bas Question Question Question Question Question Question
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 17:48

j'avais supprimé le point devant le lastpost, j'ai supprimé le deuxième plus bas, je n'en vois pas d'autre.

Code:
/*Grossissement de l avatar*/
lastpost-avatar img
{
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 17:50

Re,

mais ne fait pas n'importe quoi je t'ai mis toutes les explications ici:
http://forum.forumactif.com/t374702p30-supprimer-l-affichage-des-forums-et-la-cadre-qui-entoure-la-categorie-sur-l-accueil#3163378

Prends le temps de lire mon ami .

Edit:
supprimes toute la css et remplaces par:
Code:


    .forum-sousforum a{display:none;}
    .secondarytitle h2 {
        display: none;
    }
    #newsareal1 div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        #newsareal1 div.topictitle:hover {
        background-color: #D8DEDE;
        }
        #newsareal1 div.topictitle a {
        color: #708090 !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }
    .bouhautbas {
        bottom: 40px;
        right: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
        border: 2px solid white; /* bordure */
    }
    /* Liens dans la barre de navigation */
    .m-navigation a.mainmenu {
        display: inline-block;
        height: 30px; /* hauteur du trait */
        padding: 12px; /* marge interieure */
    }
   
    /* Entre 2 liens */
    .m-navigation a.mainmenu ~ a.mainmenu {
        border-left: 1px solid black; /* bordure */
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
    }
    .forumline {border-collapse : separated; background-color:transparent !important;}
    .forumline td { background:transparent url(http://i39.servimg.com/u/f39/18/54/86/99/sans_t10.png) repeat !important;}
    div.sceditor-container iframe, div.sceditor-container textarea {
      background: transparent;
    }
    .postbg {
      background-position: 0 0; background-repeat: repeat;
    }

    /*La hauteur des liens*/
    #M14_groupes a {line-height:20px;}
               
                    /*l image a gauche dans la legende*/
                    .M14_leg_left
                    {
                    float:left;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-left:100px;/*positionnement de l image a 80px de la gauche*/
               
                    }
                    /*l image a droite dans la legende*/
                    .M14_leg_right
                    {
                    float:right;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-right:100px;/*positionnement de l image a 80px de la droite*/
                    }
               
                    /*La legende*/
                    #M14_groupes
                  {
               
                    color:white;/*la couleur de police du titre*/
                    font-size:18px;/*la taille de police du titre*/
                    display:block; /*on demande un affichage en bloc*/
                    min-width:200px;/*la largeur minimum du bloc*/
                    max-width:250px;/*la largeur maximale du bloc*/
                    height:auto;/*on autorise une hauteur indefinie*/
                    /*on centre le bloc automatiquement avec les margin*/
                    margin-left:auto;
                    margin-right:auto;
                    /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                    padding:5px 2px 5px 2px;
                    text-align:center;/*on centre le texte*/
                    }
                    /*le caractere devant chaque groupe*/
                 
    #M14_groupes a:before
    {
    content:'•';
    float:left;
    }
        .moder {
                            color : green;
                            font-weight : bold;
                                background-color : black;
                                box-shadow: 0 0 50px black;
                                      border-radius:9px;
                                border: 1px solid orange;
                                width: 80%;
                                  margin: auto;
                                }


   
   
    /*Grossissement de l avatar*/
    .lastpost-avatar img
    {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 10px;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    }
    .lastpost-avatar img:hover
    {
    width: 60px;
    height: 60px;
    }
   
   
   
   
   
   
   
   
   
   
   
        #av_quickreply img{
          position: relative;
          top: 35px;
          left: 15px;
        }
     
        #av_quickreply {
          float: left;
        }

     
        .colorpicker {
        width: 356px;
        height: 176px;
        overflow: hidden;
        position: absolute;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
        font-family: Arial, Helvetica, sans-serif;
        display: none;
        }
     
        .colorpicker.dark{
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
        }
        .colorpicker_color {
        width: 150px;
        height: 150px;
        left: 14px;
        top: 13px;
        position: absolute;
        background: #f00;
        overflow: hidden;
        cursor: crosshair;
        }
        .colorpicker_color div {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
        }
        .colorpicker_color div div {
        position: absolute;
        top: 0;
        left: 0;
        width: 11px;
        height: 11px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
        margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
        position: absolute;
        top: 13px;
        left: 171px;
        width: 35px;
        height: 150px;
        cursor: n-resize;
        }
        .colorpicker_hue div {
        position: absolute;
        width: 35px;
        height: 9px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
        margin: -4px 0 0 0;
        left: 0px;
        }
        .colorpicker_new_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 213px;
        top: 13px;
        background: #f00;
        }
        .colorpicker_current_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 283px;
        top: 13px;
        background: #f00;
        }
        .colorpicker input {
        background-color: transparent;
        border: 1px solid transparent;
        position: absolute;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #898989;
        top: 4px;
        right: 11px;
        text-align: right;
        margin: 0;
        padding: 0;
        height: 11px;
        }
        .colorpicker_hex {
        position: absolute;
        width: 72px;
        height: 22px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
        left: 212px;
        top: 142px;
        }
        .colorpicker.dark .colorpicker_hex {
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
        }
        .colorpicker_hex input {
        right: 6px;
        }
        .colorpicker_field {
        height: 22px;
        width: 62px;
        background-position: top;
        position: absolute;
        }
        .colorpicker_field span {
        position: absolute;
        width: 12px;
        height: 22px;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: n-resize;
        }
        .colorpicker_rgb_r {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
        top: 52px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_r{
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
        }
        .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
        top: 82px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
        }
        .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
        top: 112px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
        }
        .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
        display: none;
        }
        .colorpicker_submit {
        position: absolute;
        background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
        cursor: pointer;
        right: 10px;
        width: 48px;
        height: 50px;
        top: 118px;
        overflow: hidden;
        }
        .colorpicker_focus {
        background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_slider {
        background-position: bottom;
        }
        .colorpicker { z-index: 3; }

 
Penses à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 18:05

@Milouze14 a écrit:Re,

on va procéder autrement :
Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:
Code:

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>


Supprimes et remplaces par:
Code:

 <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>

Penses a enregistrer les modifications en cliquant respectivement sur et

Cette modification donnera la même dimension aux cellules avec avatar ou non Wink .
Edit
Merci de me redonner le contenu de ta feuille de style stp il y a encore une erreur .

Recherches ceci:
Code:
 
/*Grossissement de l avatar*/
.lastpost-avatar img

Juste avant tu as un point il faut le supprimer Wink .
a++

@Milouze14 a écrit:Re,

mais ne fait pas n'importe quoi je t'ai mis toutes les explications ici:
http://forum.forumactif.com/t374702p30-supprimer-l-affichage-des-forums-et-la-cadre-qui-entoure-la-categorie-sur-l-accueil#3163378

Prends le temps de lire mon ami .

Edit:
supprimes toute la css et remplaces par:
Code:


    .forum-sousforum a{display:none;}
    .secondarytitle h2 {
        display: none;
    }
    #newsareal1 div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        #newsareal1 div.topictitle:hover {
        background-color: #D8DEDE;
        }
        #newsareal1 div.topictitle a {
        color: #708090 !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }
    .bouhautbas {
        bottom: 40px;
        right: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
        border: 2px solid white; /* bordure */
    }
    /* Liens dans la barre de navigation */
    .m-navigation a.mainmenu {
        display: inline-block;
        height: 30px; /* hauteur du trait */
        padding: 12px; /* marge interieure */
    }
   
    /* Entre 2 liens */
    .m-navigation a.mainmenu ~ a.mainmenu {
        border-left: 1px solid black; /* bordure */
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
    }
    .forumline {border-collapse : separated; background-color:transparent !important;}
    .forumline td { background:transparent url(http://i39.servimg.com/u/f39/18/54/86/99/sans_t10.png) repeat !important;}
    div.sceditor-container iframe, div.sceditor-container textarea {
      background: transparent;
    }
    .postbg {
      background-position: 0 0; background-repeat: repeat;
    }

    /*La hauteur des liens*/
    #M14_groupes a {line-height:20px;}
               
                    /*l image a gauche dans la legende*/
                    .M14_leg_left
                    {
                    float:left;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-left:100px;/*positionnement de l image a 80px de la gauche*/
               
                    }
                    /*l image a droite dans la legende*/
                    .M14_leg_right
                    {
                    float:right;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-right:100px;/*positionnement de l image a 80px de la droite*/
                    }
               
                    /*La legende*/
                    #M14_groupes
                  {
               
                    color:white;/*la couleur de police du titre*/
                    font-size:18px;/*la taille de police du titre*/
                    display:block; /*on demande un affichage en bloc*/
                    min-width:200px;/*la largeur minimum du bloc*/
                    max-width:250px;/*la largeur maximale du bloc*/
                    height:auto;/*on autorise une hauteur indefinie*/
                    /*on centre le bloc automatiquement avec les margin*/
                    margin-left:auto;
                    margin-right:auto;
                    /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                    padding:5px 2px 5px 2px;
                    text-align:center;/*on centre le texte*/
                    }
                    /*le caractere devant chaque groupe*/
                 
    #M14_groupes a:before
    {
    content:'•';
    float:left;
    }
        .moder {
                            color : green;
                            font-weight : bold;
                                background-color : black;
                                box-shadow: 0 0 50px black;
                                      border-radius:9px;
                                border: 1px solid orange;
                                width: 80%;
                                  margin: auto;
                                }


   
   
    /*Grossissement de l avatar*/
    .lastpost-avatar img
    {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 10px;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    }
    .lastpost-avatar img:hover
    {
    width: 60px;
    height: 60px;
    }
   
   
   
   
   
   
   
   
   
   
   
        #av_quickreply img{
          position: relative;
          top: 35px;
          left: 15px;
        }
     
        #av_quickreply {
          float: left;
        }

     
        .colorpicker {
        width: 356px;
        height: 176px;
        overflow: hidden;
        position: absolute;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
        font-family: Arial, Helvetica, sans-serif;
        display: none;
        }
     
        .colorpicker.dark{
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
        }
        .colorpicker_color {
        width: 150px;
        height: 150px;
        left: 14px;
        top: 13px;
        position: absolute;
        background: #f00;
        overflow: hidden;
        cursor: crosshair;
        }
        .colorpicker_color div {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
        }
        .colorpicker_color div div {
        position: absolute;
        top: 0;
        left: 0;
        width: 11px;
        height: 11px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
        margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
        position: absolute;
        top: 13px;
        left: 171px;
        width: 35px;
        height: 150px;
        cursor: n-resize;
        }
        .colorpicker_hue div {
        position: absolute;
        width: 35px;
        height: 9px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
        margin: -4px 0 0 0;
        left: 0px;
        }
        .colorpicker_new_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 213px;
        top: 13px;
        background: #f00;
        }
        .colorpicker_current_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 283px;
        top: 13px;
        background: #f00;
        }
        .colorpicker input {
        background-color: transparent;
        border: 1px solid transparent;
        position: absolute;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #898989;
        top: 4px;
        right: 11px;
        text-align: right;
        margin: 0;
        padding: 0;
        height: 11px;
        }
        .colorpicker_hex {
        position: absolute;
        width: 72px;
        height: 22px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
        left: 212px;
        top: 142px;
        }
        .colorpicker.dark .colorpicker_hex {
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
        }
        .colorpicker_hex input {
        right: 6px;
        }
        .colorpicker_field {
        height: 22px;
        width: 62px;
        background-position: top;
        position: absolute;
        }
        .colorpicker_field span {
        position: absolute;
        width: 12px;
        height: 22px;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: n-resize;
        }
        .colorpicker_rgb_r {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
        top: 52px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_r{
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
        }
        .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
        top: 82px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
        }
        .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
        top: 112px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
        }
        .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
        display: none;
        }
        .colorpicker_submit {
        position: absolute;
        background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
        cursor: pointer;
        right: 10px;
        width: 48px;
        height: 50px;
        top: 118px;
        overflow: hidden;
        }
        .colorpicker_focus {
        background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_slider {
        background-position: bottom;
        }
        .colorpicker { z-index: 3; }

 
Penses à cliquer sur le bouton

a++

tout cela est fait depuis tantot.
j'ai ajouté le deuxième point que j'ai supprimé, j'ai supprimé uniquement le premier comme mentionné.

Pour la colonne 3, il faut que l'avatar soit en dessous du texte pour gagner en place.

Very Happy

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 18:07

Re,

j'ai édité mon message précédent supprimes toute ta css et remplaces par celle donné on voit ensuite pour mettre l'avatar en dessous Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 18:12

Ok, fait

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 18:23

Re,

tu vois le temps perdu pour un seul petit point qui mettait le bazar .

Dans le template index_box:
Affichage/Templates/Général/index_box

Supprimes la totalité et remplaces par:
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>
            <!-- 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>
                  <th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>
              </tr>
              <!-- 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>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </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="{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>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div style="text-align:center;margin-top:5px;">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         
                        </span>
                    </h{catrow.forumrow.LEVEL}>
</div>
            <!-- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         
               
            <div class="forum-description">
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            </div>
            <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <script type="text/javascript">$('.forum-sousforum').each(function(){$(this).html($(this).html().replace(/,/g," "));});</script>
                    <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>
               
                  <td class="row3 over" align="center" valign="middle" height="50">
 
                   
 <div style="font-size:10px;">
{catrow.forumrow.POSTS} messages <br /> dans {catrow.forumrow.TOPICS} sujets.
</div>
                         
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                    <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <div class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><br />
<!-- END avatar -->
                  </td>
         
            <!-- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS -->
         

               
              </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 -->


Pour le titre des catégories, j'ai supprimé le saut de ligne et attribué un margin-top:5px; ici:
Code:
<div style="text-align:center;margin-top:5px;">

C'est à dire que le titre sera placé à 5px du haut Wink .

Penses a enregistrer les modifications en cliquant respectivement sur et

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes la totalité et remplaces par:

Code:

.lastpost-avatar img
{
width: 40px;
height: 40px;
margin-left: 80px;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.lastpost-avatar img:hover
{
width: 60px;
height: 60px;
}
    .forum-sousforum a{display:none;}
    .secondarytitle h2 {
        display: none;
    }
    #newsareal1 div.topictitle {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        #newsareal1 div.topictitle:hover {
        background-color: #D8DEDE;
        }
        #newsareal1 div.topictitle a {
        color: #708090 !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }
    .bouhautbas {
        bottom: 40px;
        right: 10px; /* remplacez left par right pour afficher les boutons à droite */
        position: fixed;
        z-index: 100;
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
        border: 2px solid white; /* bordure */
    }
    /* Liens dans la barre de navigation */
    .m-navigation a.mainmenu {
        display: inline-block;
        height: 30px; /* hauteur du trait */
        padding: 12px; /* marge interieure */
    }
   
    /* Entre 2 liens */
    .m-navigation a.mainmenu ~ a.mainmenu {
        border-left: 1px solid black; /* bordure */
    }
    .m-navigation {
        background-color: gray; /* couleur de fond*/
        width: 100%; /* largeur */
    }
    .forumline {border-collapse : separated; background-color:transparent !important;}
    .forumline td { background:transparent url(http://i39.servimg.com/u/f39/18/54/86/99/sans_t10.png) repeat !important;}
    div.sceditor-container iframe, div.sceditor-container textarea {
      background: transparent;
    }
    .postbg {
      background-position: 0 0; background-repeat: repeat;
    }

    /*La hauteur des liens*/
    #M14_groupes a {line-height:20px;}
               
                    /*l image a gauche dans la legende*/
                    .M14_leg_left
                    {
                    float:left;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-left:100px;/*positionnement de l image a 80px de la gauche*/
               
                    }
                    /*l image a droite dans la legende*/
                    .M14_leg_right
                    {
                    float:right;
                    margin-top:60px;/*positionnement de l image a 60px du haut*/
                    margin-right:100px;/*positionnement de l image a 80px de la droite*/
                    }
               
                    /*La legende*/
                    #M14_groupes
                  {
               
                    color:white;/*la couleur de police du titre*/
                    font-size:18px;/*la taille de police du titre*/
                    display:block; /*on demande un affichage en bloc*/
                    min-width:200px;/*la largeur minimum du bloc*/
                    max-width:250px;/*la largeur maximale du bloc*/
                    height:auto;/*on autorise une hauteur indefinie*/
                    /*on centre le bloc automatiquement avec les margin*/
                    margin-left:auto;
                    margin-right:auto;
                    /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                    padding:5px 2px 5px 2px;
                    text-align:center;/*on centre le texte*/
                    }
                    /*le caractere devant chaque groupe*/
                 
    #M14_groupes a:before
    {
    content:'•';
    float:left;
    }
        .moder {
                            color : green;
                            font-weight : bold;
                                background-color : black;
                                box-shadow: 0 0 50px black;
                                      border-radius:9px;
                                border: 1px solid orange;
                                width: 80%;
                                  margin: auto;
                                }



        #av_quickreply img{
          position: relative;
          top: 35px;
          left: 15px;
        }
     
        #av_quickreply {
          float: left;
        }

     
        .colorpicker {
        width: 356px;
        height: 176px;
        overflow: hidden;
        position: absolute;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
        font-family: Arial, Helvetica, sans-serif;
        display: none;
        }
     
        .colorpicker.dark{
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
        }
        .colorpicker_color {
        width: 150px;
        height: 150px;
        left: 14px;
        top: 13px;
        position: absolute;
        background: #f00;
        overflow: hidden;
        cursor: crosshair;
        }
        .colorpicker_color div {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
        }
        .colorpicker_color div div {
        position: absolute;
        top: 0;
        left: 0;
        width: 11px;
        height: 11px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
        margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
        position: absolute;
        top: 13px;
        left: 171px;
        width: 35px;
        height: 150px;
        cursor: n-resize;
        }
        .colorpicker_hue div {
        position: absolute;
        width: 35px;
        height: 9px;
        overflow: hidden;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
        margin: -4px 0 0 0;
        left: 0px;
        }
        .colorpicker_new_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 213px;
        top: 13px;
        background: #f00;
        }
        .colorpicker_current_color {
        position: absolute;
        width: 60px;
        height: 30px;
        left: 283px;
        top: 13px;
        background: #f00;
        }
        .colorpicker input {
        background-color: transparent;
        border: 1px solid transparent;
        position: absolute;
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #898989;
        top: 4px;
        right: 11px;
        text-align: right;
        margin: 0;
        padding: 0;
        height: 11px;
        }
        .colorpicker_hex {
        position: absolute;
        width: 72px;
        height: 22px;
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
        left: 212px;
        top: 142px;
        }
        .colorpicker.dark .colorpicker_hex {
        background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
        }
        .colorpicker_hex input {
        right: 6px;
        }
        .colorpicker_field {
        height: 22px;
        width: 62px;
        background-position: top;
        position: absolute;
        }
        .colorpicker_field span {
        position: absolute;
        width: 12px;
        height: 22px;
        overflow: hidden;
        top: 0;
        right: 0;
        cursor: n-resize;
        }
        .colorpicker_rgb_r {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
        top: 52px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_r{
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
        }
        .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
        top: 82px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_g {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
        }
        .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
        top: 112px;
        left: 212px;
        }
        .colorpicker.dark .colorpicker_rgb_b {
        background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
        }
        .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
        display: none;
        }
        .colorpicker_submit {
        position: absolute;
        background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
        cursor: pointer;
        right: 10px;
        width: 48px;
        height: 50px;
        top: 118px;
        overflow: hidden;
        }
        .colorpicker_focus {
        background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
        background-position: bottom;
        }
        .colorpicker_slider {
        background-position: bottom;
        }
        .colorpicker { z-index: 3; }


Penses à cliquer sur le bouton


Je t'ai redonné la css compléte avec les changements pour l'avatar afin qu'il se trouve centré
en jouant avec un margin-left.
L'avatar a été placé via le template en dessous du texte Wink
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 18:28

ok, fait

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 18:34

Re,

@bugsbuny a écrit:ok, fait

et ???????
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 18:38

@Milouze14 a écrit:Re,

@bugsbuny a écrit:ok, fait

et ???????
a++

Jusque là, magnifique, il reste à réduire la taille de la colonne 3 pour laisser plus de places à la colonne 2

ensuite, ce sera tout, mon forum est devenu une bête LOL, oui, oui, je sais, grâce à toi Affirmatif ok Yahoo thumright

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 18:44

Re,
il reste à réduire la taille de la colonne 3 pour laisser plus de places à la colonne 2

On revient en arrière alors, tu auras le décalage comme précédemment.

Voir ton image:

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par bugsbuny le Sam 27 Déc 2014 - 18:47

@Milouze14 a écrit:Re,
il reste à réduire la taille de la colonne 3 pour laisser plus de places à la colonne 2

On revient en arrière alors, tu auras le décalage comme précédemment.

Voir ton image:

a++

si on agrandi la colonne 2, après avoir réduit la 3, ça n'irait pas ?

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Supprimer l'affichage des forums et la cadre qui entoure la catégorie sur l'accueil

Message par Milouze14 le Sam 27 Déc 2014 - 18:52

Re,

on réduira le côté gauche donc essayes avec ce template avec la colonne initiale:

Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:
Code:
   
<th nowrap="nowrap" width="200"><div style="width:200px;">{L_LASTPOST}</div></th>
Supprimes et remplaces par:
Code:
   
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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