dispostition de cadres

3 participants

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

Résolu dispostition de cadres

Message par kimeko 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

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko 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

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 Lun 4 Avr 2011 - 20:14

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

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 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 =>
dispostition de cadres  Search10Bonjour,

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

Anzu
Membre actif

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

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

Résolu Re: dispostition de cadres

Message par kimeko Lun 4 Avr 2011 - 20:55

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

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko 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

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par Melisa25 Mar 5 Avr 2011 - 13:06

Désolé ! Je recommence plus ...
Melisa25

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

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko 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- https://i.servimg.com/u/f67/15/37/25/29/yuyu_b10.jpg
2- https://i.servimg.com/u/f67/15/37/25/29/v10.png
3- https://i.servimg.com/u/f67/15/37/25/29/avenir10.jpg

cordialement.
kimeko

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko Mer 6 Avr 2011 - 14:13

En effet merci il fonctionne ^^

kimeko

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

Invité
Invité


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

Résolu Re: dispostition de cadres

Message par kimeko Jeu 7 Avr 2011 - 8:30

entendu ^^
kimeko

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