Annonce avancé..

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

Résolu Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 17:36

Bonjours,

Je souhaiterais faire une annonce un peut plus avancé de ce style :

http://eragon-game.forum-actif.net/forum et http://dreamforadragon.bbactif.com/ ou http://durarara-rpg.forumactif.com/

Enfaite, j'aimerais faire a peut près la même chose qu'ici : http://eragon-game.forum-actif.net/forum

Mais qu'à la place de lorsqu'on clique sur :

RÈGLEMENT
ÉQUIPE
CONTEXTE
POSTES VACANTS
PRÉSENTATION
SYSTÈME & UNIVERS
ACHAT D'OBJETS
QUÊTES & MISSIONS
REGISTRE - FDR

Sa fasse comme sur : http://dreamforadragon.bbactif.com/

Héros & Quêtes
Partenaires
Staff
Crédits

Ou bien plus simplement comme celui - si : http://durarara-rpg.forumactif.com/

Si vous pouviez m'aider a faire ce si ?

Merci beaucoup,
Amicalement,
Filing

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par Florisaly le Sam 19 Nov 2011 - 18:34

Vous voulez créer une sorte de tableau avec des onglets comme "Réglement", "Contexte" etc... ?

Si c'est cela il y a ce tuto ici : http://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil

Ou est-ce que c'est pour modifier l'apparence de votre tableau à onglets ?

Cordialement.

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 19:29

J'aimerais savoir comment modifier l'apparence des tableau.

Merci pour le liens des tableaux.

Amicalement,
Filing

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par Florisaly le Sam 19 Nov 2011 - 19:47

Alors, dans les généralités du message d'accueil, si vous avez :
Code:
<table style="margin: auto;"><tr><td><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</span>

Vous pouvez remplacer Onglet 1 par :

Code:
<img src="url de l'image" border="0" alt="" />

Pour que votre onglet a une image.

Pour modifier les couleurs du fonds ( mettre une image de fond ), du texte et des bordures tout cela se fait dans les CSS.

Pour les bordures c'est :
Code:
border: taille de l'épaisseurepx solid #couleur désirée;

Pour le fond c'est :
- Couleur :
Code:
background: #couleur désirée;
- image il faut remplacer le code précédent par :
Code:
background-image: url('URL de l'image');

Pour la couleur du texte :
Code:
color: #couleur désirée;

Il vous faut autre chose ?

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 20:20

Merci cela m'aide beaucoup, pour "border" est t'il possible faire une double bordure avec les coin arrondis ?

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par Florisaly le Sam 19 Nov 2011 - 20:34

Pour que se soit arrondi, je ne suis pas sûr ...

Rajoute ceci :
Code:
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */

Prévenez-moi du résultat ! Merci. Very Happy

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 20:58

Cela marche a la perfection merci Smile

Marche également pour les onglets Very Happy

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par Florisaly le Sam 19 Nov 2011 - 21:06

Par contre pour faire une double bordure, je cherche ^^

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 21:15

Merci Smile

Par hasard, il est possible de changer la hauteur donc c'est "height" mais est t'il possible de mettre une valeur par défauts pour la largeur ?

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par Florisaly le Sam 19 Nov 2011 - 22:16

pour la largeur c'est "width".

Mais je suis désolé je ne me souviens plus à quoi correspond :
Code:
padding: 10px;
          margin: 10 px;
Confused

Florisaly
**

Féminin
Messages : 89
Inscrit(e) le : 12/09/2011

http://sons-of-masamune.forum-officiel.com/
Florisaly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 22:35

D'accord merci tous de même Smile
Pour les doubles bordure, j'ai essayer ce si :
Code:
border-style: double;
Aucun résultat.. Si quelqu'un a la solution ?

Merci,

Amicalement,
Filing


Dernière édition par piernogood le Sam 19 Nov 2011 - 23:00, édité 1 fois (Raison : double bordure (rajout))

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce avancé..

Message par piernogood le Sam 19 Nov 2011 - 23:08

Bonjours, j'ai trouvé la solution.

Voici le code a mettre :
Code:
          border: 3px double #000;
Enfaite, j'avais la border: 1px ces pour sa que sa ne marché pas, en le mettant a 3px on vois très bien le changement Very Happy

J'ai trouvé ce que je souhaiter merci de votre aide

Amicalement,
Filing

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood 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