Page d'accueil avec images

[MelissaD]

Rappel du premier message :

Bonjour,

Je voudrais savoir comment on fait des pages d'accueil (messages d'accueil) comme sur ce forum svp ?
http://graph-style.forumn.biz/

Je leur ai demandé et ils m'ont dit que c'est avec un logiciel, mais il n'y a pas moyen de faire comme ça (image avec des textes, codes, etc. dessus) en css ?

Merci d'avance =)

[MelissaD]

Coucou,

Je viens de l'essayer, et j'aurais une question : Pour les partenaires, pourriez-vous mettre les images défilantes svp ?

Sinon, j'aurais une question : Comment mettre des liens à la place des "bla bla bla bla" dans "L.U." ?? (C'est des liens utiles, et je ne sais pas comment mettre des liens dedans)

Merci :}


EDIT: Y aurait-il moyen d'agrandir les infobulles pour mettre par exemple : Pseudo ; Rang. ?

[tupac]

Bonjour

Les liens ont été ajoutés,pour ce qui est des infobulles pour positionner la fenêtre qui apparait cela se fait dans le css avec TOP et LEFT puis pour agrandir cette même fenêtre cela se fait avec HEIGHT et WIDTH.

Par contre j'ai un souci avec le défilement des images partenaire pour les faire défiler on utilise la balise MARQUEE mais pour une raison que j'ignore le défilement a droite puis a gauche ne fonctionne pas,seul le défilement vers le haut puis le bas fonctionne je vais encore chercher de mon coté mais si quelqu'un d'autre a la solution elle sera la bienvenue.

Votre code page d'accueil modifié.

Spoiler:

Le css modifié

Spoiler:

[MelissaD]

Merci c'est super. Je peux faire sans le défilement, si vous ne trouvez pas ^^

Sinon, une toute dernière question : J'ai changé le positionnement des Liens Utiles pour mettre les liens un peu plus centré (plus bas) dans le cadre. Par-contre, les images de partenaire ont été se mettre sur le texte "Nos partenaires", comment faire pour que les images de partenariat retournent au milieu, là où elles étaient ??
(Aperçu : https://i.servimg.com/u/f41/15/31/22/07/sans_t23.jpg )

[tupac]

Pouvez-vous me donner le code de votre page d'accueil svp.

[MelissaD]

Le voici :

Code:

                  <script type="text/javascript">
                        //<!--
                                function change_onglet(name)
                                {
                                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                                        anc_onglet = name;
                                }
                        //-->
                </script>

            <table align="center"><tr><td>
                  <div class="systeme_onglets">
                  <div class="onglets">
            <!-- onglet 1 -->
                            <span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i>Info</i></span>
            <!-- onglet 2 -->
                            <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i>Autre</span>

          </div>
    </td></tr></table>

                  <!--  CONTENU DU TABLEAU  -->

                <div class="contenu_onglets">

    <!-- 1ière page -->

                    <div class="contenu_onglet" id="contenu_onglet_one">
    <table width="100%" class="image_1"><tr><td>

    <table width="100%"><tr><td><br>
        <div style="width: 250px;height: 100px;margin-left: 65px;color:#627060;word-wrap:break-word;">
    Graph'Alasea est un forum d'entraide au graphisme et au codage.
Les membres sont répartis en deux groupes, les El'phe et les Nyphai.
Des tutoriaux et des cours sont à votre disposition, n'hésitez pas aussi à venir vous amuser dans la partie animation du forum !
Il est aussi possible de faire une commande de kit, design ou de codage dans la partie requête.
    </div>
    </td></tr></table>
    </td>

    <td>

    <table cellpadding="5" cellspacing="0" style="margin-left: 77px;margin-bottom: 0px;"><tr>

    <td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/meliss11.jpg" class="opac"><span><center>Mélissa ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u4 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/kamye_11.jpg" class="opac"><span><center>Kamye ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/lana_b11.jpg" class="opac"><span><center>Léna ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u3 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/celly_12.jpg" class="opac"><span><center>Celly ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u5 ">Profil</a></span></td>
</tr>
<!-- 2ième ligne img staff -->
<TR>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/pikkk_11.jpg" class="opac"><span><center>Pikkk ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u7 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/evilfu11.jpg" class="opac""><span><center>EvilFurby ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u13 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/alikse11.jpg" class="opac""><span><center>Alikse ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u10 ">Profil</a>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/marie_11.jpg" class="opac"><span><center>Marie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u18 ">Profil</a></span></td>
</span></td>
</tr>
<!-- 3ième ligne img staff -->
<tr>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/rosali11.jpg" class="opac"><span><center>Rosalie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u44 ">Profil</a></span></td>

</tr></table>

</td></tr></table>
 </div>


    <!-- 2ième page  -->
                      <div class="contenu_onglet" id="contenu_onglet_two">
    <table width="100%" class="image_2"><tr><td>

    <table width="100%"><tr><td>

    <div class="lien_accueil" style="width: 110px;height: 150px;margin-left: 58px;margin-top: 110px;word-wrap:break-word;">
    <a href=" http://graphalasea.forums-actifs.com/f1-reglement " target="_blank">Règlement.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f3-presentation " target="_blank">Présentation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f6-questions-suggestions " target="_blank">Help.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f7-partenariats " target="_blank">Partenariat.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f8-evaluation " target="_blank">Évaluation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f14-tutoriaux " target="_blank">Tutoriaux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f16-concours " target="_blank">Concours.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f17-jeux " target="_blank">Jeux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f49-les-groupes " target="_blank">Les groupes.</a>
    </div>

    </td><td>
    <!-- image concours infobulle -->
    <div style="margin-left: 145px;margin-top: 80px;">

    <span class="infobulle"><img src="http://nsa27.casimages.com/img/2011/07/27/110727055202142286.png" class="opac"><span><center>Kamye<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span>

    </div>

    </td></tr>
    <tr><td colspan=2>

    <!-- tableau partenaire -->
    <table align="center" valign="bottom" cellpadding="3" cellspacing="0" style="margin-top: 65px;"><tr>

    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    <td><a href=" lien ici " target="_blank"><img src="http://hariboow.free.fr/upload/images/zehwh.png" class="opac"></a></td>
    </tr></table>

    </td></tr></table>

    </td></tr></table>

    </div></div></div>

            <script type="text/javascript">
                        //<!--
                                var anc_onglet = 'one';
                                change_onglet(anc_onglet);
                        //-->
            </script>

[tupac]

J'ai remarqué que vous aviez placé pal de texte dans (quest-ce que GA) et qu'il dépassait du cadre donc je vous ai rajouté un OVERFLOW: auto si vous ne le voulez pas vous pouvez bien sur le supprimer.

J'ai trouvé aussi que vos deux onglet étaient trop rapprochés l'un de l'autre donc j'ai rajouté dans le css un margin left et un margin right dans (onglet) toujours dans le css a vous de régler l'espace entre les deux.

Si vous voulez changer la couleur des liens cela se trouve aussi dans le css donc les liens s'en le survol (lien_accueil a) puis au survol (lien_accueil a:hover)

Votre page d'accueil

Spoiler:

Votre css

Spoiler:

[MelissaD]

Ok merci j'ai modifié, c'est super, par-contre les liens dans Liens Utiles ne démarrent plus à la même ligne (il y a un lien qui démarre à droite et d'autres au milieu...) Y aurait-il moyen de les remettre pour qu'ils démarrent tous à la même ligne (qu'ils ne soient plus décalés, en faite)

Par-contre j'ai une question ; Si je dois rajouter une colonne, par exemple 'Crédits' sur la 1ere image, en-dessous, comment dois-je faire ? (Je sais qu'il y a des sites, où ils obligent de les créditer si l'on prend certains de leurs tuto' donc si je dois prendre un tuto', il faudra que je les crédite)

[tupac]

Pour les liens il vous suffi de retirer le "center" qui se trouve juste après le BR au début de vos liens et l'autre "/center" qui lui se trouve en fin de lien.

Par contre lorsque vous parlez de rajouter une colonne vous voulez parler de ceci.

[MelissaD]

Oui, mais ce serait plutôt une colonne allongée comme 'nos partenaires'.
Donc si je veux ajouter ça quand j'ajouterais des crédits, je devrais modifier quoi ??

[tupac]

Il vous faudra refaire une image avec votre colonne en plus puis la placer dans le css a la place de celle qui est actuellement en place puis rajouter un code dans la page d'accueil mais si vous avez des difficultés pour faire ça vous pouvez toujours demander de l'aide ici.

[MelissaD]

Ok merci.

Je laisse le sujet actif pour si quelqu'un trouve comment faire défiler les images de partenariat :}

[MelissaD]

Personne n'a trouvé pour faire défiler ?
Parce que là ça devient urgent vu que je n'ai plus de places pour ajouter de logos... ^^'


EDIT: J'ai trouvé mais les images défilent tout le long et pas que dans la case...

[tupac]

Bonjour

Pouvez-vous me donner le code de votre page d'accueil svp?

[MelissaD]

La voici :
(J'ai retiré le défilement)

Code:

                  <script type="text/javascript">
                        //<!--
                                function change_onglet(name)
                                {
                                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                                        anc_onglet = name;
                                }
                        //-->
                </script>

            <table align="center"><tr><td>
                  <div class="systeme_onglets">
                  <div class="onglets">
            <!-- onglet 1 -->
                            <span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i>Info</i></span>
            <!-- onglet 2 -->
                            <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i>Autre</span>

          </div>
    </td></tr></table>

                  <!--  CONTENU DU TABLEAU  -->

                <div class="contenu_onglets">

    <!-- 1ière page -->

                    <div class="contenu_onglet" id="contenu_onglet_one">
    <table width="100%" class="image_1"><tr><td>

    <table width="100%"><tr><td><br>
        <div style="width: 250px;height: 100px;margin-left: 65px;color:#627060;word-wrap:break-word;OVERFLOW: auto">
    Graph'Alasea est un forum d'entraide au graphisme et au codage.
Les membres sont répartis en deux groupes, les El'phe et les Nyphai.
Des tutoriaux et des cours sont à votre disposition, n'hésitez pas aussi à venir vous amuser dans la partie animation du forum !
Il est aussi possible de faire une commande de kit, design ou de codage dans la partie requête.
    </div>
    </td></tr></table>
    </td>

    <td>

    <table cellpadding="5" cellspacing="0" style="margin-left: 77px;margin-bottom: 0px;"><tr>

    <td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/meliss11.jpg" class="opac"><span><center>Mélissa ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u4 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/kamye_11.jpg" class="opac"><span><center>Kamye ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/lana_b11.jpg" class="opac"><span><center>Léna ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u3 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/celly_12.jpg" class="opac"><span><center>Celly ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u5 ">Profil</a></span></td>
</tr>
<!-- 2ième ligne img staff -->
<TR>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/pikkk_11.jpg" class="opac"><span><center>Pikkk ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u7 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/evilfu11.jpg" class="opac""><span><center>EvilFurby ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u13 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/alikse11.jpg" class="opac""><span><center>Alikse ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u10 ">Profil</a>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/marie_11.jpg" class="opac"><span><center>Marie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u18 ">Profil</a></span></td>
</span></td>
</tr>
<!-- 3ième ligne img staff -->
<tr>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/rosali11.jpg" class="opac"><span><center>Rosalie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u44 ">Profil</a></span></td>

</tr></table>

</td></tr></table>
 </div>


    <!-- 2ième page  -->
                      <div class="contenu_onglet" id="contenu_onglet_two">
    <table width="100%" class="image_2"><tr><td>

    <table width="100%"><tr><td>

    <div class="lien_accueil" style="width: 100px;height: 190px;margin-left: 58px;margin-top: 110px;word-wrap:break-word;"><br>
    <a href=" http://graphalasea.forums-actifs.com/f1-reglement " target="_blank">Règlement.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f3-presentation " target="_blank">Présentation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f6-questions-suggestions " target="_blank">Help.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f7-partenariats " target="_blank">Partenariat.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f8-evaluation " target="_blank">Évaluation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f14-tutoriaux " target="_blank">Tutoriaux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f16-concours " target="_blank">Concours.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f17-jeux " target="_blank">Jeux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f49-les-groupes " target="_blank">Les groupes.</a>
    </div>

    </td><td>
    <!-- image concours infobulle -->
    <div style="margin-left: 160px;margin-top: 80px;">

    <span class="infobulle"><img src="http://nsa27.casimages.com/img/2011/07/27/110727055202142286.png" class="opac"><span><center>Kamye<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span>

    </div>

    </td></tr>
    <tr><td colspan=2>

    <!-- tableau partenaire -->
    <table align="center" valign="bottom" cellpadding="3" cellspacing="0" style="margin-top: 65px;"><tr>

    <td><a href=" http://graph-passion.jdrforum.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/graph_10.jpg" class="opac"></a></td>
    <td><a href=" http://www.naruto-katana-rpg.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/nkr_bm10.jpg" class="opac"></a></td>
    <td><a href=" http://official-graph.purforum.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/offici10.jpg" class="opac"></a></td>
    <td><a href=" http://manga-destiny.purforum.com/forum " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/sans_t24.jpg" class="opac"></a></td>
    <td><a href=" http://pubparty.forumgratuit.org/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/pub_pa10.jpg" class="opac"></a></td>
    <td><a href=" http://photography-addict.monempire.net " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/photog10.jpg" class="opac"></a></td>
    </tr></table>

    </td></tr></table>

    </td></tr></table>

    </div></div></div>

            <script type="text/javascript">
                        //<!--
                                var anc_onglet = 'one';
                                change_onglet(anc_onglet);
                        //-->
            </script>

[tupac]

Justement il fallait laisser le défilement pour voir ou était l'erreur.

[MelissaD]

Ok ben voici avec le défilement :

Code:

                  <script type="text/javascript">
                        //<!--
                                function change_onglet(name)
                                {
                                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                                        anc_onglet = name;
                                }
                        //-->
                </script>

            <table align="center"><tr><td>
                  <div class="systeme_onglets">
                  <div class="onglets">
            <!-- onglet 1 -->
                            <span class="onglet_0 onglet" id="onglet_one" onmouseover="javascript:change_onglet('one');"><i>Info</i></span>
            <!-- onglet 2 -->
                            <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i>Autre</span>

          </div>
    </td></tr></table>

                  <!--  CONTENU DU TABLEAU  -->

                <div class="contenu_onglets">

    <!-- 1ière page -->

                    <div class="contenu_onglet" id="contenu_onglet_one">
    <table width="100%" class="image_1"><tr><td>

    <table width="100%"><tr><td><br>
        <div style="width: 250px;height: 100px;margin-left: 65px;color:#627060;word-wrap:break-word;OVERFLOW: auto">
    Graph'Alasea est un forum d'entraide au graphisme et au codage.
Les membres sont répartis en deux groupes, les El'phe et les Nyphai.
Des tutoriaux et des cours sont à votre disposition, n'hésitez pas aussi à venir vous amuser dans la partie animation du forum !
Il est aussi possible de faire une commande de kit, design ou de codage dans la partie requête.
    </div>
    </td></tr></table>
    </td>

    <td>

    <table cellpadding="5" cellspacing="0" style="margin-left: 77px;margin-bottom: 0px;"><tr>

    <td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/meliss11.jpg" class="opac"><span><center>Mélissa ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u4 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/kamye_11.jpg" class="opac"><span><center>Kamye ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/lana_b11.jpg" class="opac"><span><center>Léna ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u3 ">Profil</a></span></td>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/celly_12.jpg" class="opac"><span><center>Celly ; Admin<br><a href=" http://graphalasea.forums-actifs.com/u5 ">Profil</a></span></td>
</tr>
<!-- 2ième ligne img staff -->
<TR>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/pikkk_11.jpg" class="opac"><span><center>Pikkk ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u7 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/evilfu11.jpg" class="opac""><span><center>EvilFurby ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u13 ">Profil</a></span></td>

<TD><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/alikse11.jpg" class="opac""><span><center>Alikse ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u10 ">Profil</a>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/marie_11.jpg" class="opac"><span><center>Marie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u18 ">Profil</a></span></td>
</span></td>
</tr>
<!-- 3ième ligne img staff -->
<tr>

<td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/rosali11.jpg" class="opac"><span><center>Rosalie ; Modo<br><a href=" http://graphalasea.forums-actifs.com/u44 ">Profil</a></span></td>

</tr></table>

</td></tr></table>
 </div>


    <!-- 2ième page  -->
                      <div class="contenu_onglet" id="contenu_onglet_two">
    <table width="100%" class="image_2"><tr><td>

    <table width="100%"><tr><td>

    <div class="lien_accueil" style="width: 100px;height: 190px;margin-left: 58px;margin-top: 110px;word-wrap:break-word;"><br>
    <a href=" http://graphalasea.forums-actifs.com/f1-reglement " target="_blank">Règlement.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f3-presentation " target="_blank">Présentation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f6-questions-suggestions " target="_blank">Help.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f7-partenariats " target="_blank">Partenariat.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f8-evaluation " target="_blank">Évaluation.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f14-tutoriaux " target="_blank">Tutoriaux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f16-concours " target="_blank">Concours.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f17-jeux " target="_blank">Jeux.</a><br>
    <a href=" http://graphalasea.forums-actifs.com/f49-les-groupes " target="_blank">Les groupes.</a>
    </div>

    </td><td>
    <!-- image concours infobulle -->
    <div style="margin-left: 160px;margin-top: 80px;">

    <span class="infobulle"><img src="http://nsa27.casimages.com/img/2011/07/27/110727055202142286.png" class="opac"><span><center>Kamye<br><a href=" http://graphalasea.forums-actifs.com/u2 ">Profil</a></span>

    </div>

    </td></tr>
    <tr><td colspan=2>

    <!-- tableau partenaire -->
    <MARQUEE><table align="center" valign="bottom" cellpadding="3" cellspacing="0" style="margin-top: 65px;"><tr>

    <td><a href=" http://graph-passion.jdrforum.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/graph_10.jpg" class="opac"></a></td>
    <td><a href=" http://www.naruto-katana-rpg.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/nkr_bm10.jpg" class="opac"></a></td>
    <td><a href=" http://official-graph.purforum.com/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/offici10.jpg" class="opac"></a></td>
    <td><a href=" http://manga-destiny.purforum.com/forum " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/sans_t24.jpg" class="opac"></a></td>
    <td><a href=" http://pubparty.forumgratuit.org/ " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/pub_pa10.jpg" class="opac"></a></td>
    <td><a href=" http://photography-addict.monempire.net " target="_blank"><img src="http://i41.servimg.com/u/f41/15/31/22/07/photog10.jpg" class="opac"></a></td>
    </tr></table></MARQUEE>

    </td></tr></table>

    </td></tr></table>

    </div></div></div>

            <script type="text/javascript">
                        //<!--
                                var anc_onglet = 'one';
                                change_onglet(anc_onglet);
                        //-->
            </script>

[tupac]

Bon écoute moi aussi j'avais bien essayé de placer un marquee mais rien a faire je pense que tu devrais ouvrir un sujet dans cette rubrique Problème avec un script (un code).

Cordialement

[MelissaD]

Ok merci