Sujets similaires

Dernière édition par Arya* le Jeu 30 Sep 2010, 12:10, édité 1 fois

Bonjour ^^

Voilà, j'ai un petit problème. J'ai suivi un tutoriel pour faire des catégories comprimées ( http://www.sos-forum.com/astuces-pour-forums-f3/kit-sf-bb-categories-comprimees-t1024.htm ). Et normalement, ça devrait donner des blocs alignés, comme sur l'exemple et comme sur le forum lui même, sauf que bah non >< Je me retrouve avec ça : http://testvulnera.forumactif.org/ et je n'arrive pas à aligner les blocs.

Voici mon template

Spoiler:

Code:: <html>

<head>

<script type="text/javascript" src="http://pmsc.free.fr/J02/10211175432.js">

/***********************************************
* Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>
</head>

<body>
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a><span class="supprimg">{NAV_CAT_DESC}</span></div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

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


<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-top: auto;"><tr><td class="styletable"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" style="background-color: transparent; background-image: none;"> {catrow.tablehead.L_FORUM} </th></tr></table></div></div></div></div></td></tr></table><table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td align="center">


<table cellspacing="0" cellpadding="0" class="forumcell" border="0" style="display: inline-table; margin-top: 0px;"><tr><td style="padding: 0px;"><div class="backcorner2"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td class="transtable" align="center" valign="middle" style="padding: 5px;">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="transtable" 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}"><div class="gradualfader">{catrow.forumrow.FORUM_NAME}</div></a>

</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span><hr />
<i><span class="gensmall">{catrow.forumrow.POSTS} Messages dans {catrow.forumrow.TOPICS} Sujets</span></i><hr /><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr></table></div></div></div></div></div></td></tr></table>


</td></tr></table><div style="width: 100%; height: 0px;"></div>



<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
</body>

</html>

Et mon CSS

Spoiler:

Code:: /*CATEGORIESETFOND*/

body {background-image: url("http://i53.tinypic.com/2rpsqbq.png");
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

.forumline{
background-color: #211710;
border: 5px #1d140e solid ;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
}

/*LIENS*/

.forumlink{
font-weight: bold;
font-size: 25px;
}
a.forumlink {
text-align: center;
text-transform: uppercase;
text-decoration: none;
font-family: Times New Roman;
letter-spacing: -3px;
text-shadow: #000000 1px 1px 1px;
border-bottom: 3px dotted #9f7354;
display: block;
}
a.forumlink:hover{
color: #9f7354;
text-align: center;
text-transform: uppercase;
text-decoration: none!important;
font-family: Times New Roman;
letter-spacing: -3px;
text-shadow: #000000 1px 1px 1px;
border-bottom: 3px dotted #9f7354;
display: block;
}
.description {
-moz-border-radius: 10px 10px 10px 10px;
border: 1px #ffffff dotted;
padding: 5px;}

/*categ*/

/*CATEGORIES_COMPRESSEES-------------------------------------------------SOS-FORUM.COM*/
/*Largeur_Categories_Compressees-------------------------------------------------*/
.forumcell {width: 40%; background-color: #211710; border: 5px #1d140e solid ;
height:350px !important;
margin-left: 5px;

}
/*Couleur_Bordure_Categories-------------------------------------------------*/

.forumcell hr { border: 5px #1d140e solid ;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;}

/*onglets*/
.text {
color:#000000; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_debut,#cat_gestion,#cat_horsjeu, /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:90%;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-20px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://i30.tinypic.com/rbl7jm.jpg') no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:50px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('http://i27.tinypic.com/30mnv2d.jpg') no-repeat; /*URL de l'onglet étant inactif*/
width:100px; /*Largeur de l'onglet étant inactif*/
height:50px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}

Autre problème, je voudrais savoir s'il était possible de classer mes catégories par onglets (un peu comme sur ce forum : http://sansfil.forumactif.com/ ), parce que j'ai essayé mais avec cette modification de catégories en bloc, ça pose quelques probèmes T.T Est-ce que quelqu'un pourrait m'aider ?

Voilà, j'espère que je ne vous dérange pas pour rien et je vous remercie d'avoir prie en compte ma question.

Dans l'attente d'une réponse (je suis désespérée T.T)

Sujet: Re: Templates catégories comprimées + onglets Mer 29 Sep 2010, 09:37

je sais que ça n'a rien à voir mais ton forum est magnifique Smile

Sujet: Re: Templates catégories comprimées + onglets Mer 29 Sep 2010, 09:57

Oh merci ! C'est gentil ^^ =D

Juste pour vous dire, j'ai réussi à résoudre mon problème de blocs décalés toute seule ^^' Donc si vous voulez m'aider, ça serait pour la deuxième question Razz

Sujet: Re: Templates catégories comprimées + onglets Mer 29 Sep 2010, 21:47

Aphrody ♥>>> C'est le premier et dernier avertissement , on ne flood pas dans cette section , si vous voulez complimenter la personne , faites le par MP.

Arya~> On ne peut vous aider si vous nous demander de plagier un forum et ceux peu importe la demande.... Ajoutez à cela , que votre demande d'aide s'apparente à une commande , qui n'a pas à se faire dans cette section..

Lisez les règles très chère =) et si besoin d'une réelle aide on sera la pour vous [Un schéma est conseillé et non pas une capture d'écran d'un forum ou autre ]

Sujet: Re: Templates catégories comprimées + onglets Jeu 30 Sep 2010, 07:20

Je suis désolée, j'avais pas l'intention de plagier ce truc des onglets malgré les apparences, puisque je n'avais pas non plus l'intention de le mettre sur le vrai forum étant donné mes co admins ne veulent pas entendre parler d'onglets ^^" parce "qu'on en voit partout". C'était plus une question "d'accomplissement" personnel et de curiosité à dire vrai.

Je ne demandais pas non plus de code puisque mon but c'était justement d'arriver à le faire toute seule (bon, il se trouve que j'ai eu besoin d'aide car je ne suis pas codeuse professionnelle), à comprendre comment marchent les templates (ce qui est un des principes du forum css actif, non ?) plutôt qu'à copier coller bêtement des codes sans explications (le premier tutoriel, je l'ai suivi mais il était joint d'un fichier d'explications qui montrait les différentes étapes du codage). Donc ma question, très cher, était plus de savoir pourquoi je n'obtenais pas l'effet désiré que de demander un code tout fait.

Après, si vous ne voulez pas m'expliquer ou si vous ne savez pas, c'est pas grave, je survivrai ^^. Comme je l'ai dit, c'était plutôt de la curiosité qu'autre chose.

Sujet: Re: Templates catégories comprimées + onglets Ven 01 Oct 2010, 03:58

Radimir a écrit:: Lisez les règles très chère =) et si besoin d'une réelle aide on sera la pour vous [Un schéma est conseillé et non pas une capture d'écran d'un forum ou autre ]

Mon message est assez clair ? Ai-je souligner un manque de compétence ou un non vœu d'aide ? x)... Enfin bref je le redis encore une fois , si vous voulez quelque chose pour votre forum , il faut fournir un exemple fait de vos mains [Un schéma fait sous Paint , photofiltre ou autre avec une explication du résultat recherché.

Si au contraire comme vous le dites plus haut , vous avez un pré-code que vous avez testé , il nous faudra ce code , le css qui l'accompagne et les templates modifié à cette effet pour vous aidez.

Sujet: Re: Templates catégories comprimées + onglets Jeu 07 Oct 2010, 09:13

Bonjour ^^

Ce problème est-il résolu ?

Si non, Radimir a demandé un schéma et votre début de code pour pouvoir vous aider =)

Sujet: Re: Templates catégories comprimées + onglets Ven 15 Oct 2010, 18:35

Bonjour,

Aucune relance de la part du créateur de ce sujet, je le considère donc comme résolue. Je classe.

Templates catégories comprimées + onglets

Templates catégories comprimées + onglets

Sujets similaires

Sujets similaires

Partenaires Or