demande d'aide pour un certain tableaux

[xBorwniies]

Bonjour j'aimerais faire se genre de tableau:
http://pinkiwi.1fr1.net/
Contrairement à celui là:
http://justgraph.forumgratuit.org/

Merci

[tupac]

Bonsoir

Pour placer la colonne dernier sujet a gauche vous pouvez jeter un œil ici.
En ce qui concerne le tableau pouvez vous nous faire un schéma svp.

[xBorwniies]

Tableau actuel sur mon forum:

Spoiler:

Donc j'aimerais bien faire un tableau dans ce genre:

Spoiler:

[Invité]

Bonjour, Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre : - doit-être explicite (qui explique brièvement le problème), - ne doit pas être en majuscules, - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... Merci de le modifier en cliquant sur le bouton de votre premier message. A bientôt sur ForumActif

Bonsoir,

tupac propose de vous aider pour le tableau, si vous rencontrez un problème sur votre autre question, ouvrez un nouveau sujet. Pour chaque question, un sujet, afin de faciliter la recherche pour tous .

Cordialement.

[tupac]

Je ne peux reproduire exactement le même tableau cela serait du plagiat c'est pour cela que je vous ai demandé de me faire un schéma avec vos propres idées.

[xBorwniies]

Alors que se soit la même structures, et qu'il y a les partenaire la SDM les annonce et pour les lien utile que se soit un peu comme sa dans un cadre et qu'on puisse rajouter une petite image.

Spoiler:

Aussi que je puisse mettre des petits pointillers

Spoiler:

Merci
PS: Je vais je vais changer le titre.

[xBorwniies]

Alors pas de réponses?

[xBorwniies]

UP svp.

[tupac]

Bonsoir

Le tableau se présente de cette manière a vous de rajouter le contenu.

Code:

<table width="100%" border>
<tr>
    <td height="30" COLSPAN=4><center>Titre</center></td>
</tr>
<tr height="200">
    <td  valign="top" width="30%">Contenu ici</td>
    <td valign="top" width="20%">Contenu ici</td>
    <td valign="top" width="25%">Contenu ici</td>
    <td valign="top" width="25%">Contenu ici</td>
</tr>
</TABLE>

[xBorwniies]

Donc je dois rajouter ce code?

Code:

    <table width="100%" border>
    <tr>
        <td height="30" COLSPAN=4><center>Titre</center></td>
    </tr>
    <tr height="200">
        <td  valign="top" width="30%">Contenu ici</td>
        <td valign="top" width="20%">Contenu ici</td>
        <td valign="top" width="25%">Contenu ici</td>
        <td valign="top" width="25%">Contenu ici</td>
    </tr>
    </TABLE>

[xBorwniies]

Up

[tupac]

C'est bien ça il vous suffi juste de placer ce code dans votre page d'accueil donc aller dans panneau d'administration => affichage => page d'accueil général => placer le code dans (contenu du message)

[xBorwniies]

Ce n'est pas tout à fais ce que je veux,voici un shéma vite fait:

Spoiler:

Là ou il y a "i" il y aura une image
Là ou il y a "L" c'est un lien URL.
Enfin je placerais le contenue.

[tupac]

Dans l'exemple que vous m'avez donné dans votre premier message le tableau comportait 4 colonnes ce qui correspond au tableau que vous ai donné donc maintenant pour un tableau a trois colonnes c'est le code ci-dessous,je ne vais pas vous donner le code clé en main a vous de faire le nécessaire pour le compléter.

Code:

