Problème de PA
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de PA
Bonsoir à tous !
Dernièrement, en allant sur mon forum, je suis tombé sur ça.
http://img95.xooimage.com/files/7/b/3/d-form-e-42a817a.png
Alors je ne sais pas ce qui s'est passé. Comment cela a t'il put se produire, mais une chose est sure, j'ai vraiment besoin d'aide pour ça.
Mon CSS est bon
Mon codage PA est bon mais je n'y arrive pas
Je vous remercie d'avance pour l'aide apportée.
http://univers-batman-rpg.forumactif.org/
Dernièrement, en allant sur mon forum, je suis tombé sur ça.
http://img95.xooimage.com/files/7/b/3/d-form-e-42a817a.png
Alors je ne sais pas ce qui s'est passé. Comment cela a t'il put se produire, mais une chose est sure, j'ai vraiment besoin d'aide pour ça.
Mon CSS est bon
Mon codage PA est bon mais je n'y arrive pas
Je vous remercie d'avance pour l'aide apportée.
http://univers-batman-rpg.forumactif.org/
Dernière édition par Jervis le Dim 15 Déc 2013 - 13:56, édité 2 fois
Re: Problème de PA
Petit UP matinal
Re: Problème de PA
Bonjour
Quel est le problème, je ne vois rien de bizarre.............
Quel est le problème, je ne vois rien de bizarre.............
Re: Problème de PA
Les Infobulles déformées
Normalement ça fait pas ce débordement de la PA
Normalement ça fait pas ce débordement de la PA
Re: Problème de PA
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
Merci de fournir le code de votre PA
Cordialement.
Re: Problème de PA
- Code:
<div id="en_tete">
<!-- entête réalisée par pub city -->
<table style="margin: auto; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Les membres du Staff
</h1>
<!-- staff début -->
<table style="margin:auto;">
<tbody>
<tr>
<td>
<!-- Infobulle 1 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/350876joker2.jpg" />
<!-- Intérieur de l'infobulle 1 --><span></span>
<center style="">
<img alt="" src="http://img15.hostingpics.net/pics/493007joker.jpg" border="0" /><br />Joker
</center><span></span>
<center style="">
Fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=2">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u2">Voir son Profil</a>
</center><span></span>
</div>
<!-- Fin de l'int?eur de l'infobulle 1 -->
</td>
<td>
<!-- Infobulle 2 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/422370riddler1.jpg" />
<!-- Intérieur de l'infobulle 2 --><span></span>
<center style="">
<img alt="" src="http://img15.hostingpics.net/pics/873676TheRiddler.gif" border="0" /><br />Edward Nigma
</center><span></span>
<center style="">
Co-fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=3">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u3">Voir son Profil</a>
</center><span></span>
</div>
<!-- Fin de l'int?eur de l'infobulle 2 -->
</td>
<td>
<!-- Infobulle 3 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/458970cat1.jpg" />
<!-- Intérieur de l'infobulle 3 --><span></span>
<center style="">
<img alt="" src="http://img15.hostingpics.net/pics/696845cat2.jpg" border="0" /><br />Selina Kyle/Catwoman
</center><span></span>
<center style="">
Admin<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=4">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u4">Voir son Profil</a>
</center><span></span>
</div>
<!-- Fin de l'int?eur de l'infobulle 3 -->
</td>
<td>
<!-- Infobulle 4 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/650709rabbit1.jpg" />
<!-- Intérieur de l'infobulle 4 --><span></span>
<center style="">
<img alt="" src="http://img15.hostingpics.net/pics/399514rabbit2.jpg" border="0" /><br />White Rabbit
</center><span></span>
<center style="">
Admin ♥<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=5">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u5">Voir son Profil</a>
</center><span></span>
</div>
<!-- Fin de l'int?eur de l'infobulle 4 -->
</td>
</tr>
</tbody>
</table>
<!-- staff fin -->
</div>
</td>
<td style="width: 450px;" rowspan="2" colspan="2">
<div class="interieur">
<br />
<p style="margin:auto;text-align:center;font-size:16px;font-weight: bold;">
<img alt="" src="http://img4.hostingpics.net/pics/47279611gg.png" border="0" />
</p><br />
<h1 class="titrepa">
DARK KNIGHT SAVIOR OR MENACE ?
</h1><br />
<p style="margin:auto;text-align: justify; height:150px;overflow-y:auto;">
<span style="font-family: 'Courier New';"><span style="color: rgb(128, 128, 128);">A</span><span style="color: white;">lors que la ville de Gotham City est rongée depuis des années par la corruption, le meurtre gratuit et la drogue dans ses rues, les citoyens de Gotham n'espèrent aucun espoir pour leur cité. Aucune espérance pour se sortir d'une crise économique qui emmène les citoyens de la ville vers une auto-destruction programmée. Chômage, délinquance, prison, le cercle vicieux est en marche et ce depuis plusieurs années. Le moindre clochard peut se révéler être un dangereux psychopathe à l'affût d'une victime a délester pour se trouver sa drogue. Un cri, du sang, bienvenue dans la ville de Gotham.<br /><br /><span style="color: rgb(128, 128, 128);">A</span>ffaiblie par les guerres de pouvoir entre la Famille Falcone, Maroni et Galente, Gotham a sombré, minée par les affaires de corruption au sein même de la Justice. Procureurs, Juges, Commissaires, Policiers, tous sont tombés sous la coupe des gangs de Gotham, procurant un statut d'impunité pour ces criminels qui commettent leurs exactions même en plein jour, sous l’œil amusé des forces de la police consentante. Ainsi va la vie à Gotham City, les monstres et les puissants détruisent les innocents, sans regrets, sans pitié.</span><br /><br /></span>
</p><span style="font-family: 'Courier New';"></span>
</div><span style="font-family: 'Courier New';"></span>
</td>
</tr>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Navigation rapide
</h1>
<!-- navigu début -->
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f61-le-reglement"><img alt="" src="http://img4.hostingpics.net/pics/296306regle.png" border="0" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t3-notre-contexte"><img alt="" src="http://img4.hostingpics.net/pics/986393contexte.png" border="0" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t4-les-rangs-d-univers-batman"><img alt="" src="http://img4.hostingpics.net/pics/421182rang.png" border="0" /></a>
</li>
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f3-personnages-et-candidatures"><img alt="" src="http://img4.hostingpics.net/pics/346333predef.png" border="0" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f4-les-invites-de-batman-univers"><img alt="" src="http://img11.hostingpics.net/pics/598299question.png" border="0" /></a>
</li>
<!-- navigu fin -->
</div>
</td>
</tr>
</tbody>
</table>
<table style="min-height: 100px; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 450px;" colspan="2">
<div class="interieur">
<h1 class="titrepa">
Les partenaires
</h1>
<!-- staff début -->
<div class="description">
<span style="font-weight: bold;">Forum de publicité</span><marquee behavior="scroll" scrollamount="6" ;="" direction="left" style="text-align: center; width: 500px; height: 35px;" onmouseout="this.start()" onmouseover="this.stop()"><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://illiweb.com/fa/pbucket.gif" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://peak-of-shinobi.forumactif.org/"><img alt="" src="http://img4.hostingpics.net/pics/987715pso2.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://atlantisinsurrection.forumactif.fr"><img alt="" src="http://img15.hostingpics.net/pics/618275bouton22.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.poudnoir.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/43/1382808931-partenaire1.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.clan-kravt.com"><img alt="" src="http://img99.xooimage.com/files/c/3/4/7bivbzmyu191u9tr-42a8316.jpg" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://meihua-chengshi.forumactif.org"><img alt="" src="http://i.imgur.com/2yvkPdN.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://industrial-disease.forumactif.org"><img alt="" src="http://img98.xooimage.com/files/5/c/c/1366457568-idbout-4296413.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.baka-otakuland.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/26/1372345456-88x31px.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" border="0" /></a></marquee><span style="font-weight: bold;">Nos Topsites !</span>
<div style="width: 500px; height: 35px;">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10329"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/superherosuniverse/in.php?ID=33"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/hoglard/in.php?ID=5067"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=13358"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" border="0" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/buffy/in.php?ID=1896"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" border="0" /></a>
</div><br />
</div>
<!-- staff fin -->
<!-- staff fin -->
</div>
</td>
<td style="width: 350px;">
<div class="interieur">
<h1 class="titrepa">
Event en cours
</h1>
<ul id="liste">
<li>
<img alt="" src="http://img4.hostingpics.net/pics/582498event.jpg" border="0" />
</li>
</ul><a target="_blank" style="align: center;" class="date" href="http://univers-batman-rpg.forumactif.org/f90-intrigues">Rejoindre ?</a>
</div>
</td>
</tr>
<tr>
<td colspan="3"><span class="titrepa" style="width:250px;"> Les Crédits </span>
<!-- staff début --><span style="color: rgb(56, 79, 87);">- Thème réalisé par Edward Nigma et entête d'origine fait par kiri</span><a target="_blank" href="http://www.guidedelapub.com/index.htm"><img alt="Pub city" src="http://i48.servimg.com/u/f48/15/28/98/12/copyri10.jpg" border="0" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- entête réalisée par pub city -->
Voila
Re: Problème de PA
Pouvez-vous également me fournir votre CSS ?
Cordialement.
Cordialement.
Re: Problème de PA
- Code:
/***STOP soulignement*//
a, a:hover {
text-decoration: none !important;
}
/**Fin**/
/*Le nom de la Chat box*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Gotham Streets"; }
#chatbox_header .catBottom .cattitle {
color: white;
}
body.chatbox{
background-image:url(http://img4.hostingpics.net/pics/642297grey.jpg);
background-repeat: repeat
;}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 #chatbox_members .member-title {
background: none;
}
#chatbox_members .member-title {
background-color: transparent;
}
/*fin*/
/*TITRE DES CATEGORIES*/
a.forumlink {
font-weight:bold;
color: tan;
display: block;
font-family: courier;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
border-bottom: 1px solid #384F57;
padding-left: 10px;
text-shadow: #000000 1px 1px 1px;
}
/*enlever soulignement des lien*/
a:link, a:visited, a:hover, a:active {text-decoration:none !important;}
/*centrer sous forum*/
.row1.over span.gensmall { display: block; text-align: center; }
/*fin*/
/*OMBRE TEXTE*/
a {
text-shadow: 1px 1px 15px #333333;
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
/*couleur tansition*/a {
-webkit-transition: color 0.5s ease-in;
-moz-transition: color 0.5s ease-in;
-ms-transition: color 0.5s ease-in
-o-transition: color 0.5s ease-in;
transition: color 0.5s ease-in;
}
/* BARRE DE NAVIGATION */
.barre-nav {
text-align:center; /* pour centrer le contenu de la barre */
background:#000000; /*fond de la barre de navigation*/
border: 6px dotted #ffffff; /*bordure : épaisseur, style, couleur*/
text-shadow: 0px 0px 3px #178CB3; /*ombrage du texte*/
padding: 1px; /* marge interieure */
margin: 4px; /* marge exterieure */
/*arrondir la bordure*/
-moz-border-radius: 15px; /* pour mozilla firefox */
-webkit-border-radius:15px; /* pour chrome et safari */
border-radius:15px; /* pour Internet Explorer 9, Firefox 4, Chrome 10 */
}
/*navigation*/
.navig {
background-color: #000000;
border-bottom: 3px solid #384F57;
border-top: 3px solid #000000;
position: absolute;
width: 100%;
}
a.mainmenu {
margin: 5px;
font-family: Courier;
link-color: white;
font-size: 15px;
}
a.mainmenu img{
display: none;
}
body {
margin: 0px;
}
/*Bordure*/
.forumline
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}
/*avatar*/
.avatar_mess {
-webkit-transition: all 2s ease 0;
background: #000000;
box-shadow: 0 0 6px #384F57;
display: block;
height: 400px;
margin-right: 10px;
overflow: hidden;
transform: all;
transition: 1s;
width: 200px;
}
.avatar_mess:hover {
-webkit-transition: all 2s ease 0;
transform: all;
transition: 1s;
width: 0;
}
.profil_mess {
-webkit-transition: all 2s ease 0;
background: #000000;
color: #ffffff;
display: block;
filter: alpha(opacity=0);
font-size: 11px;
height: 390px;
overflow: auto;
padding: 5px;
position: absolute;
transform: all;
transition: 1s;
width: 190px;
opacity: 0;
}
.profil_mess:hover {
opacity: 1;
-webkit-transition: all 2s ease 0;
filter: alpha(opacity=100);
transform: all;
transition: 1s;
}
.pseudo_mess
{
display: block;
position: relative;
z-index: 2;
width: 200px;
margin-top: -15px;
margin-left: -3px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 3px #384F57;
background: #191E1F;
padding-top: 5px;
border-left: 3px solid #384F57;
border-right: 3px solid #384F57;
border-top: 1px solid #384F57;
border-bottom: 1px solid #384F57;
box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #000000;
-htm-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
}
/*PA*/
.titr {font-family: 'Rationale', sans-serif; font-weight: bold; font-size: 55px; letter-spacing: -3pt; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#828af4;
}
.titr2 {
font-family: 'Rationale', sans-serif; line-height: 16px;text-transform: lowercase;
letter-spacing: -3px;
font-style: italic;
text-align: center;
font-size: 50px;
color: #b5bff4; }
.titr2:hover {
color:#82a1ac; }
.imp {
text-transform: lowercase;
letter-spacing: -1.5px;
color: #bfc9e0;}
.q3 {
display: block;
background-color: #11171b;
border: 1px solid #2b2b3c;
text-align:justify;
padding:1px;
height: 125px;}
.q3bis {
display: block;
background-color: #11171b;
background: url(http://img4.hostingpics.net/pics/351058Sanstitre3copie.png);
border: 1px solid #2b2b3c;
text-align:justify;
padding:1px;
height: 125px;}
.cadre {
width: 50px;
height: 50px;
padding: 2px;
border: 1px solid #2b2b3c;
background-color: #080b0d; }
.cadre2 {
width: 25px;
height: 25px;
padding: 2px;
border: 1px solid #2b2b3c;
background-color: #080b0d; }
.q4 {
display: block;
background-color: #080b0d;
border-left: 3px solid #3c476f;
border-right: 3px solid #3c476f;
text-align:justify;
padding:1px;
height: 50px; }
.titr3 {font-family: Codystar; font-weight: bold; font-size: 25px; letter-spacing: -1.5pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#3c476f;
}
/*gotham / >>>>>>> C'EST LE CODE DE QUOI/QUI ÇA ?? (signé Black Mask)*/
.rond {width:200px;
height:200px;
border-radius:300px;
box-shadow:0px 0px 5px grey;}
.rondava {background-color:#deee;
color:none;
height:200px;
width:200px;
border-radius:100%;
opacity:0;
text-align:center;
-moz-transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;}
.rondava:hover {background-color:#cccccc;
opacity:.8;
-moz-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;}
/*? ? ? ? ? ?*/
.txtlien{overflow:auto;
width:145px;
height:125px;
padding-right:3px;
text-align:justify;
font-family:arial;
font-size:11px;
line-height:10px;
color:black;}
.letitre {font-family:Rockwell;
font-size:35px;
text-transform:lowercase;
letter-spacing:-2px;color:#000;
text-shadow: 0px 0px 1px black;
text-align: center;
padding: 0;
margin: 0;
margin-bottom:15px;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s; }
.letitre:hover {color:#999;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s; }
.unpseudo{font-family:MS Mincho;
font-size:16px;
text-transform:uppercase;
text-align:center;
padding-bottom:3px;
padding-top:20px;
color:black;}
.credits {font-family:arial;
font-size:8px;
opacity:.8;
line-height:8px;
color:black}
/*ÉDITEUR DE TEXTE*/
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:710px !important; background-color: #000000 !important;}
.sceditor-container.ltr.wysiwygMode {width:710px !important; background-color: #000000 !important;}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #000000 !important;
width: 710px !important;
}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #ffffff !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 710px !important;
color: #000000 !important;
font-size:11px !important;
}
/*--- Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/*second*/
or-button
{
background: #000000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #B3B3B3 !important;
}
a.sceditor-button.active
{
background: #B3B3B3 !important;
}
/* fond de la barre d'outil */
body div.sceditor-toolbar {
background: #B3B3B3;
}
re de l'éditeur */
div.sceditor-container {
border: #000000;
}
/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;
}
/*--- Smileys ---*/
.sceditor-emoticons {
width: 350px !important;
height: 250px !important;
overflow: auto !important;
}
img.smiley {
width: auto !important;
height : auto !important;
}
/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
}
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}
/*test 3*/
/* limitation de la taille du cadre des smileys */
.sceditor-emoticons {
max-width: 350px !important;
max-height: 250px !important;
overflow: auto !important;
text-align: center;
}
.sceditor-emoticons div {
display: inline!important;
}
/* taille maximum de 40 pixels */
img.smiley {
width: auto !important;
height : auto !important;
vertical-align: middle;
max-width: 40px;
max-height: 40px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/* QEEL*/
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
border: 2px dotted #000000; /* bordure : épaisseur style couleur */
padding: 2px 5px; /* espacement du contenu par rapport à la bordure */
background-color:#000000; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Centrage image du QEEL */
.ImgQeel {text-align:center;}
/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
font-size:30px; /* taille du texte */
font-weight:bold; /* épaisseur du texte */
font-family: 'Rationale'
text-decoration: none!important; /* pas de soulignement du lien */
letter-spacing: 5px; /* espacement des lettres */
}
/* Couleurs des groupes */
a.Staff { color:#d4d4d4 ; }
a.Citoyens { color:#999999 ; }
a.Arkham { color:#6D3333 ; }
a.Blackgate { color:#624D30 ; }
a.Justiciers { color:#AFB373 ; }
a.GCPD { color:#7A90CC ; }
a.Mafias { color:#31543A ; }
a.Errants { color:#766D1B ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #000000; /* couleur de fond */
border: 2px dotted #384F57; /* bordure : épaisseur style couleur */
padding:10px;
margin:10px;
text-align:left; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 100px; /* hauteur maxi */
}
/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */
/************************************** PAGE D'ACCUEIL DEBUT************************/
#en_tete{
width:820px;
min-height:420px;
background-image: url('http://img11.hostingpics.net/pics/575394batmanthedarkknightreturnspart1moviewide1.jpg');
height:auto;
color: #000000;
font-family: Verdana;
margin:auto;font-size: 13px;
}
#en_tete a{
text-decoration: none;
color : #384F57;
text-align: center;
}
#en_tete a:hover{
text-decoration: underline;
color : #ffffff;
}
#en_tete tr{
vertical-align:top;
}
#en_tete .titrepa {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font-size: 14px;
text-align : center ;
font-weight: bold;
letter-spacing: 1px;
padding-left: 20px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
margin-top: 3px;
behavior: url(http://kiri84.free.fr/PIE.htc);
color:#DBDBDB;
text-shadow: 2px 2px 2px #384F57;
font-variant: small-caps;
-moz-box-shadow: 1px 1px 2px #384F57;
box-shadow: 1px 1px 2px #384F57;
background-image: url('http://img4.hostingpics.net/pics/379043box.jpg');
}
#en_tete .interieur {
-moz-box-shadow: 1px 1px 2px #384F57;
box-shadow: 1px 1px 2px #384F57;
border: 1px solid #384F57;
padding: 10px; min-height:100px;
margin: 8px; color: #384F57;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(http://kiri84.free.fr/PIE.htc);
background-image:url("http://img4.hostingpics.net/pics/955975gif.png");
}
#en_tete #liste{
text-align:left;
margin-left:-25px;
font-size:12px;
padding-left: -32px; color: #384F57;
}
#en_tete .date {
font-size: 13px;
color :#F0F9F9;
text-shadow: 2px 2px 2px #384F57;
}
#en_tete img {
border: none; /* Ne pas entourer les images, même s'ils contiennent des liens */
vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple */
}
#en_tete .infobulle{
position: relative;
z-index: 0;}
#en_tete .infobulle:hover{
background-color: transparent;
z-index: 50;}
#en_tete .infobulle span{
position: absolute;
background-color: #384F57;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #384F57;}
#en_tete .infobulle span img{
border: 2px;
padding: 5px;}
#en_tete .infobulle:hover span{
visibility: visible;
top: 50px;
left: 15px;
width: 130px ;
color:#384F57;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; border: 1px solid #384F57;
behavior: url(http://kiri84.free.fr/PIE.htc);
background-image:url("http://img4.hostingpics.net/pics/379043box.jpg");
}
/************************************** PAGE D'ACCUEIL FIN ************************/
/*Opacité progressive*/
.votre class {
opacity:1;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
transition: opacity 0.5s ease-in-out;/*autre navigateur*/
}
.votre class:hover {
opacity: 0.5;
}
/*FIN+***/
Re: Problème de PA
Avec ce code HTML (pour votre PA), je ne rencontre plus de problème :
Cordialement.
- Code:
<div id="en_tete">
<!-- entête réalisée par pub city -->
<table style="margin: auto; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Les membres du Staff
</h1>
<!-- staff début -->
<table style="margin:auto;">
<tbody>
<tr>
<td>
<!-- Infobulle 1 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/350876joker2.jpg" />
<!-- Intérieur de l'infobulle 1 -->
<span style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/493007joker.jpg" style="border: none;" /><br />Joker
</span>
<span style="text-align: center;">
Fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=2">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u2">Voir son Profil</a>
</span>
</div>
<!-- Fin de l'interieur de l'infobulle 1 -->
</td>
<td>
<!-- Infobulle 2 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/422370riddler1.jpg" />
<!-- Intérieur de l'infobulle 2 -->
<span style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/873676TheRiddler.gif" style="border: none;" /><br />Edward Nigma
</span>
<span style="text-align: center;">
Co-fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=3">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u3">Voir son Profil</a>
</span>
</div>
<!-- Fin de l'interieur de l'infobulle 2 -->
</td>
<td>
<!-- Infobulle 3 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/458970cat1.jpg" alt="" />
<!-- Intérieur de l'infobulle 3 -->
<span style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/696845cat2.jpg" style="border: none;" /><br />Selina Kyle/Catwoman
</span>
<span style="text-align: center;">
Admin<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=4">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u4">Voir son Profil</a>
</span>
</div>
<!-- Fin de l'interieur de l'infobulle 3 -->
</td>
<td>
<!-- Infobulle 4 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/650709rabbit1.jpg" />
<!-- Intérieur de l'infobulle 4 -->
<span style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/399514rabbit2.jpg" style="border: none;" /><br />White Rabbit
</span>
<span style="text-align: center;">
Admin ♥<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=5">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u5">Voir son Profil</a>
</span>
</div>
<!-- Fin de l'int?eur de l'infobulle 4 -->
</td>
</tr>
</tbody>
</table>
<!-- staff fin -->
</div>
</td>
<td style="width: 450px;" rowspan="2" colspan="2">
<div class="interieur">
<br />
<p style="margin:auto;text-align:center;font-size:16px;font-weight: bold;">
<img alt="" src="http://img4.hostingpics.net/pics/47279611gg.png" style="border: none;" />
</p><br />
<h1 class="titrepa">
DARK KNIGHT SAVIOR OR MENACE ?
</h1><br />
<p style="margin:auto;text-align: justify; height:150px;overflow-y:auto;">
<span style="font-family: 'Courier New';"><span style="color: rgb(128, 128, 128);">A</span><span style="color: white;">lors que la ville de Gotham City est rongée depuis des années par la corruption, le meurtre gratuit et la drogue dans ses rues, les citoyens de Gotham n'espèrent aucun espoir pour leur cité. Aucune espérance pour se sortir d'une crise économique qui emmène les citoyens de la ville vers une auto-destruction programmée. Chômage, délinquance, prison, le cercle vicieux est en marche et ce depuis plusieurs années. Le moindre clochard peut se révéler être un dangereux psychopathe à l'affût d'une victime a délester pour se trouver sa drogue. Un cri, du sang, bienvenue dans la ville de Gotham.<br /><br /><span style="color: rgb(128, 128, 128);">A</span>ffaiblie par les guerres de pouvoir entre la Famille Falcone, Maroni et Galente, Gotham a sombré, minée par les affaires de corruption au sein même de la Justice. Procureurs, Juges, Commissaires, Policiers, tous sont tombés sous la coupe des gangs de Gotham, procurant un statut d'impunité pour ces criminels qui commettent leurs exactions même en plein jour, sous l’œil amusé des forces de la police consentante. Ainsi va la vie à Gotham City, les monstres et les puissants détruisent les innocents, sans regrets, sans pitié.</span><br /><br /></span>
</p><span style="font-family: 'Courier New';"></span>
</div><span style="font-family: 'Courier New';"></span>
</td>
</tr>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Navigation rapide
</h1>
<!-- navigu début -->
<ul>
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f61-le-reglement"><img alt="" src="http://img4.hostingpics.net/pics/296306regle.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t3-notre-contexte"><img alt="" src="http://img4.hostingpics.net/pics/986393contexte.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t4-les-rangs-d-univers-batman"><img alt="" src="http://img4.hostingpics.net/pics/421182rang.png" style="border: none;" /></a>
</li>
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f3-personnages-et-candidatures"><img alt="" src="http://img4.hostingpics.net/pics/346333predef.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f4-les-invites-de-batman-univers"><img alt="" src="http://img11.hostingpics.net/pics/598299question.png" style="border: none;" /></a>
</li>
</ul>
<!-- navigu fin -->
</div>
</td>
</tr>
</tbody>
</table>
<table style="min-height: 100px; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 450px;" colspan="2">
<div class="interieur">
<h1 class="titrepa">
Les partenaires
</h1>
<!-- staff début -->
<div class="description">
<span style="font-weight: bold;">Forum de publicité</span><marquee behavior="scroll" scrollamount="6" direction="left" style="text-align: center; width: 500px; height: 35px;" onmouseout="this.start()" onmouseover="this.stop()"><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://illiweb.com/fa/pbucket.gif" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://peak-of-shinobi.forumactif.org/"><img alt="" src="http://img4.hostingpics.net/pics/987715pso2.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://atlantisinsurrection.forumactif.fr"><img alt="" src="http://img15.hostingpics.net/pics/618275bouton22.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.poudnoir.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/43/1382808931-partenaire1.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.clan-kravt.com"><img alt="" src="http://img99.xooimage.com/files/c/3/4/7bivbzmyu191u9tr-42a8316.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://meihua-chengshi.forumactif.org"><img alt="" src="http://i.imgur.com/2yvkPdN.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://industrial-disease.forumactif.org"><img alt="" src="http://img98.xooimage.com/files/5/c/c/1366457568-idbout-4296413.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.baka-otakuland.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/26/1372345456-88x31px.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a></marquee><span style="font-weight: bold;">Nos Topsites !</span>
<div style="width: 500px; height: 35px;">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10329"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/superherosuniverse/in.php?ID=33"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/hoglard/in.php?ID=5067"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=13358"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/buffy/in.php?ID=1896"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a>
</div><br />
</div>
<!-- staff fin -->
<!-- staff fin -->
</div>
</td>
<td style="width: 350px;">
<div class="interieur">
<h1 class="titrepa">
Event en cours
</h1>
<ul id="liste">
<li>
<img alt="" src="http://img4.hostingpics.net/pics/582498event.jpg" style="border: none;" />
</li>
</ul><a target="_blank" style="align: center;" class="date" href="http://univers-batman-rpg.forumactif.org/f90-intrigues">Rejoindre ?</a>
</div>
</td>
</tr>
<tr>
<td colspan="3"><span class="titrepa" style="width:250px;"> Les Crédits </span>
<!-- staff début --><span style="color: rgb(56, 79, 87);">- © Thème réalisé par Edward Nigma et entête d'origine fait par kiri</span><a target="_blank" href="http://www.guidedelapub.com/index.htm"><img alt="Pub city" src="http://i48.servimg.com/u/f48/15/28/98/12/copyri10.jpg" style="border: none;" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- entête réalisée par pub city -->
Cordialement.
Re: Problème de PA
HOSANNAH !
Merci Noble Cousin Hubert !
Que Procréation et Prospérité t'accompagnent !
Merci Noble Cousin Hubert !
Que Procréation et Prospérité t'accompagnent !
Re: Problème de PA
Rebonjour !
Un petit soucis s'affiche dans mes Infobulles
Voila le résultat :/
Un petit soucis s'affiche dans mes Infobulles
Voila le résultat :/
Re: Problème de PA
Aucune idée quelqu'un ?
Re: Problème de PA
Bonjour,
Le nouveau CSS :
et la nouvelle PA :
Cordialement.
Le nouveau CSS :
- Code:
/***STOP soulignement*//
a, a:hover {
text-decoration: none !important;
}
/**Fin**/
/*Le nom de la Chat box*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Gotham Streets"; }
#chatbox_header .catBottom .cattitle {
color: white;
}
body.chatbox{
background-image:url(http://img4.hostingpics.net/pics/642297grey.jpg);
background-repeat: repeat
;}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 #chatbox_members .member-title {
background: none;
}
#chatbox_members .member-title {
background-color: transparent;
}
/*fin*/
/*TITRE DES CATEGORIES*/
a.forumlink {
font-weight:bold;
color: tan;
display: block;
font-family: courier;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
border-bottom: 1px solid #384F57;
padding-left: 10px;
text-shadow: #000000 1px 1px 1px;
}
/*enlever soulignement des lien*/
a:link, a:visited, a:hover, a:active {text-decoration:none !important;}
/*centrer sous forum*/
.row1.over span.gensmall { display: block; text-align: center; }
/*fin*/
/*OMBRE TEXTE*/
a {
text-shadow: 1px 1px 15px #333333;
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
}
/*couleur tansition*/a {
-webkit-transition: color 0.5s ease-in;
-moz-transition: color 0.5s ease-in;
-ms-transition: color 0.5s ease-in
-o-transition: color 0.5s ease-in;
transition: color 0.5s ease-in;
}
/* BARRE DE NAVIGATION */
.barre-nav {
text-align:center; /* pour centrer le contenu de la barre */
background:#000000; /*fond de la barre de navigation*/
border: 6px dotted #ffffff; /*bordure : épaisseur, style, couleur*/
text-shadow: 0px 0px 3px #178CB3; /*ombrage du texte*/
padding: 1px; /* marge interieure */
margin: 4px; /* marge exterieure */
/*arrondir la bordure*/
-moz-border-radius: 15px; /* pour mozilla firefox */
-webkit-border-radius:15px; /* pour chrome et safari */
border-radius:15px; /* pour Internet Explorer 9, Firefox 4, Chrome 10 */
}
/*navigation*/
.navig {
background-color: #000000;
border-bottom: 3px solid #384F57;
border-top: 3px solid #000000;
position: absolute;
width: 100%;
}
a.mainmenu {
margin: 5px;
font-family: Courier;
link-color: white;
font-size: 15px;
}
a.mainmenu img{
display: none;
}
body {
margin: 0px;
}
/*Bordure*/
.forumline
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}
/*avatar*/
.avatar_mess {
-webkit-transition: all 2s ease 0;
background: #000000;
box-shadow: 0 0 6px #384F57;
display: block;
height: 400px;
margin-right: 10px;
overflow: hidden;
transform: all;
transition: 1s;
width: 200px;
}
.avatar_mess:hover {
-webkit-transition: all 2s ease 0;
transform: all;
transition: 1s;
width: 0;
}
.profil_mess {
-webkit-transition: all 2s ease 0;
background: #000000;
color: #ffffff;
display: block;
filter: alpha(opacity=0);
font-size: 11px;
height: 390px;
overflow: auto;
padding: 5px;
position: absolute;
transform: all;
transition: 1s;
width: 190px;
opacity: 0;
}
.profil_mess:hover {
opacity: 1;
-webkit-transition: all 2s ease 0;
filter: alpha(opacity=100);
transform: all;
transition: 1s;
}
.pseudo_mess
{
display: block;
position: relative;
z-index: 2;
width: 200px;
margin-top: -15px;
margin-left: -3px;
text-align: center;
font-size: 18px;
font-family: courier;
font-weight: bold;
text-shadow: 0px 0px 3px #384F57;
background: #191E1F;
padding-top: 5px;
border-left: 3px solid #384F57;
border-right: 3px solid #384F57;
border-top: 1px solid #384F57;
border-bottom: 1px solid #384F57;
box-shadow: 0px 0px 3px #000000;
-moz-box-shadow: 0px 0px 3px #000000;
-o-box-shadow: 0px 0px 3px #000000;
-htm-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
}
/*PA*/
.titr {font-family: 'Rationale', sans-serif; font-weight: bold; font-size: 55px; letter-spacing: -3pt; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#828af4;
}
.titr2 {
font-family: 'Rationale', sans-serif; line-height: 16px;text-transform: lowercase;
letter-spacing: -3px;
font-style: italic;
text-align: center;
font-size: 50px;
color: #b5bff4; }
.titr2:hover {
color:#82a1ac; }
.imp {
text-transform: lowercase;
letter-spacing: -1.5px;
color: #bfc9e0;}
.q3 {
display: block;
background-color: #11171b;
border: 1px solid #2b2b3c;
text-align:justify;
padding:1px;
height: 125px;}
.q3bis {
display: block;
background-color: #11171b;
background: url(http://img4.hostingpics.net/pics/351058Sanstitre3copie.png);
border: 1px solid #2b2b3c;
text-align:justify;
padding:1px;
height: 125px;}
.cadre {
width: 50px;
height: 50px;
padding: 2px;
border: 1px solid #2b2b3c;
background-color: #080b0d; }
.cadre2 {
width: 25px;
height: 25px;
padding: 2px;
border: 1px solid #2b2b3c;
background-color: #080b0d; }
.q4 {
display: block;
background-color: #080b0d;
border-left: 3px solid #3c476f;
border-right: 3px solid #3c476f;
text-align:justify;
padding:1px;
height: 50px; }
.titr3 {font-family: Codystar; font-weight: bold; font-size: 25px; letter-spacing: -1.5pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#3c476f;
}
/*gotham / >>>>>>> C'EST LE CODE DE QUOI/QUI ÇA ?? (signé Black Mask)*/
.rond {width:200px;
height:200px;
border-radius:300px;
box-shadow:0px 0px 5px grey;}
.rondava {background-color:#deee;
color:none;
height:200px;
width:200px;
border-radius:100%;
opacity:0;
text-align:center;
-moz-transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;}
.rondava:hover {background-color:#cccccc;
opacity:.8;
-moz-transition:1s ease-in-out opacity;
transition:1s ease-in-out opacity;
-webkit-transition:1s ease-in-out opacity;}
/*? ? ? ? ? ?*/
.txtlien{overflow:auto;
width:145px;
height:125px;
padding-right:3px;
text-align:justify;
font-family:arial;
font-size:11px;
line-height:10px;
color:black;}
.letitre {font-family:Rockwell;
font-size:35px;
text-transform:lowercase;
letter-spacing:-2px;color:#000;
text-shadow: 0px 0px 1px black;
text-align: center;
padding: 0;
margin: 0;
margin-bottom:15px;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s; }
.letitre:hover {color:#999;
-webkit-transition:all .7s;
-moz-transition:all .7s;
transition:all .7s; }
.unpseudo{font-family:MS Mincho;
font-size:16px;
text-transform:uppercase;
text-align:center;
padding-bottom:3px;
padding-top:20px;
color:black;}
.credits {font-family:arial;
font-size:8px;
opacity:.8;
line-height:8px;
color:black}
/*ÉDITEUR DE TEXTE*/
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:710px !important; background-color: #000000 !important;}
.sceditor-container.ltr.wysiwygMode {width:710px !important; background-color: #000000 !important;}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #000000 !important;
width: 710px !important;
}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #ffffff !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 710px !important;
color: #000000 !important;
font-size:11px !important;
}
/*--- Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
/*second*/
or-button
{
background: #000000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #B3B3B3 !important;
}
a.sceditor-button.active
{
background: #B3B3B3 !important;
}
/* fond de la barre d'outil */
body div.sceditor-toolbar {
background: #B3B3B3;
}
re de l'éditeur */
div.sceditor-container {
border: #000000;
}
/* bordure de l'éditeur */
div.sceditor-container {
border: none;
}
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: none;
}
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none;
}
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;
}
/*--- Smileys ---*/
.sceditor-emoticons {
width: 350px !important;
height: 250px !important;
overflow: auto !important;
}
img.smiley {
width: auto !important;
height : auto !important;
}
/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
}
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}
/*test 3*/
/* limitation de la taille du cadre des smileys */
.sceditor-emoticons {
max-width: 350px !important;
max-height: 250px !important;
overflow: auto !important;
text-align: center;
}
.sceditor-emoticons div {
display: inline!important;
}
/* taille maximum de 40 pixels */
img.smiley {
width: auto !important;
height : auto !important;
vertical-align: middle;
max-width: 40px;
max-height: 40px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/* QEEL*/
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
border: 2px dotted #000000; /* bordure : épaisseur style couleur */
padding: 2px 5px; /* espacement du contenu par rapport à la bordure */
background-color:#000000; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Centrage image du QEEL */
.ImgQeel {text-align:center;}
/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
font-size:30px; /* taille du texte */
font-weight:bold; /* épaisseur du texte */
font-family: 'Rationale'
text-decoration: none!important; /* pas de soulignement du lien */
letter-spacing: 5px; /* espacement des lettres */
}
/* Couleurs des groupes */
a.Staff { color:#d4d4d4 ; }
a.Citoyens { color:#999999 ; }
a.Arkham { color:#6D3333 ; }
a.Blackgate { color:#624D30 ; }
a.Justiciers { color:#AFB373 ; }
a.GCPD { color:#7A90CC ; }
a.Mafias { color:#31543A ; }
a.Errants { color:#766D1B ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #000000; /* couleur de fond */
border: 2px dotted #384F57; /* bordure : épaisseur style couleur */
padding:10px;
margin:10px;
text-align:left; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 100px; /* hauteur maxi */
}
/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */
/************************************** PAGE D'ACCUEIL DEBUT************************/
#en_tete{
width:820px;
min-height:420px;
background-image: url('http://img11.hostingpics.net/pics/575394batmanthedarkknightreturnspart1moviewide1.jpg');
height:auto;
color: #000000;
font-family: Verdana;
margin:auto;font-size: 13px;
}
#en_tete a{
text-decoration: none;
color : #384F57;
text-align: center;
}
#en_tete a:hover{
text-decoration: underline;
color : #ffffff;
}
#en_tete tr{
vertical-align:top;
}
#en_tete .titrepa {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font-size: 14px;
text-align : center ;
font-weight: bold;
letter-spacing: 1px;
padding-left: 20px;
padding-right: 3px;
padding-bottom: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
margin-top: 3px;
behavior: url(http://kiri84.free.fr/PIE.htc);
color:#DBDBDB;
text-shadow: 2px 2px 2px #384F57;
font-variant: small-caps;
-moz-box-shadow: 1px 1px 2px #384F57;
box-shadow: 1px 1px 2px #384F57;
background-image: url('http://img4.hostingpics.net/pics/379043box.jpg');
}
#en_tete .interieur {
-moz-box-shadow: 1px 1px 2px #384F57;
box-shadow: 1px 1px 2px #384F57;
border: 1px solid #384F57;
padding: 10px; min-height:100px;
margin: 8px; color: #384F57;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(http://kiri84.free.fr/PIE.htc);
background-image:url("http://img4.hostingpics.net/pics/955975gif.png");
}
#en_tete #liste{
text-align:left;
margin-left:-25px;
font-size:12px;
padding-left: -32px; color: #384F57;
}
#en_tete .date {
font-size: 13px;
color :#F0F9F9;
text-shadow: 2px 2px 2px #384F57;
}
#en_tete img {
border: none; /* Ne pas entourer les images, même s'ils contiennent des liens */
vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple */
}
#en_tete .infobulle{
position: relative;
z-index: 0;}
#en_tete .infobulle:hover{
background-color: transparent;
z-index: 50;}
#en_tete .infobulle div{
position: absolute;
background-color: #384F57;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #384F57;}
#en_tete .infobulle div img{
border: 2px;
padding: 5px;}
#en_tete .infobulle:hover div{
visibility: visible;
top: 50px;
left: 15px;
width: 130px ;
color:#384F57;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; border: 1px solid #384F57;
behavior: url(http://kiri84.free.fr/PIE.htc);
background-image:url("http://img4.hostingpics.net/pics/379043box.jpg");
}
/************************************** PAGE D'ACCUEIL FIN ************************/
/*Opacité progressive*/
.votre class {
opacity:1;
-webkit-transition: opacity 0.5s ease-in-out;/*chrome*/
-moz-transition: opacity 0.5s ease-in-out;/*mozilla*/
transition: opacity 0.5s ease-in-out;/*autre navigateur*/
}
.votre class:hover {
opacity: 0.5;
}
/*FIN+***/
et la nouvelle PA :
- Code:
<div id="en_tete">
<!-- entête réalisée par pub city -->
<table style="margin: auto; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Les membres du Staff
</h1>
<!-- staff début -->
<table style="margin:auto;">
<tbody>
<tr>
<td>
<!-- Infobulle 1 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/350876joker2.jpg" />
<!-- Intérieur de l'infobulle 1 -->
<div style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/493007joker.jpg" style="border: none;" /><br />Joker
Fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=2">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u2">Voir son Profil</a>
</div>
</div>
<!-- Fin de l'interieur de l'infobulle 1 -->
</td>
<td>
<!-- Infobulle 2 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/422370riddler1.jpg" />
<!-- Intérieur de l'infobulle 2 -->
<div style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/873676TheRiddler.gif" style="border: none;" /><br />Edward Nigma
Co-fondateur <br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=3">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u3">Voir son Profil</a>
</div>
</div>
<!-- Fin de l'interieur de l'infobulle 2 -->
</td>
<td>
<!-- Infobulle 3 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" src="http://img15.hostingpics.net/pics/458970cat1.jpg" alt="" />
<!-- Intérieur de l'infobulle 3 -->
<div style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/696845cat2.jpg" style="border: none;" /><br />Selina Kyle/Catwoman
Admin<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=4">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u4">Voir son Profil</a>
</div>
</div>
<!-- Fin de l'interieur de l'infobulle 3 -->
</td>
<td>
<!-- Infobulle 4 -->
<div class="infobulle"><img style="width: 30px;" class="transparence" alt="" src="http://img15.hostingpics.net/pics/650709rabbit1.jpg" />
<!-- Intérieur de l'infobulle 4 -->
<div style="text-align: center;">
<img alt="" src="http://img15.hostingpics.net/pics/399514rabbit2.jpg" style="border: none;" /><br />White Rabbit
Admin ♥<br /><br /><a href="http://univers-batman-rpg.forumactif.org/privmsg?mode=post&u=5">Lui envoyer un MP</a><br /><a href="http://univers-batman-rpg.forumactif.org/u5">Voir son Profil</a>
</div>
</div>
<!-- Fin de l'int?eur de l'infobulle 4 -->
</td>
</tr>
</tbody>
</table>
<!-- staff fin -->
</div>
</td>
<td style="width: 450px;" rowspan="2" colspan="2">
<div class="interieur">
<br />
<p style="margin:auto;text-align:center;font-size:16px;font-weight: bold;">
<img alt="" src="http://img4.hostingpics.net/pics/47279611gg.png" style="border: none;" />
</p><br />
<h1 class="titrepa">
DARK KNIGHT SAVIOR OR MENACE ?
</h1><br />
<p style="margin:auto;text-align: justify; height:150px;overflow-y:auto;">
<span style="font-family: 'Courier New';"><span style="color: rgb(128, 128, 128);">A</span><span style="color: white;">lors que la ville de Gotham City est rongée depuis des années par la corruption, le meurtre gratuit et la drogue dans ses rues, les citoyens de Gotham n'espèrent aucun espoir pour leur cité. Aucune espérance pour se sortir d'une crise économique qui emmène les citoyens de la ville vers une auto-destruction programmée. Chômage, délinquance, prison, le cercle vicieux est en marche et ce depuis plusieurs années. Le moindre clochard peut se révéler être un dangereux psychopathe à l'affût d'une victime a délester pour se trouver sa drogue. Un cri, du sang, bienvenue dans la ville de Gotham.<br /><br /><span style="color: rgb(128, 128, 128);">A</span>ffaiblie par les guerres de pouvoir entre la Famille Falcone, Maroni et Galente, Gotham a sombré, minée par les affaires de corruption au sein même de la Justice. Procureurs, Juges, Commissaires, Policiers, tous sont tombés sous la coupe des gangs de Gotham, procurant un statut d'impunité pour ces criminels qui commettent leurs exactions même en plein jour, sous l’œil amusé des forces de la police consentante. Ainsi va la vie à Gotham City, les monstres et les puissants détruisent les innocents, sans regrets, sans pitié.</span><br /><br /></span>
</p><span style="font-family: 'Courier New';"></span>
</div><span style="font-family: 'Courier New';"></span>
</td>
</tr>
<tr>
<td style="width: 280px;">
<div class="interieur">
<h1 class="titrepa">
Navigation rapide
</h1>
<!-- navigu début -->
<ul>
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f61-le-reglement"><img alt="" src="http://img4.hostingpics.net/pics/296306regle.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t3-notre-contexte"><img alt="" src="http://img4.hostingpics.net/pics/986393contexte.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/t4-les-rangs-d-univers-batman"><img alt="" src="http://img4.hostingpics.net/pics/421182rang.png" style="border: none;" /></a>
</li>
<li><a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f3-personnages-et-candidatures"><img alt="" src="http://img4.hostingpics.net/pics/346333predef.png" style="border: none;" /></a>
</li>
<li>
<a rel="nofollow" target="_blank" class="postlink" href="http://univers-batman-rpg.forumactif.org/f4-les-invites-de-batman-univers"><img alt="" src="http://img11.hostingpics.net/pics/598299question.png" style="border: none;" /></a>
</li>
</ul>
<!-- navigu fin -->
</div>
</td>
</tr>
</tbody>
</table>
<table style="min-height: 100px; width: 100%;" cellpadding="0" cellspacing="6">
<tbody>
<tr>
<td style="width: 450px;" colspan="2">
<div class="interieur">
<h1 class="titrepa">
Les partenaires
</h1>
<!-- staff début -->
<div class="description">
<span style="font-weight: bold;">Forum de publicité</span><marquee behavior="scroll" scrollamount="6" direction="left" style="text-align: center; width: 500px; height: 35px;" onmouseout="this.start()" onmouseover="this.stop()"><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://illiweb.com/fa/pbucket.gif" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://peak-of-shinobi.forumactif.org/"><img alt="" src="http://img4.hostingpics.net/pics/987715pso2.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://atlantisinsurrection.forumactif.fr"><img alt="" src="http://img15.hostingpics.net/pics/618275bouton22.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.poudnoir.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/43/1382808931-partenaire1.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.clan-kravt.com"><img alt="" src="http://img99.xooimage.com/files/c/3/4/7bivbzmyu191u9tr-42a8316.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://meihua-chengshi.forumactif.org"><img alt="" src="http://i.imgur.com/2yvkPdN.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://industrial-disease.forumactif.org"><img alt="" src="http://img98.xooimage.com/files/5/c/c/1366457568-idbout-4296413.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.baka-otakuland.com/"><img alt="" src="http://image.noelshack.com/fichiers/2013/26/1372345456-88x31px.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.guidedelapub.com/index.htm"><img alt="" src="http://i48.servimg.com/u/f48/15/28/98/12/logo8810.jpg" style="border: none;" /></a></marquee><span style="font-weight: bold;">Nos Topsites !</span>
<div style="width: 500px; height: 35px;">
<a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/serpentgy/in.php?ID=10329"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/superherosuniverse/in.php?ID=33"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/hoglard/in.php?ID=5067"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/korben/in.php?ID=13358"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://www.root-top.com/topsite/buffy/in.php?ID=1896"><img alt="" src="http://img15.hostingpics.net/pics/617615voter.png" style="border: none;" /></a>
</div><br />
</div>
<!-- staff fin -->
<!-- staff fin -->
</div>
</td>
<td style="width: 350px;">
<div class="interieur">
<h1 class="titrepa">
Event en cours
</h1>
<ul id="liste">
<li>
<img alt="" src="http://img4.hostingpics.net/pics/582498event.jpg" style="border: none;" />
</li>
</ul><a target="_blank" style="align: center;" class="date" href="http://univers-batman-rpg.forumactif.org/f90-intrigues">Rejoindre ?</a>
</div>
</td>
</tr>
<tr>
<td colspan="3"><span class="titrepa" style="width:250px;"> Les Crédits </span>
<!-- staff début --><span style="color: rgb(56, 79, 87);">- © Thème réalisé par Edward Nigma et entête d'origine fait par kiri</span><a target="_blank" href="http://www.guidedelapub.com/index.htm"><img alt="Pub city" src="http://i48.servimg.com/u/f48/15/28/98/12/copyri10.jpg" style="border: none;" /></a>
</td>
</tr>
</tbody>
</table>
</div>
<!-- entête réalisée par pub city -->
Cordialement.
Re: Problème de PA
Merci à Toi, Tech
Sujets similaires
» [Problème CSS] Problème d'affichage sur la page de redaction des messages et de l'avatar.
» probleme avec certaines adresses mails qui posent problème pour se connecter sur le forum quand on rempli son profil..
» Problème de Couleur Pub/Problème de contour
» Problème de sondage et problème de calendrier (help)
» Problème de lien dans la PA (Problème résolu)
» probleme avec certaines adresses mails qui posent problème pour se connecter sur le forum quand on rempli son profil..
» Problème de Couleur Pub/Problème de contour
» Problème de sondage et problème de calendrier (help)
» Problème de lien dans la PA (Problème résolu)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum