Réduction cadre PA ?

2 participants

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

Résolu Réduction cadre PA ?

Message par Lessien0409 Jeu 11 Aoû 2011 - 0:17

Bonjour me voici encore une fois avec un problème ^^'. Une amie a créer un forum récemment, je suis sa co-admin. J'ai voulu faire la PA comme sur mon forum, mais il ya un hic, sur mon forum le contexte n'est pas très long, ce qui fait que ma PA n'est pas trop haute. Or sur ce forum le contexte est beaucoup plus long, et cela agrandis considérablement la PA, je me demandais si ce serait possible de faire ça :
Spoiler:
Voila mon CSS (De l'agencement de la PA) :
Code:
 /*cadre contexte*/
    .pacontext {
    border : 1px solid #000000;
    }
    /*cadre partenaire*/
    .paparten {
    border : 1px solid #000000;
    }

    /*cadre staff*/
    .pastaff {
    border : 1px solid #000000;
    }

    /*cadre news*/
    .padernews {
    border : 1px solid #000000;
    }

    /*cadre liens*/
    .paliens {
    border : 1px solid #000000;
    }

    /*cadre credit*/
    .pacredit {
    border : 1px solid #000000;
    }

    /*titre contexte*/
    .ticontext {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre partenaire*/
    .tiparten {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre staff*/
    .tistaff {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre news*/
    .tidernews {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre liens*/
    .tiliens {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

    /*titre credit*/
    .ticcredit {
    margin-left : 10px;
    position : relative;
    bottom : 10px;
    }

a {text-shadow:0px 0px 5px;}
a:link {text-shadow:0px 0px 5px;}

.infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #536E94;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #536E94;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FFFFFF;
    border: 1px solid #FFFFFF;}
a {text-shadow:0px 0px 5px;}
a:link {text-shadow:0px 0px 5px;}
Et le code de ma PA :
Code:
<div style= "text-shadow: 1px 1px 1px"><table width="100%" cellspacing="15">
<tr>
<td colspan="2" class="pacontext" valign="top"><div class="ticontext"><font color="white"><font face="Verdana"><u><strong>Contexte</strong></u></font></font></div>
<!-- Début Contexte --><div style="margin:auto;text-align:center;width:100%"><font color="black"><font face="Verdana"><i> <div style="margin:auto;text-align:center;width:100%"><i>L’histoire se passe à la fin de la  première série animée.</i><br><br>
La porte reliant Amestris et l’autre monde avait été détruite. Dans Amestris tout semblait être rentré dans l’ordre. Roy Mustang était devenu généralissime, il avait remis de l’ordre un peu partout, tout le monde avait repris ses activités. De leur côté Alphonse et Edward Elric, essayait de se reconstruire une vie dans l’autre monde. Il pensaient ne jamais revenir… Ne jamais revoir ceux qui leur étaient cher….
Pourtant…
Edward était dans sa cuisine, devant une tasse de thé, Alphonse à ses côtés, lisant un livre. Soudain un tressaillement les parcourus les deux. L’aîné demanda :

-Al ? Est-ce que tu penses comme moi ?

-Oui, il y a eu une forte activité alchimique….

Les deux frères se regardèrent, hésitants. Puis Al pris les devant et se leva.

-On va voir la porte.

Ils partirent donc dans l’ancien hangar de la société Thulé, maintenant dissoute. Les deux frères arrivèrent au pas de course, et à l’entrée, s’immobilisèrent : un homme ruisselant de sang, titubait, au bord d’un grand trou lumineux.

-Qu’est-ce qui se passe ? Pourquoi la porte est-elle rouverte ?! S’exclama Alphonse.

-Je… Je l’ai… Rou…Rouverte… Pour el bien d’Amestris…Amestris à besoin de vous deux…Expliqua l’homme, en se tenant le ventre d’où s’échappai une fontaine de liquide rougeâtre.

-Mais pourquoi ?! Et comment vas-t-on refermer la porte !? Mille pétards !! Cria Edward.

L’homme s’effondra et les deux jeunes hommes se précipitèrent vers lui. Le blessé déclara entre deux râles :

-Je m’en occupe… Je n’en ai plus pour longtemps… Vite passez… Je refermais la porte définitivement cette fois…

Al lança un regard vers son frère, qui acquiesça.

-Très bien, monsieur ?

-Dorman. Jack Dorman. Roy… Roy me connait… Il vous expliquera… Maintenant allez-y !

Les deux frères se placèrent au bord du gouffre lumineux. Ils adressèrent un merci vers Jack qui rampa difficilement vers le trou et commença la transmutation. Les deux frères sautèrent ensemble, puis quelques secondes après la porte se ferma, à jamais. Jack Dorman, un sourire aux lèvres murmura :

-Frères Elric, sauvez Amestris… Je ne serais alors pas mort en vain….

Puis l‘homme expira…<br><br>Ed et Al arrivèrent à Amestris, dans la ville qui avait disparue en une nuit  Ils sourirent dans un bel ensemble, leur chez eux, leur avait manqué. Quelques heures plus tard, ils étaient dans le bureau de Roy Mustang. Ils se saluèrent puis Roy commença : <br>-Bien, pour aller rapidement, depuis que vous êtes partis, j‘ai peu à peu réussi à instaurer l‘ordre… Notamment en devenant Généralissime. Mais il y a de ça 3 mois, une ville complète à été détruite.<br>Les deux frères se regardèrent horrifiés : détruire une ville revenait à avoir créé la pierre philosophale! <br>-Vous voulez dire que…<br>-Oui, Alphonse. Quelqu‘un à créé une autre pierre. Le problème c‘est que cette pierre permet de fabriquer des homonculus sans faire de transmutation humaine. Et chaque défaut est utilisés pour créer un de ces monstres. Mais le pire est que cette société à trouver le moyen de faire ces êtres dans un corps humain, ou une chimère.<br>-Combien sont-ils? Demanda brusquement Edward.<br>-Pour le moment nous en avons recensés une petite dizaine. Le problème est que chaque personne peut être un homonculus. Plus personne n‘a confiance en personne. C‘est pour ça que j‘ai demandé à Jack de ré ouvrir la porte. Vous êtes les seuls en mesure d‘exterminer cette société. Mais vu le nombre croissant de ces ennemis, il faudrait que vous engagiez le plus de monde possible. Que vous leur appreniez votre alchimie, pour les alchimistes, vos techniques de combats pour les autres. Ils faut que nous soyons soudés!<br>-Hum…Et comment se nomme cette société ?<br>-Les corrompus…<br>-Bien, nous allons sauver Amestris ! S‘exclamèrent Les deux frères ensemble.<br><br>Et vous ? Serez vous du côtés des corrompus ? Ou du côtés du bien ? A vous de choisir… Et que la Guerre commence ! </div>
</font></font></div>

<!-- Fin Contexte -->
</td>
<td width="33%" class="paparten" valign="top"><div class="tiparten"><font color="white"><font face="Verdana"><u><strong>Partenaires</strong></u></font></font></div>
    <!-- Début Partenaires -->



<!-- Fin Partenaire -->
</td>
</tr><tr>
<td colspan="2" class="pastaff" valign="top"><div class="tistaff"><font color="white"><font face="Verdana"><u><strong>Staff</strong></u></font></font></div>
<!-- Début Staff --><div style="margin:auto;text-align:center;width:100%"><table width="100%"><tr>
<td width="50%">
  <div class="infobulle">
  <img src="image">
<span>nom </span></div>
</td width="50%">
<td>
  <div class="infobulle">
  <img src="image">
<span>nom</span></div>
</td width="50%">
<td>
  <div class="infobulle">
  <img src="image" class="postlink" target="_blank" rel="nofollow">
<span>nom</span></div>
</td>
</tr></table></div>

<!-- Fin Staff -->
</td>
<td rowspan="2" class="padernews" valign="top"><div class="tidernews"><span style="font-size: 24px; line-height: normal"><font color="red"><font face="Verdana"><u><strong>News</strong></u></font></font></span></div>
<!-- Début News -->
A venir
<!-- Fin News -->
</td>
</tr><tr>
<td width="44%" class="paliens" valign="top"><div class="tiliens"><font color="white"><font face="Verdana"><u><strong>Lien importants</strong></u></font></font></div>
<!-- Début Liens --><div style="margin:auto;text-align:center;width:100%"><a href="http://magicelfes.forumgratuit.org/f3-reglements">Réglement</a><br/>
<a href="http://magicelfes.forumgratuit.org/f4-cartes-didentites">Présentation</a><br/>
<a href="http://magicelfes.forumgratuit.org/f39-demande-de-partenariat-et-lien-de-ce-fow">Partenariat</a><br/>
<a href="http://magicelfes.forumgratuit.org/f42-annonces">Annonces & Projets</a><br/>
<a href="http://magicelfes.forumgratuit.org/f40-elections">Elections</a></div>

<!-- Fin Liens -->
</td>
<td width="22%" class="pacredit" valign="top"><div class="ticcredit"><font color="white"><font face="Verdana"><u><strong>Song ♫</strong></u></font></font></div>
<!-- Début --><div style="margin:auto;text-align:center;width:100%">Voici les quatre opening de la première série animée ^^</strong></div></span></font>

<object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1152374/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Full_metal_alchemist_opening_1234__AC___Sin_Creditos.mp3&autostart=0&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1152374/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Full_metal_alchemist_opening_1234__AC___Sin_Creditos.mp3&autostart=0&autoreplay=1&showtime=1" /></object>

Et le premier opening de la série brotherhood :

<object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1152382/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Fullmetal_Alchemist_Brotherhood_Opening_1.mp3&autostart=0&autoreplay=1&showtime=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer2.swf?mp3=http://www.archive-host.com/files/1152382/d2e421c18b2b7f9edc2f32d05284fcadad96629e/Fullmetal_Alchemist_Brotherhood_Opening_1.mp3&autostart=0&autoreplay=1&showtime=1" /></object>
<!-- Fin -->
</td>
</tr></table></div>

Merci d'avance à celui ou celle qui trouvera une solution.


Dernière édition par Lessien0409 le Jeu 11 Aoû 2011 - 12:20, édité 1 fois
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduction cadre PA ?

Message par SoraNoHime Jeu 11 Aoû 2011 - 0:44

Bonsoir,

encadrer le code de votre texte par :

Code:
<div style="width: 100%; height: 75px; overflow: auto;">
au début

et

Code:
</div>
à la fin.

ajustez la hauteur en changeant le 75.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduction cadre PA ?

Message par Lessien0409 Jeu 11 Aoû 2011 - 12:20

Merci beaucoup ! Mon problème est résolu ^^
Lessien0409

Lessien0409
*

Féminin
Messages : 40
Inscrit(e) le : 07/05/2011

http://magicelfes.forumgratuit.org
Lessien0409 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum