soucis avec mes onglets T.T

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

Résolu soucis avec mes onglets T.T

Message par © Insomnia le Lun 5 Nov 2012 - 18:02

Bonjour, nous aurions voulu refaire des onglets comme sur notre ancien forum : http://dramma-per-musica.forumsactifs.com/

Mais ma codeuse a beau tout essayer, aucun de ses codes ne fonctionne et on ne sait absolument pas pourquoi O.o En fait, nous voudrions que les catégories soient sous forme d'onglet pour ne pas que la page d'accueil soit trop longue. (http://dramma-per-musica.forumactif.org/) Mais ma codeuse s'arrache les cheveux car ses codes habituels sont totalement inefficaces. Si vous allez directement sur le deuxième lien donné, rien n’apparaît alors que les codes pour les onglets sont bien présent au niveau du css et du template. La structure hiérarchique du forum est bonne aussi alors nous pas comprendre T.T

Code:
CSS :
textarea, .textarea.post, input.post {
-moz-border-radius:4px;
  border-radius:4px 4px 4px 4px;
}


a { text-decoration: none; }
a:hover{
    text-decoration: none !important;
    color : #code_couleur;
    }

.bodyline {
border: 5px double #774b28;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius:40px 40px 40px 40px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


a.mainmenu {
background-image:  url('http://img11.hostingpics.net/pics/274429fond2.png');
font-weight: bold;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}

a.mainmenu:hover{
background-image:  url('http://img11.hostingpics.net/pics/274429fond2.png');
font-weight: bold;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}

.titre2 { text-transform: lowercase;
  letter-spacing: -3px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #FAF1CD;
 }

.arthur {
  height: 140px;
  border: 3px solid #3B1F07; /* couleur des bords */
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #E0B584; /* couleur du fond */
  color: #784D29;
}


.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

#conteneur_onglets {
  width: 100%;
  display: none;
  margin-top: 20px;
  text-align: center;
  border-collapse: collapse;
  text-transform: uppercase;
background-image: url('http://hitskin.com/themes/17/98/66/i_back_title.png');
  border: 2px solid  #A68966;
  color:  white;
filter:alpha(opacity=100);
-moz-opacity:1.0;opacity: 1.0;
}
 
#conteneur_onglets td {
  cursor: pointer;
}
 
.actif {
  filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
  border: 2px solid #A68966;
  color: white;
}

a.forumlink:link, a.forumlink:visited {
font-size:32px;
font-weight: bold;
font-style: italic;
letter-spacing: -1px;
text-transform: lowercase;
  border-bottom: 2px dashed black;
  display:block;
font-weight: normal;
padding-left: 20px;
  -webkit-transition: all 1s ease; /* effet accordéon */
-moz-transition: all 1s ease; /* effet accordéon */
-o-transition: all 1s ease; /* effet accordéon */
transition: all 1s ease; /* effet accordéon */
color: #633C1D;
text-shadow: 1px 1px 1px #000000;
}

a.forumlink:link:hover, a.forumlink:visited:hover {
 -webkit-transition: all 1s ease; /* effet accordéon */
-moz-transition: all 1s ease; /* effet accordéon */
-o-transition: all 1s ease; /* effet accordéon */
transition: all 1s ease; /* effet accordéon */
padding-left: 80px;
filter:alpha(opacity=60);
-moz-opacity:0.6;opacity: 0.6;
color: #784D29;
display: block;
}


.sujets_messages {
margin-top: 3px;
margin-bottom: -3px;
padding: 3px;
text-align: right;
letter-spacing: -1px;
font-size: 10px;
}

.derniers_sujets {
margin-top: -5px;
width: 75px;
height: 40px;
text-align: center;
letter-spacing: 0px;
}

.forum-description {
padding: 10px;
padding-bottom: 2px;
margin-top: 10px;
margin-bottom: -2px;
margin-right: 20px;
margin-left: 40px;
color: black;
width: 80%;
 height: 100px;
border-right:1px solid black;
border-left:1px solid black;
border-top: 1px solid black;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
font-size: 10px;
text-align: justify;
  overflow: auto;
    }

Code:
Template Index_box le seul de modifier :

<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>
<table id="conteneur_onglets">
  <tr>
    <td OnClick="change_categorie(1)">1</td>
      <td OnClick="change_categorie(2)">2</td>
      <td OnClick="change_categorie(3)">3</td>
      <td OnClick="change_categorie(4)">4</td>
      <td OnClick="change_categorie(5)">5</td>
      <td OnClick="change_categorie(6)">6</td>
      <td OnClick="change_categorie(7)">7</td>
  </tr>
</table>
<script type="text/javascript">

  function change_categorie(numero)
  {
      if($('.categorie:eq('+(numero-1)+')').size() != 0)
      {
        $('.categorie').css("display","none");
        $('#conteneur_onglets .actif').removeClass("actif");
       
        $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
        $('.categorie:eq('+(numero-1)+')').fadeIn();
      }
      else
      {
        alert("Avada Kedavra !")
      }
  } 

  $("document").ready(function()
  {
      if($(".categorie").size() > 1)
      {
        if($("#conteneur_onglets").is("table"))
        {
            $("#conteneur_onglets").css("display","table");
        }
        else
        {
            $("#conteneur_onglets").css("display","block");
        }
      }

      change_categorie(1);
  })
 
</script><br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <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">
         <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}>
         <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div><div class="forum-description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>

         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->

Merci à l'âme charitable qui nous aidera

EDIT: je suis la fondatrice du forum en phpbb2


Dernière édition par © Insomnia le Ven 9 Nov 2012 - 1:03, édité 1 fois

© Insomnia
**

Féminin
Messages : 96
Inscrit(e) le : 30/06/2010

http://doloris.forumactif.org/
© Insomnia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis avec mes onglets T.T

Message par © Insomnia le Mar 6 Nov 2012 - 21:51

Personne pour m'aider ? Sad

© Insomnia
**

Féminin
Messages : 96
Inscrit(e) le : 30/06/2010

http://doloris.forumactif.org/
© Insomnia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis avec mes onglets T.T

Message par kidon le Jeu 8 Nov 2012 - 7:46

Vous avez pensé a copié/collé le template de l'ancien forum ?

kidon
***

Masculin
Messages : 110
Inscrit(e) le : 06/12/2009

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

Résolu Re: soucis avec mes onglets T.T

Message par © Insomnia le Jeu 8 Nov 2012 - 9:02

Bonjour,

oui mais ça ne marche pas.

© Insomnia
**

Féminin
Messages : 96
Inscrit(e) le : 30/06/2010

http://doloris.forumactif.org/
© Insomnia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: soucis avec mes onglets T.T

Message par © Insomnia le Ven 9 Nov 2012 - 1:03

Problème régler Smile
merci quand même Smile

© Insomnia
**

Féminin
Messages : 96
Inscrit(e) le : 30/06/2010

http://doloris.forumactif.org/
© Insomnia a été remercié(e) par l'auteur de ce sujet.

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


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