Modifier la structure des catégories

2 participants

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

Résolu Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 15:23

Bonjour pourriez-vous m'aider à créer des catégories un peu spéciales s'il vous plaît? =)

- l'URL du forum, si nécessaire :: je vous montre mon forum test... gros soucis comme vous pouvez le constater XD
http://sup-aide.forumactif.com/
- la version de votre forum :: PHBB2
- une capture d'écran du problème :: j'ai dessiné ce que je souhaitais ça convient?
Spoiler:
J'ai oublié de dire que j'aimerais bien que l'image nouveau message, etc, se trouve en haut à droite (orange clair)
- votre statut sur le forum :: Fondatrice
- si vous avez modifié des templates :: oui; index_body, index_box, overall_header, viewtopic_body
- si vous avez du CSS personnalisé :: oui
- votre ou vos navigateur(s) :: Firefox et Chrome

Je vous donne l'index_box que j'ai tenté mais qui à un grooooooooos soucis ::
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- 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;"></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">

 </td>
 <td class="row1 over" align="center" valign="middle" height="100" >
                  <span class="gensmall">    <span class="sousfo"> </span>
</td>
 <!-- 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" align="left" valign="middle" height="100">
 <span class="cadre"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script>
    </script></span>
 </td>

 
</td>
 <td class="row2"  colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
 <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
 <span class="gensmall">







 


<td class="row3" align="center" valign="middle" height="20"><div style="width : 200px;">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="dersuj"> <span class="gensmall">{catrow.forumrow.POSTS} Messages ✤ {catrow.forumrow.TOPICS} Sujets </span><br/>
       <div style="border-bottom: 2px solid #A8CC33; height: 2px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px;"></div>
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div>
    <div style="background-image: url('http://img856.imageshack.us/img856/6447/sansre6ty.png');"></div>
     </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 -->

Merci d'avance pour votre aide :)Bonne journée ^^
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 15:34


Bonjour,

Pourrait-on avoir le code de votre index box et le css associé ?

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 15:48

J'ai mis au dessus Smile

Le code CSS est un véritable fouilli par contre... Tout comme le code...

Code:
.caseqeel{
    border-left: 3px solid #f0ffba;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #f0ffba;
    font-size: 10 px;
   padding : 5px ;
          width: 30%;
background-color: #E0E0E0;
          border-radius: 11px;}
        
       .cadreqeel{
    border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
    font-size: 10 px;
   padding : 5px ;
background-color: #E0E0E0;

          margin: auto;
          width: 90%;
   height: 190px;
          overflow-y: auto;
          text-align: justify;
          border-radius: 8px;}


.title {font-size: 18pt; color: mediumturquoise; font-family: Molle; text-shadow:  black 0px 0px 3px;}

.fondfiche {
   border-left: 3px solid #77D1F2;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #FF6E6E;
    height: 110px;
   align: justify;
    width: 200px;
  overflow: auto;
  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 20px ;
}

.fondfiche2 {
       align: justify;
    border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
    height: 90px;

    width: 200px;
  overflow: auto;
  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 20px ;
}

.fondfiche3 {
   border-left: 3px solid #f0ffba;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #f0ffba;

  
   width: 400px;

  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 20px ;
}


.contexte {
   border-left: 3px solid #77D1F2;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #FF6E6E;

  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 10px ;
}

.fondfiche6 {
   border-left: 3px solid #77D1F2;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #FF6E6E;
    height: 120px;
  
   width: 170px;
  overflow: auto;
  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 20px ;
}

.fondfiche7 {
   border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
    height: 120px;
  
   width: 170px;
  overflow: auto;
  line-height: 12px;
 cellpadding: 10px;
   margin-left: 10px;
    margin-right: 10px;
   padding : 20px ;
}

.fondfiche4 {
   border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
    height: 90px;
  
   width: 100px;
  overflow: auto;
  line-height: 10px;
 cellpadding: 10px;
 
  padding : 20px ;
}
.fondfiche5 {
   border-left: 3px solid #77D1F2;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #FF6E6E;
    height: 90px;
  
   width: 100px;
  overflow: auto;
  line-height: 12px;
 cellpadding: 10px;

   padding : 20px ;
}

.fondtitle {margin-bottom: 0px;   width: 500px; background-color: #f0ffba;  text-align: right;}


.fondpa {
 background-image:url('http://img15.hostingpics.net/pics/973981962661f2.png');
    border-left: 3px solid #77D1F2;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #FF6E6E;

    margin-bottom: 18px;
    margin-top: 18px;
    width: 680px;
}

.fondqeel {
    background: none repeat scroll 0% 0% #E9FFA1;
    border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
    height: 515px;
    margin-bottom: 18px;
    margin-top: 18px;
    width: 300px;
}

.enca {

    border-left: 3px solid #FF6E6E;
    border-radius: 50px 50px 50px 50px;
    border-right: 3px solid #77D1F2;
      height: 170px;
    margin-bottom: 18px;
    margin-top: 18px;
    width: 250px;
}


h1 { font-family: 'Neucha', cursive; }


div.bubulle {
    width: auto;
    font-size: 0.75em;
    margin-bottom: 24px;
}

div.bubulle blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #gray;
}

div.bubulle blockquote p {
    margin: 10px;
    padding: 0px;
}

div.bubulle cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    background: transparent url(FlecheBulle.gif) no-repeat 20px 0;
    font-style: normal;
}

 
div.infobulle2
{
 position: relative;
 float: center;
color: #FFF41F;
}
 
div.infobulle2 span
{
 display: none; /* ceci masque l'infobulle */
}
 
div.infobulle2:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: #FFF41F;
}
 
/* style de l infobulle */
 
div.infobulle2:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
width:100px;
height:auto;
top: 50px;
left:0px; /* on positionne notre infobulle */
background-color: #FFFBD9;
padding: 3px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
  padding : 6px 0;
  border-top: 3px solid #FFF41F;
  border-bottom: 3px solid #FFF41F;
    box-shadow: 0 0 5px #FFF41F;
  border-radius: 10px;
}






.infobulle:hover span {


      z-index: 2;
  
      white-space: nowrap;
    visibility: visible;
    top: -1px;
    left: -1px;
    width: 72px;
    height: 72px;
    border-radius: 100px;
    font-size: 8px;
    padding: 3px;

 background-image:url('http://img15.hostingpics.net/pics/171913ahahah.png');
  

  
}

.infobulle span {
    position: absolute;
    text-align: center;
    background-color: rgb(59, 59, 59);
    visibility: hidden;
     position: absolute;

}




    .infobulle:hover{
    z-index: 00;
  -o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
}


    .infobulle span img{
    border: 2px;
    padding: 5px;
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
}

  .infobulle{
position: relative;

    z-index: 0;
  border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -webkit-border-top-right-radius: 100px;
  border-top-right-radius: 100px;

 float: left;

}

    .infobulle:hover span{
    visibility: visible;

    width: 72px ;

    color:#23CBD1;
    border: 2px dotted #FCB1A9;
  border-radius: 100px 100px 100px 100px;
border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -webkit-border-top-right-radius: 100px;
  border-top-right-radius: 100px;
  -o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
}




          /* Début de la feuille de fiche */
            .onglet-fiche > div {
            display : none ;
            border : solid 2px #DEDB2C;
            border-radius : 5px 5px 5px 5px ; border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
            padding : 20px ; margin-bottom : Xpx ;
      box-shadow: 2px 5px 10px #444;
            width : 400px ;
  background-color: #FCF3D7;

          }
          .onglet-fiche > div.active{ display : block ; }
 
         .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
          .onglet-table td {
        style : top ;
      vertical-align:middle ;
        border : solid 2px white;

        border-radius : 5px 5px 5px 5px ; border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 0px 10px ;
            opacity : 0.5 ;
          }
          .onglet-fic td.active, .onglet-table td:hover {
            opacity : 1 ;

          }
          /* Fin de la feuille de style */




          /* Début de la feuille de style */
            .onglet-content > div {
            display : none ;
            border : solid 2px #DBD333;
            border-radius : 5px 5px 5px 5px ; border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
            padding : 20px ; margin-bottom : Xpx ;
      -moz-box-shadow: 2px 5px 10px #444;
            width : 450px ;
  background-color: #FCF3D7;
    height : 200px;
          }
          .onglet-content > div.active{ display : block ; }
 
         .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
          .onglet-table td {
        style : top ;
      vertical-align:middle ;
        border : solid 2px white;

        border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 0px 10px ;
            opacity : 0.5 ;
          }
          .onglet-table td.active, .onglet-table td:hover {
            opacity : 1 ;

          }
          /* Fin de la feuille de style */

.Elo {
  padding: 20px;
 border-radius: 50px 50px 50px 50px;
 background-repeat; repeat;
 text-align: justify;
 border-left: 5px solid #E3E3E3; }
 .Elo2 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:100px;
   padding : 10px; }

.élémentrotatif {
      

  font-size: 12px;
letter-spacing: 2px;
font-family: Impact;
          padding : 0px 20px ;
-o-transition: 0.2s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-htm-transition: 0.5s ease;
transition: 0.5s ease;
  text-shadow:1px 0px 0px gray;
     margin-bottom: 10px;
    margin-top: 10px;
   padding : 5px ;}
.élémentrotatif:hover {
        -webkit-transform:rotate(-20deg);
        -moz-transform:rotate(-20deg);
        -o-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
   padding : 5px ;
  font-size: 18px;
letter-spacing: 10px;
font-family: Neucha;
          padding : 0px 20px ;
-o-transition: 0.2s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-htm-transition: 0.5s ease;
transition: 0.5s ease;
  font-style: italic ;
  text-shadow:1px 0px 0px gray;
 }

        .imagerotative:hover {
        -webkit-transform:rotate(300deg);
        -moz-transform:rotate(300deg);
        -o-transform:rotate(300deg);
        -ms-transform:rotate(300deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
  -moz-opacity:0.5;
  opacity: 0.5;}

 .rotation2 {
    
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
background-position: center;
border-radius: 50px 50px 50px 50px;
 width:100px; }

 .rotation0 {
    
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
background-position: center;
border-radius: 50px 50px 50px 50px;
 width:100px; }



  .rotation2:hover {
        -webkit-transform:rotate(35deg);
        -moz-transform:rotate(35deg);
        -o-transform:rotate(35deg);
        -ms-transform:rotate(35deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
background-position: center;
border-radius: 50px 50px 50px 50px;
 width:100px; }

  .rotation1:hover {
        -webkit-transform:rotate(-35deg);
        -moz-transform:rotate(-35deg);
        -o-transform:rotate(-35deg);
        -ms-transform:rotate(-35deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
background-position: center;
border-radius: 50px 50px 50px 50px;
 width:100px; }
 .rotation0:hover {
        -webkit-transform:rotate(-20deg);
        -moz-transform:rotate(-20deg);
        -o-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
background-position: center;
border-radius: 50px 50px 50px 50px;
 width:100px; }




        .rotation:hover {
        -webkit-transform:rotate(300deg);
        -moz-transform:rotate(300deg);
        -o-transform:rotate(300deg);
        -ms-transform:rotate(300deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
}


     .rotation10:hover {
        -webkit-transform:rotate(300deg);
        -moz-transform:rotate(300deg);
        -o-transform:rotate(300deg);
        -ms-transform:rotate(300deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
}


#fondprofil{

background: none repeat scroll 0% 0% #f0ffba;

border: 1px solid #A8CC33;



font-size: 10px;
margin-bottom: 4px;
padding-left: 4px;
padding-right: 4px;





}

#fondprofil:hover{}






body {
cursor: url(http://img15.hostingpics.net/pics/779357ani328copie.png), auto;

}





#chatbox_header .catBottom .cattitle {
        color:EBD063;
  margin: 20 auto;
  font-size: 20px;
    Font-transform:rotate(10deg);
        }
        #chatbox_header .cattitle strong { display: none; }
        #chatbox_header .cattitle:before { content: "QG"; }
        #chatbox_header .cattitle { background-image:url(http://img11.hostingpics.net/pics/289054wonderland.png); }
        #chatbox_header .cattitle strong { visibility: hidden; }




.cathead
{
  background: url('http://data.imagup.com/12/1145039772.png') top center no-repeat;
width: 600px;
height: 200px;
  margin: auto; /*Permet de centrer la partie du corps*/
}

.catbody
{
  background: url('http://data.imagup.com/12/1145039772.png') center repeat-y;
width: 200px;
  margin: auto;

}

    

.qeelcrea {
background-color: #FCF3D7 ;
width: 600px;
height: 387px;
border: 4px solid #DEDB2C;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
padding: 0;
margin: 0 auto;
z-index: 1;
}
.castes a {
display: inline;
font: bold 34px trebuchet ms; /* ordre a respecter pour les normes W3C avec le raccourci font, style variant weight size/height familly (on peut omettre toutes les propriétés sauf le size et le family dans l ordre) */

padding: 7px 3px 3px;
}
.dress a {
color: red!important;
}
.coord a {
color: green!important;
}
.eleve a {
color: skyblue!important;
}
.obser a {
color: blue!important;
}
.scien a {
color: magenta!important;
}
.journ a {
color: brown!important;
}
.castes img {

-o-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-htm-transition: 0.4s ease;
transition: 0.4s ease;
padding: 7px 3px 3px;
margin: 4px auto;
}
.castes img:hover {
-o-transition: 0.6s ease;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
transition: 0.6s ease;
-o-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-webkit-transform: rotate(43deg);
-htm-transform: rotate(43deg);
-moz-transform: rotate(43deg);
}
.bulle3, .bulle3 img {
width: 32px;
height: 32px;
position: relative;
z-index: 3;
cursor: pointer;
}
.bulle3:hover, .bulle3 img:hover {
z-index: 4;
}
.bulle3 .inbulle3, .bulle3 img .inbulle3, .bulle3 .inbulle3 a, .bulle3 img .inbulle3 a {
color: transparent;
overflow: hidden;
}
.bulle3:hover .inbulle3, .bulle3 img:hover .inbulle3 {
position: absolute;
width: 130px;
height: 130px;
overflow-y: auto;
left: 34px;
top: -34px;
color: #5a1c1d;
text-shadow: 1px 1px 0px #e8d9b5;
border: 7px ridge #A92C10;
background: #fff;
box-shadow: 8px 8px 16px gray;
-moz-box-shadow: 8px 8px 16px #444;
-webkit-box-shadow: 8px 8px 16px #444;
-moz-border-radius:13px;
-webkit-border-radius: 13px;;
border-radius: 13px;
padding: 7px;
-o-transition: all 1.7s ease;
-webkit-transition: all 1.7s ease;
-moz-transition: all 1.7s ease;
-htm-transition: all 1.7s ease;
transition: all 1.7s ease;
z-index: 5;
}



.plop {text-decoration: blink;}








.mon_onglet{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border: 1px solid #000;
          cursor: pointer;
          margin-bottom: -1px;
          list-style: none;
        }
        .mon_onglet:hover{
          background: #b8efa1;
        }        
       .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border-top: 1px solid #000;
          border-right: 1px solid #000;
          border-left: 1px solid #000;
          border-bottom: 1px solid #fff;
          cursor: pointer;
          margin-bottom: -1px;
          list-style: none;}          
       .clear{
          clear: both;
        }
        .mon_contenu{
          color: #000;
          background: #fff;
          border: 1px solid #000;
          padding: 10px;
         line-height: normal;
          font-size: 11px;}
        #mes_contenus, #mes_onglets{
          width: 400px;
          margin: auto;}














.transparence {
background-color: transparent;
border: none;
  -moz-opacity:0.5;
  opacity: 0.5;

    -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.8s ease-in;
  -o-transition: all 0.5s ease-in;


}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

#fondinfos{
 border :1px dotted #white;
width: 205px;
background-color: #e1E1E1;
}



.castes img {

-o-transition: 0.4s ease;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-htm-transition: 0.4s ease;
transition: 0.4s ease;
padding: 7px 3px 3px;
margin: 4px auto;
}










.postbody {
}
.groupes{


opacity: 0,5;
font-size:20px;
  text-align:justify;
    text-align:center;
  font-weight: bold;


}

  .groupes:hover {
Font-transform:rotate(-2deg);

    }
/*Barre de Navigation*/
.navipose td {
  opacity: 0,5;
position: fixed;
top: 0%;
right:0%;
height: 20px;
width: 100%;
background-color:#9ECAB8 ;
-moz-box-shadow:1px 1px 1px 1px #D6D0C9;
-moz-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
-moz-border-radius-bottomright: 100px;
text-align: center;
font-size: 18px;

}

a.mainmenu {
background-img:url:('');
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #494E4F;
font-size: 10px;
}
a.mainmenu:hover{
background-color: #AD9A85;
padding-right: 10px;
font-weight: bold;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}
/*tour de forum*/
.tourcat {
    background-color : #F5F5FF;
    border : 1px dotted #FFB433;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 3px;
}

.fiche20{
background-position: right;

width: 20px;
background-color:#F2F2F2;
border-bottom: 2px dotted #419EBA;
border-top: 2px dotted #FF4D00;
    padding : 20px;}


.fiche5{
background-position: center;
border-radius: 50px 50px 50px 50px;
width:420px;
background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}
.fiche0 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:410px; height:150px;
background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}
.fiche4 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:420px;
height:220px;
 overflow:auto;
background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}
.fiche3 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:220px; height:230px; overflow: auto;
background-color:white;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
text-align: center;

}
.fiche2 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:220px; height:230px; overflow:auto;
background-color:white;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
}
.fiche1 {
background-position: center;
width:420px;
border-radius: 0px 0px 50px 50px;



background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}
.ficherdc {
background-position: center;
width:450px; height:10px;
background-color:white;
    padding : 5px;
}
.fiche {
background-position: center;
width:410px; height:150px;
border-radius: 50px 50px 0px 0px;
background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}

 .profil1
{
width: 200px;
height: 40px;

font-size: 13px;
font-family: Trebuchet MS;
font-weight: bold;
}
.profilmasque
{
    background-color : FFFFFF ;

font-size: 10px;
width: 200px;
border: 1px dotted #FFB433;
-moz-radius-bottomleft:10px ;
-moz-border-radius-bottomright:10px ;
-moz-border-radius-topleft:10px ;
-moz-border-radius-topright:10px ;
-moz-border-radius-bottomleft:10px ;}

.postdetails.poster-profile a img {


}

/*liens des sous forums*/
.sousfo {
     border-right: 5px solid rgb(225, 202, 150);
    font-size: 10px;
    background-color: rgb(254, 254, 254);
    text-decoration: none;
    text-align: center;
    padding: 5px;
    width: 125px;
    margin-right: 10px;
    box-shadow: 0px 0px 1px rgb(223, 223, 223);
}


/*tour de dernier sujet*/
.dersuj {      z-index: 999;
  height: 70px;
  widht: 100px;  
  background-color : #F5F5F5 ;
    border : 3px solid #A8CC33;
box-shadow :  5px 5px 2px 2px #D6D0C9;
      border-radius : 50px 200px 50px 200px;
      padding : 10px;
  image-attachment: fixed : url('http://img856.imageshack.us/img856/6447/sansre6ty.png');
  -moz-transform:rotate(5deg);
  margin-top: -20px;

}


.Machia{
        -webkit-transform:rotate(-20deg);
        -moz-transform:rotate(-20deg);
        -o-transform:rotate(-20deg);
        -ms-transform:rotate(-20deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
  -moz-opacity:0.5;
opacity: 0.5; }


.Machia:hover {
        -webkit-transform:rotate(20deg);
        -moz-transform:rotate(20deg);
        -o-transform:rotate(20deg);
        -ms-transform:rotate(20deg);
-o-transition: 0.4s ease;
-webkit-transition: 0.9s ease;
-moz-transition: 0.9s ease;
-htm-transition: 0.9s ease;
transition: 0.9s ease;
  -moz-opacity:0.5;
opacity: 0.5; }

a.forumlink:link, a.forumlink:visited {
color: #FF5757;
font-family: Trebuchet MS;

text-transform : uppercase;
font-size: 80%;

letter-spacing: 0px;
display: block;
-moz-border-radius:10px;
  
-o-transition: 0.2s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-htm-transition: 0.5s ease;
transition: 0.5s ease;
}
a.forumlink:hover, a.forumlink:hover:visited {

color: #A8CC33  ;
      text-transform: lowercase;
    font-family:  Neucha ;
  font-size: 20px;
display: block;
        padding : 0px 20px ;
-o-transition: 0.2s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-htm-transition: 0.5s ease;
transition: 0.5s ease;
  font-style: italic ;
  text-shadow:1px 0px 0px gray;
}



input,textarea, select
{
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 4px;
border: 1px dotted #A7D957;
}









a:hover {text-decoration: none !important}

.pa_contour
{
border: 2px dotted #FF0000
-moz-border-radius: 7px 7px 7px 7px;
padding: 10px;
}

.pa_L1
{
font-size: 26px;
border: 2px dotted #1F504F;
-moz-border-radius: 7px 7px 7px 7px;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-family: trebuchet ms;
}

.pa_titre
{
font-size: 22px;
font-family: trebuchet ms;
text-align: right;
border−width: 80%;
border-bottom: 2px solid #AD9A85;
padding-bottom: 2px;
padding-right: 10px;
}

.pa_contour2
{
border: 2px dotted #1F504F;
-moz-border-radius: 7px 7px 7px 7px;
padding: 10px;
padding-right:40px;
padding-left: 40px;
}

.pa_titre2
{
font-size: 22px;
font-family: trebuchet ms;
border-bottom: 2px solid #AD9A85;
padding-bottom: 2px;
padding-right: 10px;
text-align: right;}

.pa_texte
{
font-size: 12px;
font-family: verdana;
}

.pa_caps
{
font-variant:small-caps;
}

.pa_liens a
{
  font-variant:small-caps;
  text-decoration:none;
font-weight:bold;
}

.pa_liens a:hover
{
background-color: #AD9A85;
color : #ffffff;
  display:block;
      text-decoration:none;
       border-left: solid 4px #E1DAD2;
       border-right: solid 4px #E1DAD2;
text-align: center;
font-weight:bold;
}

.pa_news
{
 display:block;
 overflow:auto;
font-size: 12px;
font-family: verdana;
 height:35px;
}

.pa_titre3
{
font-size: 22px;
font-family: trebuchet ms;
padding-bottom: 2px;
}















a.mainmenu:hover {
text-align: center;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.position {
    position: relative;

   top : 20px
  }
  
  .tabtour {
    background-repeat:
    background-image: url('http://img11.hostingpics.net/pics/637619210zo2bcopie.png');
border : 5px solid #FF5757;  
padding-right : 15px;
padding-top : 15px;
padding-left : 15px;
padding-bottom : 5px;
  -moz-border-radius-topleft: 40px;
  -webkit-border-top-left-radius: 40px;
  border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  border-top-right-radius: 40px;

   }
  
  .tablogo  {
    background-color: #FFFFFF;
    border : 1px solid white;
   }
  
  .tabhistoire {
    background-color: #FFFFFF;
    border : 1px solid white;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  border-top-right-radius: 40px;
   }
  
  .tabpartenaires {
    background-color: #FFFFFF;
    border : 1px solid white;
   }
  
  .tabvotez {
    background-color: #FFFFFF;
    border : 1px solid white;
-moz-radius-bottomleft:40px;
-moz-border-radius-bottomright:40px;

-moz-border-radius-bottomleft:40px;   }

.infobulle2{
    position: relative;
height : 50px;
width : 80px;
  border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  border-top-right-radius: 40px;
    z-index: 50;}







div.bulle
{
 position: relative;
 float: left;

}
div.bulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.bulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: #FFD194;
}
div.bulle:hover span
{
  border: 3px solid #A7D957;
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-image:url(http://img11.hostingpics.net/pics/637619210zo2bcopie.png);
color: black;
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}



div.bulle22
{
 position: relative;
 float: left;
    position: relative;
height : 50px;
width : 80px;
  border-top-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  border-top-right-radius: 40px;
    z-index: 50;}









input,textarea, select
{
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 4px;
border: 1px dotted #A7D957;
}



  .nawak{
infobulle
    position: relative;
height : 50px;
width : 50px;}









.milieu {width: 90%; background-position: center; margin: 2px; border: 3px solid #D8FF99;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#ffffff ; font-size: 11px}


.fiche10 {
background-position: center;
border-radius: 50px 50px 50px 50px;
width:420px;
background-color:#e8e8e8;
border-bottom: 2px dotted #FFB433;
border-top: 2px dotted #A7D957;
    padding : 20px;
}

.deroulant
{
border: 1px dotted #EBD063;
background: white;
font-family: trebuchet ms;
color: #6AC3DE;
font-size: 12px;
}

.derougo
{
border: 1px dotted #958787;
background: white;
font-family: trebuchet ms;
color: #6AC3DE;
font-size: 12px;
}
.derougo:hover
{
border: 1px dotted #e2b0b0;
background: white;
font-family: trebuchet ms;
color: #6AC3DE;
font-size: 12px;
}







.bodyline{border:3px solid #B5DE2C;
 box-shadow: 5px 5px 100px 50px #B5DE2C;}




























        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 2px 10px;
          margin-right: 5px;
          color: #000;
          background: #fff;
          border: 1px solid #000;
          cursor: pointer;
        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          background: #b8efa1;
          color: #487f31;
          border-color: #487f31;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #ccc;
          background: #333;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 1px;
          margin-bottom: 1px;
          color: #000;
          background: #fff;
          border: 1px solid #000;
          padding: 10px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }



.infobulle22:hover span {


      z-index: 2;
  
      white-space: nowrap;
    visibility: visible;
    top: -1px;
    left: -1px;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    font-size: 8px;
    padding: 3px;

 background-image:url('http://img15.hostingpics.net/pics/171913ahahah.png');
}

.infobulle22 span {
    position: absolute;
    text-align: center;
    background-color: rgb(59, 59, 59);
    visibility: hidden;
     position: absolute;
}




    .infobulle22:hover{
    z-index: 00;}


    .infobulle22 span img{
    border: 2px;
    padding: 5px;}

  .infobulle22{
position: relative;

    z-index: 0;
  border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -webkit-border-top-right-radius: 100px;
  border-top-right-radius: 100px;

 float: left;
}

    .infobulle22:hover span{
    visibility: visible;

    width: 80px ;

    color:#23CBD1;
    border: 2px dotted #FCB1A9;
  border-radius: 100px 100px 100px 100px;
border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -webkit-border-top-right-radius: 100px;
  border-top-right-radius: 100px;
}

Merci Smile

EDIT :: je crois que je commence à comprendre le problème, mais maintenant, il me faudrait le code pour que les liens des sous-forums soient un en dessous de l'autre et non l'un à côté de l'autre ... éè
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 15:52

Ah bah vous devriez regarder mon forum test:
Que c'est beau ! Mr. Green 

Je regarde et je vous donne ça Smile

Edit: Pour les sous forums, des codes ont été donnés, il faut utiliser la recherche.
Sinon, il y a plus simple, mettre un simple br dans l'intitulé du sous forum Wink

ex:
Code:
Titre blabla <br />

Edit2:
Ici:
Code:
<th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

Il faut mettre un colspan de 4:

Code:
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

Je regarde le reste du code, voir s'il n'y a pas d'autres erreurs.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 15:57

C'était ironique? XD

Pourquoi le code "sousfo" ne marche pas?

Je crois qu'il faut vraiment refaire tout le code quand même... Je suis vraiment pas douée...
Voici ce que j'ai rechanger dans le index_box:

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- 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;"></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">

      </td>
      <td class="row1 over" align="center" valign="middle" height="100" >
                  <span class="gensmall">       <span class="sousfo">  <span class="gensmall">       <span class="sousforum"><span class="cadre"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script>
    </script></span></span>   
      </td>
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            
         </span>


            </td>

      
      </td>
      <td class="row2"  colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">







      


<td class="row3" align="center" valign="middle" height="20"><div style="width : 200px;">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="dersuj"> <span class="gensmall">{catrow.forumrow.POSTS} Messages ✤ {catrow.forumrow.TOPICS} Sujets </span><br/>
      <div style="border-bottom: 2px solid #A8CC33; height: 2px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px;"></div>
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div>
    <div style="background-image: url('http://img856.imageshack.us/img856/6447/sansre6ty.png');"></div>
    </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 -->

Je suis désolé Anzu ;O;
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 16:00


Bien sûr que c'était ironique ^^
Mais ce n'est pas méchant hein Razz

J'ai édité mon précédent message, il manque un colspan, cela devrait corriger un point.

Après effectivement, c'est un peu beaucoup passionnément le bordel ^^

Genre ici:

Code:
  <td class="row1 over" align="center" valign="middle" height="100" >
                          <span class="gensmall">      <span class="sousfo"> </span> 
              </td>
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                   
                </span>
              </td>


Deux td qui se ferment à la suite ce n'est pas possible et il y en a plusieurs comme ça dans le template.
Le mieux serait de tout revoir et de refaire ça proprement, je vais m'en charger, il n'y a pas de souci.

Cordialement.

Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 16:04

Merci merci merci de vous en charger! Je vous mettrez dans mes crédits ;O; c'est bien peu mais bon...

Le bordel est sans doute bien peu par rapport à mes codes... V.V

Je vous suis hyper reconnaissante! *en plus à chaque fois, c'est vous qui m'aidez pour mes forums!*
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 16:29

J'ai retiré pas mal de choses histoire d'alléger le template mais rien de spécifique.

Code:
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
             
             
          </tr>
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
           
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
         
          </tr>
          <!-- END cathead -->

          <!-- BEGIN forumrow -->
          <tr>
            <td style="min-width: 100px;" class="row3" align="left" valign="middle" height="100">
          <span class="cadre"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
            jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
            </script></span></td>

            <td class="row2"  colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
                </h{catrow.forumrow.LEVEL}>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">

       
        <td class="row3" align="center" valign="middle" height="20"><div style="width : 200px;">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> <div class="dersuj"> <span class="gensmall">{catrow.forumrow.POSTS} Messages ✤ {catrow.forumrow.TOPICS} Sujets </span><br />
              <div style="border-bottom: 2px solid #A8CC33; height: 2px; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px;"></div>
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div>
            <div style="background-image: url('http://img856.imageshack.us/img856/6447/sansre6ty.png');"></div>
            </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 -->

Il y avait donc des balises en doublon et quelques erreurs. Comme dit par MP, j'ai retiré le td qui contenait l'affichage des modérateurs. Mais on peut toujours le remettre, faudra juste me préciser où.

Essayez le template pour voir ce que ça donne sur votre forum, on verra à ce moment là si ça coince encore quelque part ^^
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 16:40

Vous êtes Dieu en fait! *w* vous savez tout faire! Merci ♥

Maintenant, comment puis-je faire pour que ça rentre dans un carré de couleur ? :/
Un simple background, mais vraiment carré (et non qui entoure juste les mots).

Merci d'avance.

EDIT : non c'est bon, rien dit, trouvé! Je pense que c'est ok \o
Merci énormément, comme toujours, un travail rapide, excellent, une grande capacité d'écoute. Vous êtes génial Anzu! ♥

Je pense pouvoir mettre résolu, mais je pense revenir vite pour d'autres demandes (vu que je tente de modifier un peu mon forum).
Bonne journée et MERCI BEAUCOUP!
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 18:21

Je fais un double poste! Désolé ;O; j'ai oublié de demander ::

Si je veux que l'image "pas de nouveaux messages, nouveaux messages ou verrouillé" soit à gauche ou à droite du dernier sujet, sous un "margin" comment je dois faire? Ou dois-je placer le div?

Et si je veux le placer entre le contexte et "le dernier sujet"?

Je suis navrée d'être si embêtante :/ mais comme ça j'embêterai pas plus tard!

EDIT :
Voir mon forum ici :: http://h-s-sup.forums-actifs.com/

► entre les 2 cadres
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 18:38


Vous avez mis votre forum en construction donc je ne peux rien voir.
Qu'entendez vous par "sous un margin" ? scratch 

Et si je veux le placer entre le contexte et "le dernier sujet"?
Etant donné que je n'ai pas accès au forum, je ne vois pas où ça se situe.

Si vous voulez mettre l'image à côté des derniers messages, il suffit de refaire un mini tableau dans le td.

Donc dans celui ci:
Code:
<td class="row3" align="center" valign="middle" height="20">
Vous commencez le tableau après: <div style="width : 200px;">

Code:
<table><tr><td>le contenu de l'image</td><td>tout le reste</td></tr></table>

en sachant que la balise table de fin doit se trouver juste avant
Code:
</td>
</tr>

Je viens de le faire sur mon forum test: c'est ça que vous voulez faire ?


Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Valendium Lun 29 Juil 2013 - 18:42

Voila, je crois que j'y suis arrivée en chipotant encore Very Happy

Pourriez-vous me donner votre avis? Il n'est plus mis en construction ^^

Merci mille fois de votre aide! Vous êtes génial Very Happy
avatar

Valendium
**

Messages : 96
Inscrit(e) le : 13/06/2011

http://enchantedtime.taguilde.net/
Valendium a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier la structure des catégories

Message par Anzu Lun 29 Juil 2013 - 18:48

Vous y êtes arrivé c'est l'essentiel ^^

Tout m'a l'air correct, c'est très sympa Smile 

Un petit détail, vous pouvez rajouter ces codes dans votre css:

Code:
td.catLeft {
 border-width:0 0 0 0px !important;
}

td.catBottom {
 border-width:0 0px 0px !important;
}

td.catHead {
 border-width:0px 0px 0 !important;
 font-size:12px;
}

td.catLeft {
border-width:0 0 0 0px !important;
}

td {
border-width:0 0 0 0px !important;
}

histoire de retirer toutes les bordures indésirables qui se baladent un peu partout: http://h-s-sup.forums-actifs.com/f1-contexte-compagnie

En parlant de css, retirez tous les blancs entre vos codes, genre faites un petit espace entre chaque.

Code:
.blabla {
bidule;
truc;
machin;
chose;
}

.blabla2 {
bidule;
truc;
machin;
chose;
}

Après vous pouvez tout coller mais ces espaces interminables prennent de la place Razz

Edit: ah bah du coup pour mettre l'image à gauche ou à droite, il y avait plus simple, vu que vous avez rechangé, il suffisait de mettre l'image dans un td et le reste dans un deuxième sans pour autant refaire un tableau mais vous avez sans doute fait comme ça ^^
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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