CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| |
icipourapprendre
{ Membre }
Messages : 65
| La commande de Apollon étant finit je poste la mienne Bonjour, - Objet de la commande: Mise en forme d'une PA
- Détails: Alors voilà enfête c'est simple, j'ai ma page d'accueil le problème c'est que je n'arrive pas à mettre ce que je veux là où je le souhaite :s J'ai essayé plein de chose mais pas moyen
- Aperçu: Actuellement et ce que je voudrais
- Autoriser un membre à répondre [X] Oui [] Non (En cochant oui, vous donnez le droit aux membres de CSSActif qui ne sont pas codeurs officiels de répondre à votre demande)
Voici mon css :
- Spoiler:
/* PAGE D'ACCUEIL */
.msg-border { border: #000 1px solid;
}
.msg-title { background-color: #999; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; padding: 2px; color: #FFF; border-bottom: 1px #000 solid; background-image: url('http://www.imagehotel.net/images/je5fmh7n6o.jpg'); }
.liensnavig { letter-spacing: 1px; font-family: Georgia; text-shadow: 3px 3px 5px #000000; color: #bda985; text-decoration: none !important; font-size: 10px; padding-left: 3px; }
.liensnavig:before { content: "-"; }
.liensnavig:hover { color: #cbb793; text-decoration: none !important; }
.liensnavig:hover:before { content: "{"; }
div.infobullepa { position: relative; float: left; } div.infobullepa span { display: none; /* ceci masque l'infobulle */ } div.infobullepa:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ } div.infobullepa:hover span { font-style: normal; display: inline; position: absolute; top: 5px; left: 5px; background-color: #transparent; color: #000000; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; border: 2px solid #57483B; -moz-border-radius: 10px; width:125px; }
/* FIN PAGE D'ACCUEIL */
et ma PA :
- Spoiler:
- Code:
-
<table width="875" border="0" cellspacing="0" cellpadding="0" background="http://img841.imageshack.us/img841/3092/plage.jpg"> <tr> <td width="83" height="177"> </td> <td width="353">
<size="24">Bienvenue {USERNAME}</size> <textarea name="contexte" cols="45" rows="5" readonly="readonly" id="contexte" style="width: 353px; height: 102px; border: 0px; background: none; color: #FFF;">News :
Ouverture du forum : xx/xx/xx Forum optimisé pour Mozilla Firefox</textarea></td> <td width="439"> </td> </tr> <tr> <td height="323" colspan="3"><table width="875" height="320" border="0" cellspacing="10" cellpadding="0"> <tr>
</td> <td width="260" rowspan="2" valign="top"><div class="msg-border" style="height: 225px; padding-left:"><div class="msg-title">Contexte</div>
<marquee behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'> <div style="text-align: justify;">Vous n'êtes pas dans n'importe quelle ville, vous êtes dans "The" ville, la ville la plus belle de toute située au cœur de Miami, et pourtant ici tout n'est pas rose comme on pourrait le croire à première vue, elle ai la ville où prennent leurs vacances toute les stars ou presque. Ici règne une très bonne ambiance, les voisins s'entraident lorsqu'ils en ont besoin, s'invitent mutuellement, bref une ville avec un vrai cœur. Bien sur il existe, comme partout, quelques exceptions, des personnes rejetées, par choix ou par obligation, et pourtant elles sont loin d'être malheureuse. Vous allez me dire, "Et alors ? Qu'es-ce qu'elle a cette ville ?" Et bien malgré cette facette très envieuse ce cache une énigme. Les étés sont chaud et les hivers très doux, vous pourrez même vous baigner dans les lacs ou la mer à cette époque, pourtant le temps peut très vite changer. De grosses tempêtes peuvent faire l'apparition en moins de deux heures, même si des personnes ont déjà été blessés ou en sont même morts les bâtiments là depuis des milliers d'années reste toujours intact, pourquoi ? Des chercheurs ont déjà fais des expériences, des tests, bref plein de choses pour élucider l'histoire mais rien n'y fait. <a href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm#1?sid=456f2893da11fc96c8a75fcc012dfb1a" class="postlink">Lire la suite ici</div></a> </marquee> </div> <div style="text-align: center; margin-left: 35px; margin-right: 35px; margin-top: 10px;"></div></td>
<td width="160" valign="top" class="msg-border"><div class="msg-title">Navigation</div>
<a class="liensnavig" href="http://america-paradise.forumactif.com/reglement-f3/reglement-t2.htm">Règlement</a>
<a class="liensnavig" href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm">Contexte</a>
<a class="liensnavig" href="http://america-paradise.forumactif.com/presentations-f4/modele-a-respecter-t3.htm#3">Formulaire de Présentation</a>
<a class="liensnavig" href="http://america-paradise.forumactif.com/partie-invites-f6/">Partie invités</a>
<a class="liensnavig" href="ADRESSE URL DES PARTENAIRES">Partenaires</a></td> </tr> <tr> <td colspan="2" valign="top" class="msg-border"><div class="msg-title">Staff</div><center><table border="0" cellpadding="5px"><tr><td><div style="text-align: center;" class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font>
<div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div> <div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td><td><div style="text-align: center;" class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font>
<div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div> <div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td><td><div style="text-align: center;" class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font>
<div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div> <div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td></center></tr></table></td> <td width="178" valign="top" class="msg-border"><div class="msg-title">Top-Partenaires</div> <center><a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a>
<a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a></center> </td> </tr> </table></td> </tr> </table>
Merci d'avance à ceux qui pourront m'aider =)
| | |
| | | Hortie
{ Membre actif }
Messages : 660
| Bonjour, Je rappelle simplement que commande terminé ou non, il est interdit de posté une commande quand dix sujet son déjà ouvert ce qui était le cas au moment ou tu a posté ta commande. Je vient de classé la commande d'Apollon donc je vais faire une exeption cette fois, mais ce n'est pas au membre de juger si une commande terminé est terminé ou non. Merci de respecter cette règle la prochaine fois | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Merci mais comme Apollon a dit que vous pouviez classé j'ai pensé que je pouvais, désolé | | |
| | | Kory
{ Membre actif }
Messages : 370
| Je vais essayer de te faire ça mais avant j'ai une petite question ^^ Tu veux qu'il y ait de grands espaces comme sur ton schéma entre chaque case? | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, il s'agit d'une demande d'aide puisque tu pars d'un code déjà existant. Je déplace donc dans la section aide CSS & HTML =) | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Une modo m'a pourtant dis de venir le poster dans la partie commande
EDIT : Kori non je ne veux pas forcément un grand écart comme sa c'était juste pour montrer ce que sa devait donner | | |
| | | Kory
{ Membre actif }
Messages : 370
| Voilà ta PA
- Spoiler:
- Code:
-
<div align="center"><table width="875px" border="0" cellspacing="0" cellpadding="0" background="http://img841.imageshack.us/img841/3092/plage.jpg" style="color: black"> <tr><td colspan="3"><div align="center" style="font-size:25pt;">Bienvenue {USERNAME}</div></td></tr> <tr><td width="25%"><div style="text-align: left;"><b>News :</b> <br><br><b>Ouverture du forum :</b> xx/xx/xx <br><div id="navigateur">Forum optimisé pour Mozilla Firefox</div></div></td><td rowspan="2"><div class="msg-border" width="50%"><div class="msg-title">Contexte</div> <marquee behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'> <div style="text-align: justify;">Vous n'êtes pas dans n'importe quelle ville, vous êtes dans "The" ville, la ville la plus belle de toute située au cœur de Miami, et pourtant ici tout n'est pas rose comme on pourrait le croire à première vue, elle ai la ville où prennent leurs vacances toute les stars ou presque. Ici règne une très bonne ambiance, les voisins s'entraident lorsqu'ils en ont besoin, s'invitent mutuellement, bref une ville avec un vrai cœur. Bien sur il existe, comme partout, quelques exceptions, des personnes rejetées, par choix ou par obligation, et pourtant elles sont loin d'être malheureuse. Vous allez me dire, "Et alors ? Qu'es-ce qu'elle a cette ville ?" Et bien malgré cette facette très envieuse ce cache une énigme. Les étés sont chaud et les hivers très doux, vous pourrez même vous baigner dans les lacs ou la mer à cette époque, pourtant le temps peut très vite changer. De grosses tempêtes peuvent faire l'apparition en moins de deux heures, même si des personnes ont déjà été blessés ou en sont même morts les bâtiments là depuis des milliers d'années reste toujours intact, pourquoi ? Des chercheurs ont déjà fais des expériences, des tests, bref plein de choses pour élucider l'histoire mais rien n'y fait.<br></div><div align="center"><a href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm#1?sid=456f2893da11fc96c8a75fcc012dfb1a" class="postlink">Lire la suite ici</a></div> </marquee> </div> </td><td width="25%"><div class="msg-border"><div class="msg-title">Navigation</div> <a class="liensnavig" href="http://america-paradise.forumactif.com/reglement-f3/reglement-t2.htm">Règlement</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm">Contexte</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/presentations-f4/modele-a-respecter-t3.htm#3">Formulaire de Présentation</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/partie-invites-f6/">Partie invités</a><br> <a class="liensnavig" href="ADRESSE URL DES PARTENAIRES">Partenaires</a></div></td></tr> <tr><td valign="top" class="msg-border"><div class="msg-title">Top-Partenaires</div> <center><a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a></center></td> <td width="25%" valign="top" class="msg-border"><div class="msg-title">Staff</div> <center><table border="0" cellpadding="5px"><tr><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td> <td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td></center></tr></table></td></tr> </table></div>
Et le CSS (le clignotement ne fonctionne que sur Mozilla)
- Spoiler:
- Code:
-
/* PAGE D'ACCUEIL */
.msg-border { border: #000 1px solid; }
.msg-title { background-color: #999; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; font-weight: bold; padding: 2px; color: #FFF; border-bottom: 1px #000 solid; background-image: url('http://www.imagehotel.net/images/je5fmh7n6o.jpg'); }
.liensnavig { letter-spacing: 1px; font-family: Georgia; text-shadow: 3px 3px 5px #000000; color: #bda985; text-decoration: none !important; font-size: 10px; padding-left: 3px; }
.liensnavig:before { content: "-"; }
.liensnavig:hover { color: #cbb793; text-decoration: none !important; }
.liensnavig:hover:before { content: "{"; }
div.infobullepa { position: relative; float: left; } div.infobullepa span { display: none; /* ceci masque l'infobulle */ } div.infobullepa:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ } div.infobullepa:hover span { font-style: normal; display: inline; position: absolute; top: 5px; left: 5px; background-color: #transparent; color: #000000; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; border: 2px solid #57483B; -moz-border-radius: 10px; width:125px; } #navigateur { text-decoration: blink; font-weight: bold;} #navigateur:hover { text-decoration: none;}
/* FIN PAGE D'ACCUEIL */
Est-ce que cela te convient? | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Pour faire fonctionner le BLINK sous ie :
ICI | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Merci c'est presque ce que je voulais ^^ Enfaite j'aimerais que les parties ne soient pas toute collées entre elles, je veux pas que l'espace soit énorme comme sur l'exemple mais qu'il y ai un peu d'air quand même. Je voudrais aussi que l'encadrer "Contexte" soit moins gros. La page d'accueil en elle même devrait être plus large c'est à dire espacer d'avantage entre les carrés et même le "Bienvenue..."
Merci encore =) | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Ça devrait être bon la : PA : - Code:
-
<div style="width:875px ;height:500px;background:url(http://img841.imageshack.us/img841/3092/plage.jpg);color:black;"> <div align="center" style="font-size:25pt;color:white;">Bienvenue {USERNAME}</div> <div style="text-align: left;"><b>News :</b> <br><br><b>Ouverture du forum :</b> xx/xx/xx <br><div id="navigateur">Forum optimisé pour Mozilla Firefox</div></div> <div class="msg-border" style="margin-top:100px;float:left;"> <div class="msg-title">Top partenaires</div> <center><a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a></center> </div>
<div class="msg-border" style="margin-top:60px; float:left;width:304px;"> <div class="msg-title" style="width:300px;">Contexte</div> <marquee behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'> <div style="text-align: justify;">Vous n'êtes pas dans n'importe quelle ville, vous êtes dans "The" ville, la ville la plus belle de toute située au cœur de Miami, et pourtant ici tout n'est pas rose comme on pourrait le croire à première vue, elle ai la ville où prennent leurs vacances toute les stars ou presque. Ici règne une très bonne ambiance, les voisins s'entraident lorsqu'ils en ont besoin, s'invitent mutuellement, bref une ville avec un vrai cœur. Bien sur il existe, comme partout, quelques exceptions, des personnes rejetées, par choix ou par obligation, et pourtant elles sont loin d'être malheureuse. Vous allez me dire, "Et alors ? Qu'es-ce qu'elle a cette ville ?" Et bien malgré cette facette très envieuse ce cache une énigme. Les étés sont chaud et les hivers très doux, vous pourrez même vous baigner dans les lacs ou la mer à cette époque, pourtant le temps peut très vite changer. De grosses tempêtes peuvent faire l'apparition en moins de deux heures, même si des personnes ont déjà été blessés ou en sont même morts les bâtiments là depuis des milliers d'années reste toujours intact, pourquoi ? Des chercheurs ont déjà fais des expériences, des tests, bref plein de choses pour élucider l'histoire mais rien n'y fait.<br></div><div align="center"><a href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm#1?sid=456f2893da11fc96c8a75fcc012dfb1a" class="postlink">Lire la suite ici</a></div> </marquee>
</div>
<div class="msg-border" style="margin-top:20px; float:left;width:264px;margin-left:10px;"> <div class="msg-title" style="width:260px;">Navigation</div> <center><table border="0" cellpadding="5px"><tr><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td> <td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td></center></tr></table></td></tr> </table>
</div> <br> <div class="msg-border" style="margin-top:20px; float:left;width:264px;margin-left:10px;"> <div class="msg-title" style="width:260px;">Navigation</div> <a class="liensnavig" href="http://america-paradise.forumactif.com/reglement-f3/reglement-t2.htm">Règlement</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm">Contexte</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/presentations-f4/modele-a-respecter-t3.htm#3">Formulaire de Présentation</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/partie-invites-f6/">Partie invités</a><br> <a class="liensnavig" href="ADRESSE URL DES PARTENAIRES">Partenaires</a>
</div> </div> CSS : - Code:
-
/* PAGE D'ACCUEIL */
.msg-border { margin-left:5px; border: #000 1px solid; width:254px; }
.msg-title {
background-color: #999; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; font-weight: bold; padding: 2px; color: #FFF; border-bottom: 1px #000 solid; background-image: url('http://www.imagehotel.net/images/je5fmh7n6o.jpg'); width:250px; }
.liensnavig { letter-spacing: 1px; font-family: Georgia; text-shadow: 3px 3px 5px #000000; color: #bda985; text-decoration: none !important; font-size: 10px; padding-left: 3px; }
.liensnavig:before { content: "-"; }
.liensnavig:hover { color: #cbb793; text-decoration: none !important; }
.liensnavig:hover:before { content: "{"; }
div.infobullepa { position: relative; float: left; } div.infobullepa span { display: none; /* ceci masque l'infobulle */ } div.infobullepa:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ } div.infobullepa:hover span { font-style: normal; display: inline; position: absolute; top: 5px; left: 5px; background-color: #transparent; color: #000000; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; border: 2px solid #57483B; -moz-border-radius: 10px; width:125px; } #navigateur { text-decoration: blink; font-weight: bold;} #navigateur:hover { text-decoration: none;}
/* FIN PAGE D'ACCUEIL */ | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Merci, mais maintenant sa me fait un bug, sa me donner Ceci | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Arf , moi ca ne me le fait pas :Q
peut-tu juste me dire la largeur de ton forum ? merci
| | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Largeur du forum (nombre ou %) : 65% | | |
| | | Invité Invité
| Essaye de l'augmenter, il doit y avoir anomalie dessus. Mets 75% pour voir on sait jamais.
| | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Ça n'a rien changé du tout | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| | | | icipourapprendre
{ Membre }
Messages : 65
| Où es-ce que je dois aller pour mettre sa ? | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Au même endroit ou tu as mis la largeur de ton forum en % | | |
| | | Invité Invité
| N'oubliez pas, de cocher l'icône si votre problème est résolu. Merci | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Cela ne change rien du tout Non ce n'est pas du tout résolu lol | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Hmm , dans ce cas je vais refaire le code en entier , j'ai du oublier quelque chose ^^
| | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Essaye de remplacer ta PA par : - Code:
-
<div align="center"><table width="875px" height="500px;" border="0" cellspacing="0" cellpadding="0" background="http://img841.imageshack.us/img841/3092/plage.jpg" style="color: black"> <tr><td colspan="3"><div align="center" style="font-size:25pt;">Bienvenue {USERNAME}</div></td></tr> <tr><td width="25%"><div style="text-align: left;"><b>News :</b> <br><br><b>Ouverture du forum :</b> xx/xx/xx <br><div id="navigateur">Forum optimisé pour Mozilla Firefox</div></div></td><td rowspan="2"><div style="border: #000 1px solid;width:400px; margin:0 auto;"><div class="msg-title" width="100px">Contexte</div> <marquee behavior="scroll" align="center" direction="up" scrollamount="1" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'> <div style="text-align: justify;">Vous n'êtes pas dans n'importe quelle ville, vous êtes dans "The" ville, la ville la plus belle de toute située au cœur de Miami, et pourtant ici tout n'est pas rose comme on pourrait le croire à première vue, elle ai la ville où prennent leurs vacances toute les stars ou presque. Ici règne une très bonne ambiance, les voisins s'entraident lorsqu'ils en ont besoin, s'invitent mutuellement, bref une ville avec un vrai cœur. Bien sur il existe, comme partout, quelques exceptions, des personnes rejetées, par choix ou par obligation, et pourtant elles sont loin d'être malheureuse. Vous allez me dire, "Et alors ? Qu'es-ce qu'elle a cette ville ?" Et bien malgré cette facette très envieuse ce cache une énigme. Les étés sont chaud et les hivers très doux, vous pourrez même vous baigner dans les lacs ou la mer à cette époque, pourtant le temps peut très vite changer. De grosses tempêtes peuvent faire l'apparition en moins de deux heures, même si des personnes ont déjà été blessés ou en sont même morts les bâtiments là depuis des milliers d'années reste toujours intact, pourquoi ? Des chercheurs ont déjà fais des expériences, des tests, bref plein de choses pour élucider l'histoire mais rien n'y fait.<br></div><div align="center"><a href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm#1?sid=456f2893da11fc96c8a75fcc012dfb1a" class="postlink">Lire la suite ici</a></div> </marquee> </div> </td><td width="25%"><div class="msg-border"><div class="msg-title">Navigation</div> <a class="liensnavig" href="http://america-paradise.forumactif.com/reglement-f3/reglement-t2.htm">Règlement</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/contexte-f1/contexte-t1.htm">Contexte</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/presentations-f4/modele-a-respecter-t3.htm#3">Formulaire de Présentation</a><br> <a class="liensnavig" href="http://america-paradise.forumactif.com/partie-invites-f6/">Partie invités</a><br> <a class="liensnavig" href="ADRESSE URL DES PARTENAIRES">Partenaires</a></div></td></tr> <tr><td valign="top" class="msg-border"><div class="msg-title">Top-Partenaires</div> <center><a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a> <a href="http://america-paradise.forumactif.com"><img src="http://www.imagehotel.net/images/eq3vuqnpyu.png" border="0" /></a></center></td> <td width="25%" valign="top" class="msg-border"><div class="msg-title">Staff</div> <center><table border="0" cellpadding="5px"><tr><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /> <font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td> <td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td><td><div class="infobullepa"><img src="http://www.imagehotel.net/images/bn2jv1x49s.jpg" /><span style="text-align: center;"><br><img src="http://obsession27.free.fr/boutons/iconvanessahudgensol44.jpg" /><font size="3">Eléna Stewart</font><div><a href="URL DE L'ADRESSE">> Voir son profil <</a></div><div><a href="URL DE L'ADRESSE">> Qui est-elle ? <</a></div></span></div></td></center></tr></table></td></tr> </table></div> | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Merci, Alors on va dire que c'est mieux mais y a des bugs :s Ici | | |
| | | Hiro
Ninja Codeur
Messages : 1179
| Decidement , pourtant moi ca ne me le fait pas : Tu as copier le code tel quel ou tu as modifié quelque chose ?? | | |
| | | icipourapprendre
{ Membre }
Messages : 65
| Non je n'ai rien modifié j'ai coller tel quel
par contre j'ai remis la largeur à 60%. | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|