L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 Tableau complémentaire accueil [Arlem]

floriang2avatar
Messages : 288
Bonjour,

Après l'excellent travail de Lixyr sur le tableau d'accueil de mon forum, que je remercie encore, je garde ce tableau. cepandant, j'aimerais ajouté un tableau avec les résultats des championnats du monde de ski alpin en dessous.

Le lien du forum où le code sera installé :http://forumdesneiges.easyforumpro.com/
Lien de la publicité sur l'annuaire : http://www.forumsdeforumactif.com/t12145-le-forum-des-neiges
Support de mise en page : Message de la page d'accueil -
Résultat en : HTML - BBcode
Type de mise en page : - Personnalisée
----------------------------------------------------
Plan :
Spoiler:
 

Description plus détaillée :
J'aimerais que l'image de droite soit cliquable, pour amener à une galerie. pour le texte qui se trouve tout en bas, il sera cliquable également et ménera au topics dédié.

Les couleurs :
la cellule du haut - ainsi que hommes/femmes et les disciplines: #E1E1E1
tout en bas et fond cellule image: #D9D9D9
couleurs: police noir

Texte :
à droite:
Super-G
Descente
Slalom
Slalom Géant
Combiné
Team Event

en haut:
Résultats 42ème championnats du monde de Schladming 2013 – FIS ALPIN SKI WM STEIERMARK

en bas:
<< Relisez nos articles sur les 42ème championnats du monde et notre rétrospective >>

Je remplirais ensuite le reste.

Image(s) :

D'autres commentaires :
Les championnats du monde ayant lieu tout les deux ans, et moi n'étant pas un pro, j'aimerais que le tableau soit facilement modifiable, tout comme le premier.


merci de votre aide !
floriang2avatar
Messages : 288
cette commande est toujours en cours !
floriang2avatar
Messages : 288
Hello

commande toujours d'actualité !
floriang2avatar
Messages : 288
commande toujours valable  ! bonne semaine  !
ArlemV.I.P.avatar
Messages : 3712
Yop,

Je déplace ta commande dans les "En cours" je vais essayer de m'en occuper assez rapidement. Wink
floriang2avatar
Messages : 288
ArlemV.I.P.avatar
Messages : 3712
Hum.. j'étais motivé pour m'y mettre mais j'ai l'impression que le lien de l'image est mort.

Tu pourrais la reposter ?
floriang2avatar
Messages : 288
ArlemV.I.P.avatar
Messages : 3712
Effectivement, chez moi le lien direct bug mais pas ce lien là, bizarre.

Merci. Wink
floriang2avatar
Messages : 288
ArlemV.I.P.avatar
Messages : 3712
Bonsoir/bonjour et désolé pour le retard j'ai été plus pris que prévu ailleurs. Smile

Voila un premier essai, tu me diras ensuite ce que tu souhaites changer.
Alors dans le css :
Code:
         /* DEBUT Tableau complémentaire PA */
         #PA_ct {
            width:100%;
            color:#000;
            border:2px double #000;
         }
         #PA_ct td {
            border:2px double #000;
         }
         .PA_ct_titre {
            background:#E1E1E1;
         }
         .PA_ct_first {
         }
         .PA_ct_type {
            text-decoration:underline;
         }
         .PA_ct_center {
            text-align:center;
         }
         .PA_ct_underline {
            text-decoration:underline;
         }
         .PA_ct_last {
            background:#D9D9D9;
         }
         .PA_ct_picture {
            margin: 0px auto;
            background:#D9D9D9;
         }
         /* FIN tableau complémentaire PA */
Et dans la PA :
Code:
      <table id="PA_ct">
         <tr>
            <th colspan="4" width="100%" class="PA_ct_titre PA_ct_center PA_ct_underline">Résultats 42ème championnats du monde de Schladming 2013 – FIS ALPIN SKI WM STEIERMARK</th>
         </tr>
         <tr class="PA_ct_first PA_ct_center">
            <td width="20%"></td>
            <td width="20%" class="PA_ct_underline">Hommes</td>
            <td width="20%" class="PA_ct_underline">Femmes</td>
            <td width="40%">Les meilleurs clichés !</td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Super-G</td>
            <td width="20%"></td>
            <td width="20%"></td>
            <td width="40%" rowspan="6" class="PA_ct_picture"><img src="URL_IMAGE"/></td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Descente</td>
            <td width="20%"></td>
            <td width="20%"></td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Slalom</td>
            <td width="20%"></td>
            <td width="20%"></td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Slalom Géant</td>
            <td width="20%"></td>
            <td width="20%"></td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Combiné</td>
            <td width="20%"></td>
            <td width="20%"></td>
         </tr>
         <tr>
            <td width="20%" class="PA_ct_type">Team Event</td>
            <td width="20%"></td>
            <td width="20%"></td>
         </tr>
         <tr>
            <th colspan="4" width="100%" class="PA_ct_last PA_ct_center PA_ct_underline"><< Relisez nos articles sur les 42ème championnats du monde et notre rétrospective >></th>
         </tr>
      </table>
floriang2avatar
Messages : 288
C'est top ! j'ai modifié la largeur du tableau ainsi que des lignes, c'est parfait ! par contre, j'ai essayé de modifié la couleur du texte en noir plutôt que gris mais j'ai pas trouvé dans les codes.
ArlemV.I.P.avatar
Messages : 3712
Tu avais trouvé le bon endroit, soit ici :
Code:
#PA_ct {
            width:100%;
            color:#00000;
            border:2px double #000;
        }
Mais soit il te manque un zéro soit il y en a deux en trop Razz et il faut apparemment que tu rajoutes un !important pour que ce soit pris en compte comme d'autres propriétés css forcent le texte en gris, à la fin tu dois avoir ceci :
Code:
#PA_ct {
            width:100%;
            color:#000 !important;
            border:2px double #000;
        }
floriang2avatar
Messages : 288
merci c'est parfait !
ArlemV.I.P.avatar
Messages : 3712
Je peux classer ? Smile
floriang2avatar
Messages : 288
oui c'est parfait merci  !
ArlemV.I.P.avatar
Messages : 3712
Nickel, je classe ! Wink

,
 Sujets similaires
-
» Tableau page d'accueil
» Problème tableau page d'accueil
» revenu complémentaire
» tableau page d accueil inactif au passage de la souris
» Centrer tableau page d'accueil

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Eval - Basique
  • Eval - RPG