Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 

Partagez | .
 

 Demande de codage pour tout mon forum Lumos

Ludoloveisaavatar Membre
Sam 15 Juin - 19:29   

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.


Dernière édition par Ludoloveisa le Dim 16 Juin - 10:42, édité 1 fois
SkySkyavatar Modérateur
Dim 16 Juin - 5:08   

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
Ludoloveisaavatar Membre
Dim 16 Juin - 8:40   

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.
SkySkyavatar Modérateur
Dim 16 Juin - 8:41   

Tu peux me donner le code de ta page d'accueil et le css qui va avec ?
Je vais te corriger tout ca
Ludoloveisaavatar Membre
Dim 16 Juin - 8:46   

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;}
SkySkyavatar Modérateur
Dim 16 Juin - 9:52   

Re,

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

Donc les mini avatar sont bien aligné

il y avait autre chose ?
Ludoloveisaavatar Membre
Dim 16 Juin - 9:59   

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.
SkySkyavatar Modérateur
Dim 16 Juin - 10:01   

ok je t'arrange ca de suite
Ludoloveisaavatar Membre
Dim 16 Juin - 10:03   

Merci à toi
SkySkyavatar Modérateur
Dim 16 Juin - 10:05   

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
Ludoloveisaavatar Membre
Dim 16 Juin - 10:10   

C'est parfait pour les mini avatar

Pour la partie contexte juste si tu pouvait agrandir un peut ^^
SkySkyavatar Modérateur
Dim 16 Juin - 10:12   

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
Ludoloveisaavatar Membre
Dim 16 Juin - 10:14   

C'est parfait ^^
SkySkyavatar Modérateur
Dim 16 Juin - 10:16   

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
SkySkyavatar Modérateur
Dim 16 Juin - 10:17   

oula la partie css est pas bonne 

font ch**** avec leur nouveautés ca bug
Ludoloveisaavatar Membre
Dim 16 Juin - 10:24   

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

Ps: Oups ta répondu avant ^^
SkySkyavatar Modérateur
Dim 16 Juin - 10:39   

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;
}
SkySkyavatar Modérateur
Dim 16 Juin - 10:39   

voila désolé pour l'attente mais e temps de le nettoyé ca prend du temps
Ludoloveisaavatar Membre
Dim 16 Juin - 10:41   

C'est pas grave ^^

Encore merci pour ton aide
SkySkyavatar Modérateur
Dim 16 Juin - 10:46   

ben voila on y est arrivé lol

Sujet clos .... Au suivant
Contenu sponsorisé
   

Page 1 sur 1

 Sujets similaires

-
» Petite demande de code pour Signature
» Petite création d'un QEEL pour un tout nouveau forum !
» Un codage pour les catégories de mon forum.
» [CSS] Modification des polices par défault du forum suite à l'utilisation d'un codage pour un texte particulier
» Accès limités et demande d'autorisation pour un forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Commandes-