<style>
.titre_staff{  font-family: Comic Sans MS, time new roman, Verdana; font-size: 20px; color: #000; text-align:center;}
</style>

<table width="700%" border>
    <tr height="350">

            <td  valign="top" width="25%">
                <div class="titre_staff">Le staff</div><br>
          vos images ici
            </td>

            <td valign="top" width="20%">Vos images ici</td>

            <td valign="top" width="25%">Texte texte texte<br>
            votre image ici
          </td>

    </tr>
</TABLE>

Pour les image vous rajouté ceci <img src=" url image ici "> a l'emplacement désiré.
Pour les liens c'est ceci <a href=" url du lien ici "> bla bla bla </a>
Pour un saut de ligne c'est ceci

Code:

<br>

voila essayez de vous débrouiller par vous même et si vous avez des soucis faite le savoir.

[xBorwniies]

Voici se que j'ai reussis à faire:

Spoiler:

Mais j'aimerais que STAFF soit de la même écriture que PARTENAIRES et que les deux images des partenaire soit défilante dans une iframe et que a navigation se présente comme ceci(mais en rose):

Spoiler:

et j'aimerais également enlever les colonnes.

PS: JE SUIS VRAIMENT PRESSEE IL FAUT QUE SE SOIT FAIT AU PLUS VOTRE AVANT DIMANCHE 14 AOUT 2011

[tupac]

Pour que STAFF est la même écriture que le reste de votre contenu il faut retirer ceci

Code:

font-family: Comic Sans MS, time new roman, Verdana;

qui se trouve dans le css entre les balise STYLE

Pour faire défiler les images partenaire c'est le code suivant je vous le détaille.
Scrollamount => c'est la vitesse de défilement
direction => la direction de défilement donc (left = gauche) (right = droite) (up = haut) (down = bas)

Code:

<marquee direction="left"  scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"> vos images ici </marquee>

et pour ce qui est des liens j'ai fait les changements

Spoiler:

[xBorwniies]

Merci beaucoup mais est-t-il possible que NAVIGATION soit écris + gros et enlever les lignes des cases et aussi pour le bordure euh je crois pour e code

Code:

 <div class="bordure_lien"></div>

on peut les mettre en blanc?

[tupac]

Bonsoir

Ok pour NAVIGATION retirez-le et remplacez-le par le code ci-dessous.

Code:

<div class="titre_navigation"> NAVIGATION: </div>

et placer entre les balise STYLE ce code

Code:

.titre_navigation{
 font-size: 18px;
 color: #000;
text-align:center;
}

pour retire la bordure qui entoure votre menu il vous faut retirer le BORDER qui se trouve ici

Code:

<table width="100%" border>

et pour finir comme vous me l'avez montré c'est bien ce code

Code:

<div class="bordure_lien"></div>

qui désigne les lignes sous chaque lien et bien pour en changer la couleur il vous faut repérer la CLASS "bordure_lien" qui se trouve entre les balise STYLE et d'y changer la couleur.

[xBorwniies]

Merci j'ai tous réussis a faire sauf pour navigation je ne comprend pas.

[tupac]

Bonjour

Puis-je avoir votre code svp?

[xBorwniies]

Voici:

Code:

<style>
.titre_staff{ font-size: 20px; color: #000; text-align:center;}

.cadre_pa{
    width:100px;
    background-color:#FD6C9E;
    border:2px solid #ffffff;
    padding:3px;
}

.titre_navigation{
 font-size: 18px;
 color: #000;
text-align:center;
}

.bordure_lien {
    border: 1px solid #AFAFAF;
}

 </style>
<table width="100%">
  <tr height="250">

                <td  valign="top" width="25%">
                    <div class="titre_staff">Le staff</div><br>
           
<center><a href="http://justgraph.forumgratuit.org/u2?tid=4fa52c9a4ddf195d38e24f50ffac0b84" class="postlink"><img src="http://img11.hostingpics.net/pics/347410forstaf.png" border="0" alt="" /></a>
<a href="http://justgraph.forumgratuit.org/u8?tid=4fa52c9a4ddf195d38e24f50ffac0b84" class="postlink"><img src="http://img11.hostingpics.net/pics/688245forstaff.png" border="0" alt="" /></a>
<br><a href="http://justgraph.forumgratuit.org/u3?tid=4fa52c9a4ddf195d38e24f50ffac0b84" class="postlink"><img src="http://img11.hostingpics.net/pics/763507forst2.png" border="0" alt="" /></a><center>
<br>
<br>

  <div class="cadre_pa">
      NAVIGATION:<br>
<a href="http://justgraph.forumgratuit.org/t1-reglement-a-lire">Règlement</a><br>
        <div class="bordure_lien"></div>
<a href="http://justgraph.forumgratuit.org/f7-sa-papote" class="liens_pa">Coins papotage</a><br>
        <div class="bordure_lien"></div>
<a href="http://weheartit.com/" class="liens_pa"> Weheartit</a><br>
        <div class="bordure_lien"></div>
<a href="http://justgraph.forumgratuit.org/f16-pub-partenariats" class="liens_pa">Pub/Partenariat</a<br>
        <div class="bordure_lien"></div>
<a href="http://justgraph.forumgratuit.org/f15-les-cours">Les cours</a>
  </div>
                </td>

                <td valign="top" width="20%">PARTENAIRES<br>
    <marquee direction="left"  scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();"><a href="http://wondergraph.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/15/83/43/42/wg_11.png"
border="0" alt="" /></aborder="0" alt="" />
<a href="http://0what0.desforums.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/16/57/83/67/ggg_bm10.jpg" border="0" alt="" /></a>
<a href="http://edonnas-war.forumsactifs.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img842.imageshack.us/img842/2659/boutonpe.jpg" border="0" alt="" /></a>

 </marquee>


</a>
</span></td></td>

                <td valign="top" width="25%"><center>Just Graph' ton super forum de graphisme là ou tu pourras<a href="http://justgraph.forumgratuit.org/f15-les-cours">t'amélioré</a>,grapher,défier tes amis,<a href="http://justgraph.forumgratuit.org/f11-concours">concourir</a> et devenir <a href="http://justgraph.forumgratuit.org/f12-miss-graph-du-mois ">La Miss Graph'</a> du mois.Mais tu pourras aussi <a href="http://justgraph.forumgratuit.org/f7-sa-papote">papoter</a> et être nos partenaire!!
Bisous à toi {USER&amp;#8288;NAME}♥ <center>

<br>
                <a href="http://www.hostingpics.net/viewer.php?id=932525rendercupcakekawaii.png" class="postlink" target="_blank" rel="nofollow"><a href="http://www.hostingpics.net/viewer.php?id=419117stock13.jpg" class="postlink" target="_blank" rel="nofollow">
<a href="http://www.hostingpics.net/viewer.php?id=160140pour.png" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/160140pour.png" border="0" alt="" /></a>
</td>

        </tr>
    </TABLE>

[tupac]

Bonjour

Voila le changement a été fait

Spoiler:

[xBorwniies]

Merci!
J'aimerais mettre des bandes roses assez larges sur le fond du tableau svp.

[tupac]

Pourriez-vous me faire un schéma de ces fameuse bandes rose svp?

[xBorwniies]

Pour l'instant je ne peux pas mais je vais vous detaller:
Les bandes roses se présente un peu comme çà:
http://themes-passion.forumactif.org/

Et que l'iframe qui défile soit dans une des bandes.

[tupac]

Juste un exemple fait avec photophiltre.

Remplacer ce morceau.

Code:

    <table width="100%">

par celui-la

Code:

    <table width="100%" background="http://hariboow.free.fr/upload/images/fondrose.png">

[xBorwniies]

J'aime bien mais les bande ne sont pas roses et j'aimerais qu'il y ai une ligne de grand pointiller dessus l'iframe qui défile et dessous.
Merci

[tupac]

Désolé pour le rose je suis un peu daltonien et c'était juste un exemple fait vite fait avec un logiciel et qu'est ce que vous entendez par une ligne de grand pointiller dessus l'iframe j'avoue j'ai du mal a saisir.

[xBorwniies]

Je vous ferais un shéma plus tard et est possible de changer la couleur des bandes et les mettre + large svp?

[tupac]

Donnez-moi la couleur exact et la largeur des bandes en px svp.