dispostition de cadres

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

Résolu dispostition de cadres

Message par kimeko le Dim 3 Avr 2011 - 22:06

bonsoir,
je chercherai à faire cette disposition sur mon forum:
Spoiler:
ce serai placé au dessus de mes onglets, mais avec des noms et un contenu différents bien entendu. Est-ce que quelqu'un saurai et aurait le temps de m'aider svp ?

merci d'avance pour votre aide.


Dernière édition par kimeko le Jeu 7 Avr 2011 - 8:31, édité 4 fois

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Lun 4 Avr 2011 - 9:08

Bonjour,

Ce que vous indiquez est une message d'accueil. Panneau d'admin> Affichage> Généralités.
Pour le contenu du message sur votre capture d'écran, il contient un tableau de 2 colonnes, l'une d'elle avec un cadre pour les news, l'autre avec une boite à onglets. Si vous souhaitez réaliser une boite à onglets, il faudra faire attention à ne pas utiliser le même système que pour les onglets de vos catégories.
Il est interdit de reproduire un message d'accueil à l'identique, je vous invite donc à faire un schéma de ce que vous souhaitez.

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko le Lun 4 Avr 2011 - 20:05

je sais sa ^^
en fait ce que je veux c'est juste la disposition des cadres
(je sais pas si je m'exprime bien ^^') à la place de "new" je voulais marquer "coup de cœur" et pour les onglets "Accueil","Staff" et "Concours"
vous comprenez ?

cordialement.

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Melisa25 le Lun 4 Avr 2011 - 20:14

Il faudrait peut-être que tu changes le nom du sujet ! SI un staff passe par là ...

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Anzu le Lun 4 Avr 2011 - 20:28

Melisa25 => Oui justement, nous sommes là pour ca Wink
Vous n'avez pas à modérer les membres, merci d'en tenir compte la prochaine fois.
Cordialement.
--

Kimeko =>
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 :editer: de votre premier message. Wink

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par kimeko le Lun 4 Avr 2011 - 20:55

ah d'accord désolé.
et merci pour l'info ^^

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Lun 4 Avr 2011 - 21:15

Bonsoir,

La disposition est constituée de tableaux.
Un grand tableau:
Code:
<table><tr><td>Cellule A</td><td>Cellule B</td></tr></table>
Dans ce grand tableau , il y a:
-> Une cellule A avec petit tableau pour la partie coups de cœur:
Code:
<table><tr><td>coups de cœur</td></tr><tr><td> les sites</td></tr></table>
->Une autre cellule B pour les onglets:
Code:
<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }         
}</script>
<style>
ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  cursor: pointer;
  margin-bottom: -1px;
}
.mon_onglet:hover{
  background: #b8efa1;
}       
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  margin-bottom: -1px;
}         
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
  margin-top: -1px;       
}
#mes_contenus, #mes_onglets{
  width: 400px;
}</style><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></ul></div>
A vous ensuite de personnaliser les tableaux Wink .

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko le Lun 4 Avr 2011 - 22:25

j'ai fait ce que vous m'avez dit mais je suis bloqué la T_T
voila ce que sa donne pour le moment :http://kaedeyumekawa.forumactif.com/
et voila mon code:
Code:
    <table><tr><td>Cellule A</td><td>Cellule B</td></tr></table>
    <table><tr><td>coups de cœur</td></tr><tr><td> les sites</td></tr></table>
    <script>function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }       
    }</script>
    <style>
    ul, li{
      list-style: none;
    }
    .mon_onglet{
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
    . .mon_onglet:hover{
      background: #b8efa1;
    }             
    .mon_onglet_selected{
        border-radius: 10px;
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
    }
    ul, li{
      list-style: none;
    }
  .mon_contenu{
      color: #666;
      background: #b8efa1;
      border: 1px solid #68ce3e;
      padding: 10px;
            margin: -1px;         
    }
    #mes_contenus, #mes_onglets{
      width: 400px;         
    } border-radius: 10px;
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
    }
    ul, li{
      list-style: none;
    }
    }</style><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Concours</li>
            <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu">Mon contenu 1</div>
        <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
        <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    </div></div></ul></div>

