Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Bouton_activeTutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Bouton_hoverTutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Fb-hoverTutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

Partagez
 

Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://great-old-ones.creerforums.com/
Berserck
Berserck
{ Membre }
{ Membre }

Féminin Messages : 42



Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
Bonjour !

Voilà, j'ai réalisé le tutorial Encadrer chacun de vos forums de façon originale sur un de mes Forums test, mais voilà : ça ne marche pas :/ !

J'ai relu le tutorial, vérifié chaque étape, et je n'ai rien repérer comme fautes. J'ai bien séparé les catégories sur l'index, mit la largeur de mon forum à 900... Mais rien...

Donc bon, je vous donne les codes concernés (Index_box et le css...)

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 --><!-- Début de l'ajout du haut -->
<div class="ajout_haut"></div>
<!-- Fin de l'ajout du haut --><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="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</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">&nbsp;</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}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <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" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</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><!-- Début de l'ajout du bas -->
<div class="ajout_bas"></div>
<!-- Fin de l'ajout du bas --><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Code CSS ajouté suite au tutorial :
Code:
/* tableau autour forum BEGIN */
.ajout_haut {
  background-color: transparent;
  background-image: url('http://nsa10.casimages.com/img/2010/01/14/100114065535545189.png') center top no-repeat;
  width: 900px;
  height: 26px;
  border: none;
}

.ajout_bas {
  background-color: transparent;
  background-image: url('http://nsa11.casimages.com/img/2010/01/14/100114065612568113.png') center top no-repeat;
  width: 900px;
  height: 26px;
  border: none;
}

.forumline {
  background-color: transparent;
  background-image: url('http://nsa10.casimages.com/img/2010/01/14/100114070515465818.png') center repeat-y;
  padding: 3px; /* Il vaut mieux ajouter quelques pixels de marge intérieure, sinon le forum est collé à l'image intérieure, et ça ne rend pas bien. Faites le test sinon !*/
  border: none;
}
/* tableau autour forum END */

Voilà, je ne vois vraiment pas où j'ai fais une erreur :/... Je suis sûre que c'est un truc tout bête en plus x)

Bonne soirée en tout cas !!!


Dernière édition par Berserck le Mer 20 Juin 2012, 17:44, édité 1 fois
MessageSujet: Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]   Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyMer 20 Juin 2012, 17:07
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
Merf. Il va falloir corriger quelque chose dans ce tutoriel...

Pour tous les background-image que tu as déterminés, tu as défini plusieurs propriétés à la fois. Du coup ça ne marche pas. Je m'explique... Smile

Code:
.ajout_haut {
  background-color: transparent;
  background-image: url('http://nsa10.casimages.com/img/2010/01/14/100114065535545189.png') center top no-repeat;
}
"center top" et "no-repeat" appartiennent à deux propriétés différentes, respectivement "background-position" et "background-repeat". Elles font partie d'un groupe de propriétés (dont fait partie "background-color", bien déterminé tout seul) qu'il est possible de définir en une seule fois, tel que c'est fait à tort dans le "background-image". Dans ce cas-là, il faut utiliser la propriété "background", en respectant l'ordre suivant :
Code:
.class {
  background:color image repeat attachment position;
}

En somme, tu devrais avoir soit :
Code:
.ajout_haut {
  background-color: transparent;
  background-image: url('http://nsa10.casimages.com/img/2010/01/14/100114065535545189.png');
  background-repeat: no-repeat;
  background-position: center top;
}
Soit :
Code:
.ajout_haut {
  background: transparent url('http://nsa10.casimages.com/img/2010/01/14/100114065535545189.png') no-repeat center top;
}

Bref. Ce n'est pas vraiment ta faute, c'est le tuto qui est erroné sur la propriété en question. Normalement, une fois que tu as corrigé les passages concernés, ça devrait marcher. Smile
MessageSujet: Re: Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]   Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyMer 20 Juin 2012, 17:33
Revenir en haut Aller en bas
http://great-old-ones.creerforums.com/
Berserck
Berserck
{ Membre }
{ Membre }

Féminin Messages : 42



Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
Ho en effet tout est rentré dans l'ordre !!! Merci beaucoup en tout cas (je note bien la différence entre les deux méthodes de codage, ça me servira encore je pense) ! Passe une bonne soirée ^^
MessageSujet: Re: Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]   Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyMer 20 Juin 2012, 17:43
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
Hello (:
Je vois que le problème est résolu, par conséquent je classe !
Merci de l'avoir signalé Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] 926145
MessageSujet: Re: Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]   Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] EmptyMer 20 Juin 2012, 17:52
Revenir en haut Aller en bas
Contenu sponsorisé




Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
MessageSujet: Re: Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]   Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu] Empty
Revenir en haut Aller en bas
 

Tutorial "Encadrer chacun de vos forums de façon originale" qui ne marche pas [résolu]

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Tutorial "<Template PHPBB2> Encadrer chacun de vos forums de façon originale" - Problème
» Pourquoi ça marche pas chez moi ? (résolu aussi)
» [résolu] Profil en onglets : le script ne marche pas ?
» PB tuto "Encadrer chacun de vos forums de façon originale"
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit