Page d'accueil

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

Résolu Page d'accueil

Message par Camoche03 le Jeu 21 Juil 2011 - 18:29

Salut, eh oui encore moi :p

Je me demandais comment faire une PA un peu comme ça :



Enfin des petites pages avec titre séparé du texte par une barre en pointillés, du texte dedans, une image en fond etc ...

Merci pour toutes vos réponses Smile

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par K-Surf le Jeu 21 Juil 2011 - 18:32

Tu peut le faire en HTML et CSS

K-Surf
***

Masculin
Messages : 174
Inscrit(e) le : 29/04/2011

http://serialdesigner.forumactif.fr/
K-Surf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Camoche03 le Jeu 21 Juil 2011 - 18:33

Oui ça je sais x) mais je ne connais pas les codes

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Camoche03 le Jeu 21 Juil 2011 - 18:59

Non c'est bon j'ai trouvé un code Smile

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Lixyr le Jeu 21 Juil 2011 - 19:05

@Camoche03 a écrit:Non c'est bon j'ai trouvé un code Smile

Bonjour.

Et donc ? C'est résolu où il reste encore des questions sans réponse ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Camoche03 le Jeu 21 Juil 2011 - 19:18

En fait j'ai un autre problème :
J'ai utilisé les codes, qui marchent très bien http://forum.forumactif.com/t286196-tableau-a-onglets?highlight=onglets
Mais quand je clique sur l'onglet 2, il y a toujours le contenu de l'onglet 1

Si vous savez comment faire, merci

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Lixyr le Jeu 21 Juil 2011 - 19:31

Pour ça, il faudrait que vous me donniez le code que vous avez mis dans votre PA. ^^ (code html + css + js)





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Camoche03 le Jeu 21 Juil 2011 - 20:13

J'ai pas de js je sais pas ce que c'est
J'ai mis ce code en pa :

Code:
<script src="http://pmsc.free.fr/J04/10912150254.js"></script><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></ul>

et ça en css
Code:
ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #fff;
  background: #000000;
  border: 2px solid #4682b4;
  cursor: pointer;
  margin-bottom: -1px;

.mon_onglet:hover{
  background: #000000;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #fff;
  background:#000000;
  border-top: 2px solid #4682b4;
  border-right: 2px solid #4682b4;
  border-left: 2px solid #4682b4; 
  border-bottom: 1px solid #000000; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #fff;
  background: #000000;
  border: 2px solid #4682b4;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Lixyr le Jeu 21 Juil 2011 - 20:24

Ça marche très bien chez moi. ^^ Vous êtes sûr que vous n'avez pas mal vu ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Camoche03 le Ven 22 Juil 2011 - 12:10

Désolée d'avoir dérangé, c'est résolu, j'ai trouvé un autre code pour un autre style de PA :p
Je le mets en résolu ?

Merci quand même Smile

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Invité le Ven 22 Juil 2011 - 14:23

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


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