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
avatar

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
avatar

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
avatar

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

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5725
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
avatar

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)




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5725
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;
}
avatar

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 ?




avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5725
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
avatar

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
avatar

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