Page d'accueil avec images

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d'accueil avec images

Message par MelissaD le Lun 18 Juil 2011 - 12:01

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 =)


Dernière édition par MelissaD le Dim 7 Aoû 2011 - 11:27, édité 1 fois

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 11:43

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. ?

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Ven 29 Juil 2011 - 15:48

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 What's happen ?!? 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:
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>Page 1</i></span>
            <!-- onglet 2 -->
                            <span class="onglet_0 onglet" id="onglet_two" onmouseover="javascript:change_onglet('two');"><i>Page 2</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: 130px;margin-left: 65px;color:#000;word-wrap:break-word;">
    bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
    </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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">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>Titre<br><a href=" lien du profil ici ">Profil</a></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/marie_11.jpg" class="opac"><span><center>Titre<br><a href=" lien du profil ici ">Profil</a></span></td>

    <td><span class="infobull"><img src="http://i41.servimg.com/u/f41/15/31/22/07/rosali11.jpg" class="opac"><span><center>Titre<br><a href=" lien du profil ici ">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: 190px;margin-left: 58px;margin-top: 110px;word-wrap:break-word;">
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</a><br>
    <a href=" lien ici " target="_blank">Titre du lien ici</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>Titre<br><a href=" lien ici ">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>

Le css modifié
Spoiler:
Code:
    .onglet{
        color: #ffffff;          /* couleur texte onglet */
        font-size: 20px;
        font-family: Papyrus,Arial;
        display:inline-block;
        padding:4px;
        cursor:pointer;
    }
    .onglet_0{}      /* personnaliser les onglet ici */

    .onglet_1{}      /* onglet sélectionné */

    .contenu_onglet{
      margin-top: -1px;        /* marge entre le cadre et les onglets */
      padding:0px;
      display:none;
      height: 474px;          /* largeur du tableau */ 
      width: 743px;          /* hauteur du tableau */
    }
    .image_1{width: 743px;height: 474px;  background-image:url('http://hariboow.free.fr/upload/images/zfyry.jpg');}
    .image_2{ width: 743px;height: 474px; background-image:url('http://hariboow.free.fr/upload/images/zeyry.jpg');}

    /* infobulle concours */

    .infobulle{position: relative;z-index: 0;}
    .infobulle:hover{z-index: 50;}
    .infobulle span{  position: absolute;visibility: hidden;}
    .infobulle:hover span{  visibility: visible;  top: 0px;  left: 100px;  width: 100px; height: 50px;  color:#FFFFFF;  font-size: 13px;  font-family: Palatino, time new roman, serif;  padding: 5px;  background-color: #000;  border: 1px outset #fff;  -moz-border-radius: 12px;  -webkit-border-radius: 12px;  border-radius: 12px;}
    .infobulle a{color:#FFFFFF;}
    .infobulle a:hover{color:#FFFF00;}

    /* infobulle staff*/

    .infobull{position: relative;z-index: 0;}
    .infobull:hover{z-index: 50;}
    .infobull span{  position: absolute;visibility: hidden;}
    .infobull:hover span{  visibility: visible;  top: 0px;  left: 0px;  width: 100px; height: 50px; color:#FFFFFF;  font-size: 13px;  font-family: Palatino, time new roman, serif;  padding: 5px;  background-color: #000;  border: 1px outset #fff;  -moz-border-radius: 12px;  -webkit-border-radius: 12px;  border-radius: 12px;}
    .infobull a{color:#FFFFFF;}
    .infobull a:hover{color:#FFFF00;}

    /* opacité staff */
    .opac{
        opacity : 0.50;
        -moz-opacity : 0.50;
        -ms-filter: "alpha(opacity=10)"; /* IE 8 */
        filter : alpha(opacity=10); /* IE < 8 */
    }

    .opac:hover{
        opacity : 0.95;
        -moz-opacity : 0.95;
        -ms-filter: "alpha(opacity=10)"; /* IE 8 */
        filter : alpha(opacity=10); /* IE < 8 */
    }

/* lien page d acueil */

.lien_accueil a{color:#000;}
.lien_accueil a:hover{color:#0000ff;}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 16:50

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 : http://i41.servimg.com/u/f41/15/31/22/07/sans_t23.jpg )

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Ven 29 Juil 2011 - 16:53

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 16:54

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>

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Ven 29 Juil 2011 - 17:24

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:
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><center>
    <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>
    </center>
    </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=" 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>

Votre css
Spoiler:
Code:
        .onglet{
            color: #ffffff;          /* couleur texte onglet */
            margin-left: 30px;
            margin-right: 30px;
            font-size: 20px;
            font-family: Papyrus,Arial;
            display:inline-block;
            padding:4px;
            cursor:pointer;
        }
        .onglet_0{}      /* personnaliser les onglet ici */

        .onglet_1{}      /* onglet sélectionné */

        .contenu_onglet{
          margin-top: -1px;        /* marge entre le cadre et les onglets */
          padding:0px;
          display:none;
          height: 474px;          /* largeur du tableau */
          width: 743px;          /* hauteur du tableau */
        }
        .image_1{width: 743px;height: 474px;  background-image:url('http://hariboow.free.fr/upload/images/zfyry.jpg');}
        .image_2{ width: 743px;height: 474px; background-image:url('http://hariboow.free.fr/upload/images/zeyry.jpg');}

        /* infobulle concours */

        .infobulle{position: relative;z-index: 0;}
        .infobulle:hover{z-index: 50;}
        .infobulle span{  position: absolute;visibility: hidden;}
        .infobulle:hover span{  visibility: visible;  top: 0px;  left: 100px;  width: 100px; height: 50px;  color:#FFFFFF;  font-size: 13px;  font-family: Palatino, time new roman, serif;  padding: 5px;  background-color: #000;  border: 1px outset #fff;  -moz-border-radius: 12px;  -webkit-border-radius: 12px;  border-radius: 12px;}
        .infobulle a{color:#FFFFFF;}
        .infobulle a:hover{color:#FFFF00;}

        /* infobulle staff*/

        .infobull{position: relative;z-index: 0;}
        .infobull:hover{z-index: 50;}
        .infobull span{  position: absolute;visibility: hidden;}
        .infobull:hover span{  visibility: visible;  top: 0px;  left: 0px;  width: 100px; height: 50px; color:#FFFFFF;  font-size: 13px;  font-family: Palatino, time new roman, serif;  padding: 5px;  background-color: #000;  border: 1px outset #fff;  -moz-border-radius: 12px;  -webkit-border-radius: 12px;  border-radius: 12px;}
        .infobull a{color:#FFFFFF;}
        .infobull a:hover{color:#FFFF00;}

        /* opacité staff */
        .opac{
            opacity : 0.50;
            -moz-opacity : 0.50;
            -ms-filter: "alpha(opacity=10)"; /* IE 8 */
            filter : alpha(opacity=10); /* IE < 8 */
        }

        .opac:hover{
            opacity : 0.95;
            -moz-opacity : 0.95;
            -ms-filter: "alpha(opacity=10)"; /* IE 8 */
            filter : alpha(opacity=10); /* IE < 8 */
        }

    /* lien page d acueil */

    .lien_accueil a{color:#000;}
    .lien_accueil a:hover{color:#0000ff;}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 17:40

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)

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Ven 29 Juil 2011 - 18:04

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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 18:17

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 ??

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Ven 29 Juil 2011 - 20:02

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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Ven 29 Juil 2011 - 21:29

Ok merci.

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

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Mar 2 Aoû 2011 - 10:45

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...

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Mar 2 Aoû 2011 - 11:56

Bonjour

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Mar 2 Aoû 2011 - 11:58

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>

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Mar 2 Aoû 2011 - 12:32

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Mar 2 Aoû 2011 - 13:37

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>

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par tupac le Dim 7 Aoû 2011 - 1:34

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil avec images

Message par MelissaD le Dim 7 Aoû 2011 - 11:27

Ok merci Smile

MelissaD
****

Féminin
Messages : 222
Inscrit(e) le : 15/11/2009

http://graphalasea.forums-actifs.com/
MelissaD a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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