Sujets similaires

Dernière édition par Anshaca le Mer 02 Mar 2011, 15:10, édité 1 fois

Bonjour, bonsoir,

j'ai un petit "souci" avec ma PA. Voici les codes

Code Css

Spoiler:

Code:: .code{
font-family: Comic Sans MS;
font-size: 12px;
color: #176A18;
line-height: 125%;
background-color: #000000;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

/* =================
===== Message d'accueil =====
script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)

================= */

/*----------------- Ma g?n?ral ----------------- */

/* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}

/*le tableau invisible */

.table25
{
border: none ;
}

/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px dashed black;
-moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

.a2:hover
{

background-color: #176A18;
color: white;
}

#table22 /* fond du ma */
{
width: 770px;
background-color: #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

/*-----------------Titre----------------- */

/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: Orange;
text-align: center;
margin: 10px;
/max-width: 367px;
}

/* le titre special pour les credits */

.h2_themecredit
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: center;
margin: 10px;
/max-width: 160px;
}

/* le titre pour les autres boites */

.h2_theme
{
font-size: 14px;
background-color: #000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: orange;
text-align: center;
margin: 10px;
}

/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */

/* Navigation */

.navi_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}

/* News */

.news
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
width: 160px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
}

/* Partenaires */

.partenaire_test
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}

/* message de bienvenu */

#bienvenu_ma
{
background-color:#176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 400px;
}

/* membres staffs */

.staff
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}

/*crédits */

.credits
{
background-color: #176A18;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: black;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
}

/*-----------------inffobulles----------------- */

div.infobulle
{
position: relative;
float: left;
color: black;
}

div.infobulle span
{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
color: black;
}

/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #176A18;
color: black;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
}

Code HTML

Spoiler:

Code:: <div id="table22">
<table class="table25">

<tr>

<td rowspan="2"><h2 class="h2_theme">Menu</h2><div class="navi_ma">

<br>
<a href="http://fanfictionsunivers.forumactif.fr/profile.forum?mode=register" class="a2">Inscription</a>
<a href="http://fanfictionsunivers.forumactif.fr/regles-et-charte-f10/reglement-du-forum-t1.htm" class="a2">Réglement</a>
<a href="http://fanfictionsunivers.forumactif.fr/presentations-f1/" class="a2">Présentation</a>
<br>
<a href="http://www.annuairedeforums.com/pages/move.php?id=28580&mode=in' target='_blank" class="a2">Vote</a>
<a href="http://fanfictionsunivers.boosterforum.com/" target="_blank" class="a2">Vote</a>

</div>
</td>

<td align="center" colspan="3">
<h2 class="h2_themebienvenu">Bienvenue sur Fanfictions Univers</h2><div id="bienvenu_ma"><b><i><font size="3"><font color="orange">{USERNAME}</font></font></i></b>
<br><br><br><center>Nous vous souhaitons la bienvenue sur le forum. <br/><br><br/>Vous êtes fan d’une série et vous n’avez pas du tout aimé la façon dont celle-ci se termine ?<br/>Vous avez écrit la suite d’un épisode ou bien un meilleur final ?...<br/>Vous écrivez aussi des textes ou poèmes... <br/><br><br/>Alors vous êtes au bon endroit, venez partager vos histoires, méthodes d’écriture, etc…<br/>Vous trouverez également des histoires, mis en ligne par divers auteurs.<br/>Nous vous souhaitons de passer un agréablement moment.</center>
<br><br><br><div style="text-align: right;"><b><i><font size="3"><font color="orange">Bonne visite</font></font></i></b>

</div>
</td>
</tr>

<tr>
<td align="left">
<h2 class="h2_theme">Partenaires</h2><div class="partenaire_test" id="scroller_container">
<div class="jscroller2_left jscroller2_speed-60 jscroller2_mousemove" style="font-size:14px; line-height:50px; white-space:nowrap; margin: 0;">

<a href="http://logos-pubs.forumactif.com" class="postlink" target="_blank"><img src="http://nsa11.casimages.com/img/2010/01/21/100121034947957272.gif" border="0" alt="" /></a>

<a href="http://thesecret-l-world.forumactif.com" class="postlink" target="_blank"><img src="http://i14.servimg.com/u/f14/14/64/77/88/logo15.gif" border="0" alt="" /></a>

<a href="http://100pourcentpub.forumactif.org"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo12.gif"alt="100pourcentpub"/></a>

<a href="http://amis-pub.forumpro.fr"><img src="http://nsa02.casimages.com/img/2008/09/18/080918022147449628.gif" alt="Forum de pub de qualité" border="0"/></a>

<a href="http://melodiepub.forumactif.com"><img src="http://i14.servimg.com/u/f14/14/44/90/04/logo11.gif"alt="Mélodie-PUB"/></a>

<a href="http://communaute-ecrivains.forumactif.org/forum.htm" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/13/88/97/63/anigif10.gif" border="0" alt="" /></a>

<a href="http://lapubdesgourmands.forumactif.com/" class="postlink" target="_blank"><img src="http://i48.tinypic.com/2w37wv5.png" border="0" alt="" /></a>

