Demande de codage pour tout mon forum Lumos

Membre

Coucou tout le monde.

Donc je n'ai pas vue de formulaire ni de section présentation donc je poste directe mais dite le moi si j'ai rater ses sections ^^.

Donc voilà, il y à peut j'ai récupéré un forum que j'ai rénové. Je l'ai nommé Lumos! C'est un forum Rpg sur l’univers de Harry Potter.
http://lumos.harrypotterrpg.fr/

Donc voilà j'aimerais continuait mon avancé par le codage de tout le forum:

Pour la PA: La laisser ainsi mais juste amélioré la partie "Staff". Et m'expliquer comment y ajouter les profil de mon staff ^^. Et ci ce n'est pas possible en refaire une du même genre.

Voilà pour ma demande ^^

Demandez moi si vous avez besoin de quoi que ce soit.

Encore merci pour votre aide.

Modérateur

Bonjour,

La partie staff comme tu dis ....
Les infos supplémentaire sont a afficher au survol de la souris ?
Un autre effet ?

peux tu m'expliquer ce que tu souhaite réellement ?

Bonne journée

Membre

Oui je sais que les infos supplémentaire son affiché au survol de la souris:

Tu vois comment les images son décalé et comment elle sont petite? Bin je voudrais les voirs alligné sur deux ligne et un peut plus grosse.

Modérateur

Tu peux me donner le code de ta page d'accueil et le css qui va avec ?
Je vais te corriger tout ca

Membre

Ok :

Code:: <img src="http://img4.hostingpics.net/pics/236503titre01.png" />

<table id="pa">
<tr>
<td rowspan="2"><img src="http://img4.hostingpics.net/pics/660043titre05.png" /><div class="pa-bloc"><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/t739-contexte">Contexte</a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/t741-reglements">Réglement </a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/f3-presentation">Présentation </a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/f2-poste-vacants">Poste vacants </a></div></div>

</td>
<td rowspan="2" colspan="2"><div class="pa-bloc" id="cont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit lorem nec ipsum ullamcorper pellentesque vitae eu est. Nullam vitae pellentesque arcu. Proin ut nisl mauris, sed sagittis lacus. Etiam dictum ornare augue ut commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vel vestibulum nunc. Mauris molestie velit a magna feugiat lobortis. Aenean est quam, interdum nec elementum eget, tincidunt ac sapien. Donec sapien nisi, placerat nec convallis quis, gravida venenatis orci. Nam lacus neque, lacinia sit amet fringilla sed, faucibus et mi. Ut purus felis, dictum nec tristique quis, eleifend ac tortor. Sed sollicitudin tortor non nisl facilisis vel condimentum sem suscipit. In quis mi lorem. Aliquam ullamcorper aliquet nibh ut sagittis. Phasellus nec risus massa, at ultrices tortor. </div>
</td>
<td><img src="http://img4.hostingpics.net/pics/604208titre07.png" /><div class="pa-bloc" id="log-st">
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a><br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a><br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a></div></td>
</tr>

<tr>
<td><img src="http://img4.hostingpics.net/pics/531109titre23.png" /><div class="pa-bloc" id="staf"><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>TEXTE</span></div><br/><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>TEXTE</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>TEXTE</span></div><br/>
</div></td>
</tr>

<tr>
<td><img src="http://img4.hostingpics.net/pics/134716titre13.png" /><div class="pa-bloc">
<marquee behavior="scroll" direction="up" height="80" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">• Nouvelle page d'accueil !<br/>
• Blablabla !</marquee>

</div>
</td>
<td><img src="http://img4.hostingpics.net/pics/260871titre34.png" /><div class="pa-bloc"><a href="LIEN"><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-6/48/wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/48/Halloween-Wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/iconshock/windows-7-general/48/wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-6/48/wizard-icon.png" /></a></div>
</td>
<td id="part-img"><img src="http://img4.hostingpics.net/pics/587038titre27.png" /><div class="pa-bloc" id="parten"><a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a>
<br/>
<a href="LIEN">Demande</a> - <a href="LIEN">Autres</a>
</div></td>
<td><img src="http://img4.hostingpics.net/pics/920164titre18.png" /><div class="pa-bloc">
PA : Sid Insane de <br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a></br>
Thème: Mewyn de <br/>
<a href="http://school-of-pub.fr" target="_blank"><img src="http://school-of-pub.fr/imgPrintemps2013/logo.png" title="School Of Pub, Communauté d'entraide et de formation" alt="School Of Pub, Communauté d'entraide et de formation"/></a></div></td>
</tr>

</table>

Css: Je te donne tout car je sais pas quelle partie et la Pa ^^

Code:: /* Header */
#header{
background:url('http://img15.hostingpics.net/pics/169573header2.gif');
background-repeat:repeat-x!important; height:704px; width:100%!important; cursor:pointer;
background-position:top center; }
body{
margin-top:-10px; padding:0; margin-left:0 !important; margin-right:0 !important; important;}

table#pa{
width:800px;
height:auto;
border:3px solid black;
border-top:none;
background:transparent;
border-radius:0px 0px 45px 45px;
font-size:12px;
color:white;}

#part-img{
margin:auto;
text-align:center;}

.pa-bloc{
background-color:darkgrey;
overflow:auto;
padding:10px;
margin:10px;
border:2px solid black;
border-radius:15px;
text-align:center;}

#cont{
text-align:justify;
height:200px;
width:430px;}

#parten{
height:auto;
width:275px;}

.liens-pa{
text-align:center;
background-color:grey;
height:21px;
margin-top:3px;
color:black !important;
transition:all 2s ease;}

.liens-pa:hover{
background-color:white;
letter-spacing:2px;}

#log-st{
height:60px;
width:auto;
margin-bottom:10px;}
#staf{
height:60px;
width:auto;}

.pa-stafff{
width:20px;
height:20px;
border:1px solid black;}

.infob{
float:left;
margin:2px;}

.infob span {
display: none; }

.infob:hover {
background: none;
z-index: 500; }

.infob:hover span {
width:80px;
color:black;
background-color:white;
display: inline;
position:absolute;
white-space: nowrap;
margin-top:8px;
margin-left:11px;
border:1px solid black;}

Modérateur

Re,

voici corrigé ....
mon forum test : http://skysky.forumactif.com/

Donc les mini avatar sont bien aligné

il y avait autre chose ?

Membre

Cool merci

Donc pourrait tu ajouter un " ascenseur " * lol je sais pas si ça s'appelle comme ça ^^* dans la partie contexte vu que ce dernier est assez long ^^.

Pour les avatars il est possible de les avoir un peut plus gros? Sinon c'est bien comme ça.

Modérateur

ok je t'arrange ca de suite

Membre

Merci à toi

Modérateur

voila j'ai réduit de moitié la hauteur du contexte maintenant dis moi si je dois agrandir un peu.
Pour les mini avatar j'ai mis 30 px au lieu de 20
dit moi si je dois diminuer ou pas

Membre

C'est parfait pour les mini avatar

Pour la partie contexte juste si tu pouvait agrandir un peut ^^

Modérateur

Voila j'ai mis 15o px de hauteur alors qu'au départ il y avait 200

si c'est bon pour toi je te redonne les code corrigés

Membre

C'est parfait ^^

Modérateur

Ok alors la partie "page d'accueil" :

Code:: <img src="http://img4.hostingpics.net/pics/236503titre01.png" />

<table id="pa">
<tr>
<td rowspan="2"><img src="http://img4.hostingpics.net/pics/660043titre05.png" /><div class="pa-bloc"><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/t739-contexte">Contexte</a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/t741-reglements">Réglement </a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/f3-presentation">Présentation </a></div><div class="liens-pa"><a href="http://lumos.harrypotterrpg.fr/f2-poste-vacants">Poste vacants </a></div></div>

</td>
<td rowspan="2" colspan="2"><div class="pa-bloc" id="cont">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit lorem nec ipsum ullamcorper pellentesque vitae eu est. Nullam vitae pellentesque arcu. Proin ut nisl mauris, sed sagittis lacus. Etiam dictum ornare augue ut commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vel vestibulum nunc. Mauris molestie velit a magna feugiat lobortis. Aenean est quam, interdum nec elementum eget, tincidunt ac sapien. Donec sapien nisi, placerat nec convallis quis, gravida venenatis orci. Nam lacus neque, lacinia sit amet fringilla sed, faucibus et mi. Ut purus felis, dictum nec tristique quis, eleifend ac tortor. Sed sollicitudin tortor non nisl facilisis vel condimentum sem suscipit. In quis mi lorem. Aliquam ullamcorper aliquet nibh ut sagittis. Phasellus nec risus massa, at ultrices tortor. </div>
</td>
<td><img src="http://img4.hostingpics.net/pics/604208titre07.png" /><div class="pa-bloc" id="log-st">
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a><br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a><br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a></div></td>
</tr>

<tr>
<td><img src="http://img4.hostingpics.net/pics/531109titre23.png" /><div class="pa-bloc" id="staf"><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>1111</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>2222</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>3333</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" />
<span>4444</span></div><br/><br><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>5555</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>6666</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>7777</span></div><div class="infob"><img src="http://r13.imgfast.net/users/1317/11/08/76/avatars/1-94.jpg" class="pa-stafff" /><span>8888</span></div></div></td>
</tr>

<tr>
<td><img src="http://img4.hostingpics.net/pics/134716titre13.png" /><div class="pa-bloc">
<marquee behavior="scroll" direction="up" height="80" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()">• Nouvelle page d'accueil !<br/>
• Blablabla !</marquee>

</div>
</td>
<td><img src="http://img4.hostingpics.net/pics/260871titre34.png" /><div class="pa-bloc"><a href="LIEN"><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-6/48/wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/48/Halloween-Wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/iconshock/windows-7-general/48/wizard-icon.png" /></a>
<a href="LIEN"><img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-6/48/wizard-icon.png" /></a></div>
</td>
<td id="part-img"><img src="http://img4.hostingpics.net/pics/587038titre27.png" /><div class="pa-bloc" id="parten"><a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a> <a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a>
<br/>
<a href="LIEN">Demande</a> - <a href="LIEN">Autres</a>
</div></td>
<td><img src="http://img4.hostingpics.net/pics/920164titre18.png" /><div class="pa-bloc">
PA : Sid Insane de <br/>
<a href="http://templactif.forumgratuit.org/"><img src="http://img11.hostingpics.net/pics/975489logo88copie.png" /></a></br>
Thème: Mewyn de <br/>
<a href="http://school-of-pub.fr" target="_blank"><img src="http://school-of-pub.fr/imgPrintemps2013/logo.png" title="School Of Pub, Communauté d'entraide et de formation" alt="School Of Pub, Communauté d'entraide et de formation"/></a></div></td>
</tr>

</table>

La partie CSS :

Code:: [color=#000000][font=Courier, 'Courier New', sans-serif]/* Header */[/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif]#header{[/font][/color][color=#000000][font=Courier, 'Courier New', sans-serif][/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif] background:url('http://img15.hostingpics.net/pics/169573header2.gif');[/font][/color][color=#000000][font=Courier, 'Courier New', sans-serif][/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif] background-repeat:repeat-x!important; height:704px; width:100%!important; cursor:pointer;[/font][/color][color=#000000][font=Courier, 'Courier New', sans-serif][/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif] background-position:top center; }[/font][/color][color=#000000][font=Courier, 'Courier New', sans-serif][/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif]body{[/font][/color][color=#000000][font=Courier, 'Courier New', sans-serif][/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif] margin-top:-10px; padding:0; margin-left:0 !important; margin-right:0 !important; important;}[/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif]
[/font][/color]
[color=#000000][font=Courier, 'Courier New', sans-serif]/*---Page d'accueil corrigée par Skysky---*/[/font][/color]

[justify][color=#000000][font=Courier, Courier New, sans-serif]table#pa{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]width:800px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]height:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]border:3px solid black;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]border-top:none;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]background:transparent;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]border-radius:0px 0px 45px 45px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]font-size:12px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]color:white;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]#part-img{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]margin:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]text-align:center;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].pa-bloc{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] background-color:darkgrey;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]overflow:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] padding:10px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]margin:10px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] border:2px solid black;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] border-radius:15px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]text-align:center;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]#cont{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] text-align:justify;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] height:150px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:430px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] overflow:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]#parten{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] height:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:275px;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].liens-pa{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] text-align:center;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] background-color:grey;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]height:21px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]margin-top:3px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]color:black !important;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]transition:all 2s ease;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].liens-pa:hover{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] background-color:white;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] letter-spacing:2px;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]#log-st{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] height:60px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:auto;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]margin-bottom:10px;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]#staf{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]height:60px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:auto;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].pa-stafff{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:30px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] height:30px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]border:1px solid black;}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].infob{[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] float:left;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] margin:2px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]}[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].infob span {[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] display: none; }[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].infob:hover {[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] background: none;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] z-index: 500; }[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif]
[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif].infob:hover span {[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] width:80px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] color:black;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] background-color:white;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] display: inline;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] position:absolute;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] white-space: nowrap;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] margin-top:8px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] margin-left:11px;[/font][/color][/justify]

[justify][color=#000000][font=Courier, Courier New, sans-serif] border:1px solid black;}

voila

Modérateur

oula la partie css est pas bonne

font ch**** avec leur nouveautés ca bug

Membre

Quand je remplace le Css sa enlève tout ^^.

Ps: Oups ta répondu avant ^^

Modérateur

Code:: /* Header */
#header {
background:url('http://img15.hostingpics.net/pics/169573header2.gif');[
background-repeat:repeat-x!important; height:704px; width:100%!important;
cursor:pointer;
background-position:top center;
}

body {
margin-top:-10px;
padding:0;
margin-left:0 !important;
margin-right:0 !important; important;
}

/*---Page d'accueil corrigée par Skysky---*/
table#pa {
width:800px;
height:auto;
border:3px solid black;
border-top:none;
background:transparent;
border-radius:0px 0px 45px 45px;
font-size:12px;
color:white;
}

#part-img {
margin:auto;
text-align:center;
}

.pa-bloc {
background-color:darkgrey;
overflow:auto;
padding:10px;
margin:10px;
border:2px solid black;
border-radius:15px;
text-align:center;
}

#cont {
text-align:justify;
height:150px;
width:430px;
overflow:auto;
}

#parten {
height:auto;
width:275px;
}

.liens-pa {
text-align:center;
background-color:grey;
height:21px;
margin-top:3px;
color:black !important;
transition:all 2s ease;
}

.liens-pa:hover {
background-color:white;
letter-spacing:2px;
}

#log-st {
height:60px;
width:auto;
margin-bottom:10px;
}

#staf {
height:60px;
width:auto;
}

.pa-stafff {
width:30px;
height:30px;
border:1px solid black;
}

.infob {
float:left;
margin:2px;
}
.infob span {
display: none;
}

.infob:hover {
background: none;
z-index: 500;
}

.infob:hover span {
width:80px;
color:black;
background-color:white;
display: inline;[
position:absolute;
white-space: nowrap;
margin-top:8px;
margin-left:11px;
border:1px solid black;
}

Modérateur

voila désolé pour l'attente mais e temps de le nettoyé ca prend du temps

Membre

C'est pas grave ^^

Encore merci pour ton aide

Modérateur

ben voila on y est arrivé lol

Sujet clos .... Au suivant

» Codage de fiche réglement pour Lumos
» Demande de codage pour page d'acceuille et cathégorie .
» Demande de codage de catégorie
» Fiche divers pour Lumos
» Fiche de pub pour Lumos

Notre forum		ForumActif
Contactez nous ! Statistic tu forum Signalez un abus sur le forum		© phpBB Créer un forum gratuit Forum de support officiel francophone

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Demande de codage pour tout mon forum Lumos

Sujets similaires