pouvez vous me dire ce qu'il faut que je fasse pour que "accueil " aie la même apparence que les autres onglet svp ?
Et aussi je ne comprends pas trop comment remplir "mon contenu"

cordialement.

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Mar 5 Avr 2011 - 9:24

Bonjour,

J'ai retouché votre code:
Code:
<table width="100%"><tr><td width="25%">
    <table style="border:2px solid  #A6A4A4;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 5px #A6A4A4; -webkit-box-shadow: 0px 0px 5px #A6A4A4; box-shadow: 0px 0px 5px#A6A4A4; width:100%; text-align: center;  height: 150px;"> <tr><td style="background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);text-decoration:none!important; padding: 5px; marging-left: 10px; margin-right: 10px;    color:#646B82; font-weight: bold; border: 2px solid  #A6A4A4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;height: 20px;">coups de cœur</td></tr><tr><td> vos coups de cœur</td></tr></table>
 </td><td width="75%"> 
<script>function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }     
    }</script>
    <style>
    ul, li{
      list-style: none;
    }
    .mon_onglet{
      float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  .mon_onglet:hover{
      background: #b8efa1;
    }           
    .mon_onglet_selected{
 float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      }
  .mon_contenu{
      color: #666;
      background: #fff;
      border: 2px solid  #A6A4A4;
      padding: 10px;
      margin: -1px;   
      height: 150px;   
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;}
    #mes_contenus, #mes_onglets{
      width: 100%;       
      border-radius: 10px;
    }

    </style><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Concours</li>
            <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu">Mon contenu 1</div>
        <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
        <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    </div></div></ul></div></td></tr></table>
Est-ce proche de ce que vous désirez?

En ce qui concerne l'onglet "accueil" il fallait modifier "mon onglet_selected" pour qu'il ait la même apparence que les autres.
Pour le remplissage du contenu, c'est comme pour un message d'accueil "classique". Préparez le contenu de votre onglet "accueil" puis remplacez "mon contenu 1" par ce que vous avez préparé. Cela peut être des images, du texte, un tableau, une vidéo ...
Pour plus de précisions, je vous invite à lire ce sujet : Boite Onglet .

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par Melisa25 le Mar 5 Avr 2011 - 13:06

Désolé ! Je recommence plus ...

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par kimeko le Mar 5 Avr 2011 - 18:02

oui c'est sa merci ^^

il y a juste un petit problème, lorsque je clic sur un onglet le contenu de celui ci ne s'affiche pas, il reste sur le contenu de "accueil"
pouvez vous me dire pourquoi svp ?

Et aussi le reste de ma page devient plus grand pourquoi ?

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Mar 5 Avr 2011 - 18:17

Bonjour,

Le code fonctionne pourtant, je viens de le tester de nouveau. Si ça ne fonctionne pas c'est qu'il y a une erreur quelque part. Pour la trouver j'aurais besoin de connaitre le contenu de votre message d'accueil, s'il vous plait.

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko le Mar 5 Avr 2011 - 18:52

voila le code avec le contenu:
Code:
<table width="100%"><tr><td width="25%">
    <table style="border:2px solid  #A6A4A4;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 5px #A6A4A4; -webkit-box-shadow: 0px 0px 5px #A6A4A4; box-shadow: 0px 0px 5px#A6A4A4; width:100%; text-align: center;  height: 150px;"> <tr><td style="background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);text-decoration:none!important; padding: 5px; marging-left: 10px; margin-right: 10px;    color:#646B82; font-weight: bold; border: 2px solid  #A6A4A4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;height: 20px;">coups de cœur</td></tr><tr><td> vos coups de cœur</td></tr></table>
 </td><td width="75%"> 
<script>function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }     
    }</script>
    <style>
    ul, li{
      list-style: none;
    }
    .mon_onglet{
      float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  .mon_onglet:hover{
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
    }           
    .mon_onglet_selected{
 float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      }
  .mon_contenu{
      color: #666;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      border: 2px solid  #A6A4A4;
      padding: 10px;
      margin: -1px;   
      height: 150px;   
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;}
    #mes_contenus, #mes_onglets{
      width: 100%;       
      border-radius: 10px;
    }

    </style><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Concours</li>
            <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu">http://i67.servimg.com/u/f67/15/37/25/29/yuyu_b10.jpg</div>
        <div id="co_2" class="mon_contenu" style="display: none;">http://i67.servimg.com/u/f67/15/37/25/29/v10.png</div>
        <div id="co_3" class="mon_contenu" style="display: none;">http://i67.servimg.com/u/f67/15/37/25/29/avenir10.jpg</div>
    </div></div></ul></div></td></tr></table>
et l'adresse des image de chaque contenu:

1- http://i67.servimg.com/u/f67/15/37/25/29/yuyu_b10.jpg
2- http://i67.servimg.com/u/f67/15/37/25/29/v10.png
3- http://i67.servimg.com/u/f67/15/37/25/29/avenir10.jpg

cordialement.

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Mar 5 Avr 2011 - 20:52

Bonsoir,

Pour que vos images apparaissent, le code est:
Code:
<img src="adresse de l'image" />

Votre première image est beaucoup pus grande que les deux autres, j'ai adapté la taille du contenu, à la taille de la première image. J'arrive à changer d'onglet sur mon forum test avec le code ci-dessous:
Code:
<table width="100%"><tr><td>
    <table style="border:2px solid  #A6A4A4;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 5px #A6A4A4; -webkit-box-shadow: 0px 0px 5px #A6A4A4; box-shadow: 0px 0px 5px#A6A4A4; width:100%; text-align: center;  height: 150px;"> <tr><td style="background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);text-decoration:none!important; padding: 5px; marging-left: 10px; margin-right: 10px;    color:#646B82; font-weight: bold; border: 2px solid  #A6A4A4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;height: 20px;">coups de cœur</td></tr><tr><td> vos coups de cœur</td></tr></table>
 </td><td width="780">
<script>function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
        for(var i = 0; i < getOnglets.length; i++){
            if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mon_onglet_selected';
                    document.getElementById('c' + _this.id).style.display            = 'block';
                }
                else{
                    getOnglets[i].className = 'mon_onglet';
                    document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
                }
            }
        }   
    }</script>
    <style>
    ul, li{
      list-style: none;
    }
    .mon_onglet{
      float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  .mon_onglet:hover{
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
    }         
    .mon_onglet_selected{
 float: left;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      text-decoration: none!important;
      padding: 5px;
      marging-left: 10px;
      margin-right: 10px;
      color:#646B82;
      font-weight: bold;
      border: 2px solid  #A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      }
  .mon_contenu{
      color: #666;
      background: url(http://hitskin.com/themes/14/89/92/i_back_title.png);
      border: 2px solid  #A6A4A4;
      padding: 10px;
      margin: -1px; 
      height: 560px;
      width: 775px; 
      -moz-box-shadow: 0px 0px 5px #A6A4A4;
      -webkit-box-shadow: 0px 0px 5px #A6A4A4;
      box-shadow: 0px 0px 5px#A6A4A4;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;}
    #mes_contenus, #mes_onglets{
      width: 100%;     
      border-radius: 10px;
    }

    </style><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Concours</li>
            <div class="clear"><div id="mes_contenus">
        <div id="co_1" class="mon_contenu"><img src="http://i67.servimg.com/u/f67/15/37/25/29/yuyu_b10.jpg" /></div>
        <div id="co_2" class="mon_contenu" style="display: none;"><img src="http://i67.servimg.com/u/f67/15/37/25/29/v10.png" /></div>
        <div id="co_3" class="mon_contenu" style="display: none;"><img src="http://i67.servimg.com/u/f67/15/37/25/29/avenir10.jpg" /></div>
    </div></div></ul></div></td></tr></table>

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko le Mer 6 Avr 2011 - 14:13

En effet merci il fonctionne ^^


kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: dispostition de cadres

Message par Invité le Mer 6 Avr 2011 - 20:28

Bonsoir,

Je suis ravie de voir que ça fonctionne Very Happy . N'oubliez pas d'éditer votre premier message pour mettre l'icône résolu Wink .

Cordialement.

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko le Jeu 7 Avr 2011 - 8:30

entendu ^^

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

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