<a href="http://poke-forum-france.xooit.fr/index.php" class="postlink" target="_blank"><img src="http://i64.servimg.com/u/f64/14/44/90/04/logo13.gif" border="0" alt="" /></a>

<a href="http://twilight-rpg.vampire-legend.net/forum.htm" class="postlink" target="_blank"><img src="http://i47.tinypic.com/30hr968.png" border="0" alt="" /></a>

<a href="http://conspirationsdeparis.forums-actifs.com" class="postlink" target="_blank"><img src="http://i13.servimg.com/u/f13/14/63/59/26/th/lcp_lo10.jpg" border="0" alt="" /></a>

<a href="http://japanattitude.forumactif.com/" target="_blank"><img src="http://i15.servimg.com/u/f15/13/65/46/09/ban_fo11.jpg"></a>

<a href="http://pupuce1969.boosterforum.com" class="postlink" target="_blank"><img src="http://img7.hostingpics.net/pics/849205logo_f12.gif" border="0" alt="" /></a>

<a href="http://kristen-ashley.forumactif.com" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/th/parten10.gif" border="0" alt="" /></a>

<a href="http://colin-morgan.forumactif.com/index.htm" class="postlink" target="_blank"><img src="http://i16.servimg.com/u/f16/14/76/34/37/colin-12.jpg" border="0" alt="" /></a>

<a href="http://fanfiction.superforum.fr/" class="postlink" target="_blank"><img src="http://img123.imageshack.us/img123/420/fanfictioncopiexl6.png" border="0" alt="" /></a>

<a href="http://tagada.nouslesfans.com/" class="postlink" target="_blank"><img src="http://i66.servimg.com/u/f66/14/36/10/95/bouton11.gif" border="0" alt="" /></a>

<a href="http://gabaldon-lallybroch.forumactif.org" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/20/97/46/bouton12.png" border="0" alt="" /></a>

<a href="http://rayon-otaku.forumactif.com"><img src="http://img5.hostingpics.net/pics/1227488x31.gif" border="0"/></a>

<a href="http://www.ultimate-kbeckinsale.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/button10.gif" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://sarah-et-eliza.forumactif.com/" class="postlink" target="_blank"><img src="http://i60.servimg.com/u/f60/14/70/01/72/bb3bl710.jpg" border="0" alt="" /></a>

<a href="http://ashleygreene.forumactif.com" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/afuvol10.png" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://lire-ecrire.forumactif.org/forum.htm"
target="_blank"><img src="http://i11.servimg.com/u/f11/13/91/74/52/bouton10.gif" border="0" alt="Image hergée par servimg.com" /></a>

<a href="http://dream-twilight.xooit.fr
" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/dt10.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://twilight-dark.forumotion.com/forum.htm" class="postlink" target="_blank"><img src="http://i61.servimg.com/u/f61/12/41/06/34/caghtz10.gif" border"0"alt="Logo"/></a>

<a href="http://underworld.forumactif.fr/" class="postlink" target="_blank"><img src="http://img151.imageshack.us/img151/7763/boutonforum10035.gif" border="0" alt="" /></a>

<a href="http://spartacus-fan.forumactif.com/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/i6zcn710.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://simplementnous.forumactif.org/forum.htm//" target="_blank" ><img src="http://img7.hostingpics.net/pics/497387bouton01.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://ladifference.forum.st" target="_blank" ><img src="http://i69.servimg.com/u/f69/14/49/32/29/th/bannia19.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://vampires-legend.forumactif.com/forum.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton12.jpg" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://imagination.discutforum.com/index.htm" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/bouton10.png" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://xwpw.forumactif.org/" target="_blank" ><img src="http://i61.servimg.com/u/f61/12/41/06/34/ngyncf10.gif" border="0" alt="Image hébergée par servimg.com" /></a>

<a href="http://secrets-ecrivains.exprimetoi.net" class="postlink" target="_blank"><img src="http://img576.imageshack.us/img576/3408/giiiiif.gif" border="0" alt="" /></a>

<a href="http://readtwilight.forumactif.com/index.html" class="postlink"target="_blank"><img src="
http://img169.imageshack.us/img169/4967/boutonreadtwilight.png" border="0" alt="" /></a>

<a href="http://lesfemmes.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i31.servimg.com/u/f31/12/41/06/34/tam1111.jpg" border="0" alt="" /></a>

<a href="http://addict-of-fanfic.1fr1.net" class="postlink" target="_blank"><img src="http://nsa20.casimages.com/img/2010/09/02/100902021211924669.png" border="0" alt="" /></a>

<a href="http://hpvst.forumsactifs.net/" class="postlink" target="_blank"><img src="http://i28.servimg.com/u/f28/15/58/18/75/bouton10.jpg" border="0" alt="" /></a>

<a href="http://dragonpub.forum-canada.net/forum.htm" class="postlink" target="_blank"><img src="http://i30.servimg.com/u/f30/15/20/55/14/dragon10.gif" border="0" alt="" /></a>

<a href="http://lecinema.forumsactifs.com" class="postlink" target="_blank"><img src="http://i35.servimg.com/u/f35/10/05/75/75/88x31_10.gif" border="0" alt="" /></a>

<a href="http://battleonx-series.forumactif.org" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/battle12.jpg" border="0" alt="" /></a>

<a href="http://charmed-immortal.forumactif.com" class="postlink" target="_blank"><img src="http://i21.servimg.com/u/f21/12/41/06/34/bouton13.gif" border="0" alt="" /></a>

<a href="http://the-simpsons-pub.exprimetoi.net" class="postlink" target="_blank"><img src="http://i24.servimg.com/u/f24/14/44/90/04/logo10.gif" border="0" alt="" /></a>

<a href="http://www.frenchficsfanart.com" class="postlink" target="_blank"><img src="http://i63.servimg.com/u/f63/14/03/72/43/bouton10.png" border="0" alt="" /></a>

<a href="http://leboudoirdesiris.forumactif.org/" target="_blank"><img src="http://i226.photobucket.com/albums/dd220/MissMiet/boudoir/logo.gif" alt="Le boudoir des Iris" title="Le boudoir des Iris" border="0" /></a>
</div></div>
</td>

<td align="left" colspan="2">
<h2 class="h2_theme"> Le Staff </h2><div class="staff"><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/kateb10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u1">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=1">Mp</a></div>

</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Co Admin<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/anshac10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u4">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=4">Mp</a></div>
</span></div><div class="infobulle"><img src="http://i31.servimg.com/u/f31/12/41/06/34/41610.jpg" class="transparence" /><span>Modérateur<div><img src="http://i31.servimg.com/u/f31/12/41/06/34/end_10.jpg" /></div><div><a href="http://fanfictionsunivers.forumactif.fr/u6">Profil</a></div><div><a href="http://fanfictionsunivers.forumactif.fr/privmsg?mode=post&u=6">Mp</a></div>
</span></div>
</div>
</td>

<td align="left">
<h2 class="h2_themecredit">Crédits</h2><div class="credits" >
Design :
Anshaca<br/>
© Toute reproduction entière ou partielle est interdite et sera signalé à Forumactif.</div>

</td>
</tr>
</table>
</div>

<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script>

Adresse du forum (forum test)

Spoiler:

Mon "souci" (dans un premier temps) est que je voudrais savoir comment faire pour élargir la partie "Bienvenue". J'ai bien essayé, mais à part réussir à agrandir tout le tableau c'est tout ce que j'ai réussi à faire...

Ensuite, je voudrais savoir également comment, toujours dans la même partie, supprimer la scrollbar pour pouvoir mettre un défillement comme pour les "partenaires" (en fait j'ai pas trouver comment virer la scrollbar)

Enfin voila, merci par avance.

Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu je te prie d'éditer ton premier message et de cocher l'icône Souci de code pour PA Resolu

Merci

Bonsoir, mon problème n'est toujours pas résolu, je continue de chercher de mon coté... Cependant, si quelqu'un à une idée, son aide est la bienvenue.

Merci

EDIT: Après mettre plongée (voir noyée) dans le code, j'ai trouvé (en étant aidée) comment faire pour enlever le scrollbar de la boite "Bienvenue"
Si ça intéresse, ça vient de

Code:: overflow-y: auto;
overflow-x: visible;

J'ai aussi trouvé comment élargir la boite, mais maintenant, tout est décalé Crying or Very sad

Si quelqu'un pouvait m'aider, ou m'orienter vers quelque chose ça serait vraiment sympa

Bonjour Anshaca!
Qu'entends-tu par décalage?
Tu voudrais que "Partenaires", "Staff" et "Crédits" ne dépassent pas de ton message de bienvenue?

Bonjour Rakuen,

Quand je parle de décalage, c'est par rapport la la partie "Bienvenue" que je voudrais centrer, et les parties "Partenaires" "Staff" et "Crédit" qui s'alignent en dessous sans que le titre des parties ne se décalent...

Je sais pas si j'ai été très claire là...

Yop, rajoute lui un margin-left:XXpx; (à la partie bienvenue) et met la bonne valeur (XX) Wink

Sujet: Re: Souci de code pour PA Mar 01 Mar 2011, 15:43

Merci beaucoup Hiro, mais ça ne fonctionne toujours pas, quelque soit la valeur de (XX) confused

Sujet: Re: Souci de code pour PA Mar 01 Mar 2011, 16:21

Hop'

XX est une de tes class!

Sujet: Re: Souci de code pour PA Mer 02 Mar 2011, 15:09

Oui, merci Mario, j'avais compris. Mais n'importe quelque soit la valeur que je metais, ça ne fonctionnais pas.

Finalement en modifiant

Code:: <td align="center" colspan="3" >

par

Code:: <td align="center" colspan="4" >

Ca me donne une forme un peu moins étendue, mais au moins c'est pas trop laid Razz

Sujet: Re: Souci de code pour PA Mer 02 Mar 2011, 15:13

Hello (:
L'icône résolu est cochée, mais je souhaiterai quand même avoir une confirmation :
le problème est-il vraiment résolu ?
Merci d'avance (;

Souci de code pour PA

Souci de code pour PA

Sujets similaires

Sujets similaires

Partenaires Or