Page d'acceuil

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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

Résolu Page d'acceuil

Message par ^^lilice^^ le Dim 23 Jan 2011 - 10:14

Rappel du premier message :

Bonjour,
j'ai trouvé un très bon tuto,ici sauf que j'aimerais le copier mais ne pas avoir que deux "bulles" mais Quatre/cinq. J'aimerais l'aide de quelqu'un pour m'aider à avoir le bon code afin de le mettre en place.
Cordialement
^^lilice.

Ps: je ne suis pas vraiment douée avec les codes HTML désolée.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Dim 23 Jan 2011 - 22:01

Désolé du double-poste mais peux-tu me faire l'ascenseur vertical pour chacun des cadres ?

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 23 Jan 2011 - 22:33

voici ->
Code:
        <center>        <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 1-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
            <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 2-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 2 <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>           
        </td>
            <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 3-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte  3<br> <br> <br> <br> br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>           
         </td>
        </tr>
        <tr>
          <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 4-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 4 <br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>
            </td>
          <td>         <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 5-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 5 <br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>         
        </td>
          <td>         <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Titre 6-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> texte 6<br> <br> <br> <br> <br> <br> <br> <br> <br></span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Dim 23 Jan 2011 - 23:20

Merci beaucoup

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 7:41

@ge80 a écrit:J'ai modifié, sur une seule cellule, les hauteurs fixes en hauteurs maximales.
Code:
display: block; max-height: 110px; overflow:auto;
Avec apparition d'ascenseurs verticaux pour une hauteur de 110 pixels..

La version avec CSS sera plus simple !

Je le mets où ? Dans les feuilles CSS ou Page d'acceuil ?

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 8:18

Bonjour

Je le mets où ? Dans les feuilles CSS ou Page d'acceuil ?
Nulle part Wink

Une simple explication de la modification.
c'est déjà dans le code.

La nouvelle version avec CSS est presque terminée.

---------------------------------------------

Edit : La version sans explication pour un simple test.

---------------------------------------------

Voici la partie à mettre dans votre CSS (à la fin).

CSS:
Code:

.field {
  height:150px;
  background-color:#7FB6EC;
  border : 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.legende {
  padding: 5px;
  height:25px;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  background-color:#395DC1;
  border: 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
}

.textefield {
  display: block;
  height: 120px;
  max-height: 115px;
  color: #000;
  font-size: 20px;
  font-family: Georgia;
  overflow:auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, -1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

a.bulle {
  position: relative; /* relative au conteneur */
}
a.bulle span {
  display: none;
}
a.bulle:hover {
  background: none; /*contournement bug IE */
  z-index: 999;
}

a.bulle:hover span {
  display: inline;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: green;
  padding: 0.2em;
  border-right: black 2px solid;
  border-top: black 2px solid;
  border-left: black 2px solid;
  border-bottom: black 2px solid;
}

.opacity img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
}
img:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;opacity: 1;
}

Le contenu de votre message (accueil par exemple)
Accueil:
Code:

<table width="98%">  <tbody><tr>    <td width="33%"> <div class="opacity"><fieldset class="field"><legend class="legende">Le Staff</legend><br><a class="bulle"><img src="http://img60.xooimage.com/files/7/f/d/masc-24d4a18.jpg">
<span><img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-74.jpg" alt=""><br>
<b>Ge - 80</b><div><a href="http://forum.forumactif.com/u22828" target="_blank">Profil</a></div>
</span></a><a  class="bulle"><img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
<span><img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br>
<b>^^lilice^^</b><div><a href="http://forum.forumactif.com/u109573" target="_blank">Profil</a></div></span></a></fieldset></div>
    </td>
    <td width="33%">
      <fieldset class="field"><legend class="legende"> titre 2</legend><br><span style="color:red">CONTENU 2 <br><br><br><br><br><br><br><br><br><br></span></fieldset>    </td>
    <td>
        <fieldset class="field"><legend class="legende"> titre 3</legend><br><br><font size=4>Texte assez grand <br><br><br><br><br><br><br><br><br></font><br><br></fieldset>    </td>
</tr>
 <tr>
  <td>
        <fieldset class="field"><legend class="legende">-Réglement-</font></legend><div class="textefield">Bonjour et bienvenue,
Black horse est un forum de flood et de graphisme. Comme sur tous les forums, il y a quelques règles. Pour ce règlement, vous devrez trouver deux codes qui seront à mettre dans votre présentation.

-Les présentations sont obligatoires.
-Les avatars doivent faire 150*200 (elles sont obligatoires) et les signatures 200*400.
-Le langage sms est interdit, mettez si vous voulez être floodeuse ou grapheuse comme premier code.
-Faites attention à votre orthographe.
-La pub est autorisée dans l'endroit spécial au bout de 200 messages.
-Si vous posez une question ou une commande, attendez 24 heures (=un jour) pour relancer.
-Évitez le double post.
-Vos créations doivent obligatoirement être signées et votre Puf doit être mis dans votre présentation.
-Pour pouvoir avoir une partie cours, vous devez être graphiste en la demander au bon endroit. Pour avoir une galerie, ajouter des tutos, faire les commandes, participer à des concours de graphisme pareil. Mettez comment vous avez découvert le forum comme deuxième code
-La politesse est demandée.
-Merci de ne pas envoyé plein de messages privés au staf, ce ne sont pas des robots.

Voilà, c'est déjà finit =). Vous avez trouvé les codes ?? Parfait, à vous de faire votre présentation comme vous le souhaitez en ajoutant les codes bien sur.
Je me tiens à la disposition de toutes vos questions, ici.

Cordialement
Black moon</div></fieldset>
    </td>
  <td>
        <fieldset class="field"><legend class="legende">-Titre 5-</font></legend><br><br><br><br><br><br><br><br>CONTENU 5<br></fieldset>
    </td>
  <td>
        <fieldset class="field"><legend class="legende">-Titre 6-</font></legend><div class="textefield">CONTENU 6<br><br><br><br><br><br></div></fieldset>
    </td>
 </tr>
</table>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 18:26

Wah c'est super ! Merci.
Maintenant j'aimerais un peu d'aide afin de personnaliser la catégorie staff.
Si ce n'est pas trop vous demander.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 18:28

D'abord je prépare un tutoriel d'explications Wink

C'est une simple version de tests

Que voulez vous personnaliser avant que j'élabore le mode d'emploi ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 18:32

Bonjour,
Il va me servir ce manuel je vous le promet !

Alors j'aimerais personnaliser le Staf, et peut être (je suis vraiment difficile désolée) enlevé la bulle 5 et 6 si cela est possible bien sur ! Si cela est possible, pourvoir mettre la bulle 3 et 4 en dessous et les agrandir. Et éviter que la bulle 4 soit un lien qui copie immédiatement un texte spécial.

J'espère que ce n'est pas trop vous demander.
Cordialement.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 18:37

Des précisions :

Personnaliser le staff : comment ?
Donner les liens images et le texte ou une image de ce que vous voulez.

Zones 5 et 6 : enlevée ; OK

3 et 4 en dessous de quoi ?
Une image de positionnement serait utile.

La 4 est un texte tiré de votre forum et vous pouvez changer son contenu sans problème.


ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 18:41

le staf, j'aimerais pourvoir changer à volonté la petite image ainsi que l'image bulle et le lien du profil (Au cas où je trouve d'autres membres du staff --"). Si c'est possible, sinon je vous donnerais le tout.

La 3 et la 4 en dessous de la 1 et La 2 Pour permettre des les élargir (c'est clair ? sinon j'essayerais de faire un montage.)

Merci pour la 5 et la 6.

Ah d'accord, pour la 4, je vais donc le faire manuellement.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 18:44

OK

Pour le staff : vous pourrez le faire vous même après mes explications.
Par contre voulez-vous d'autres informations dans la bulle lors du survol de l'image STAFF ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 18:47

Pour le moment, deux mais j'aimerais bien avoir une explication en plus pour pouvoir en créer d'autres si le besoin est.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 19:03

Pas de souci.
Demain matin (en fin de matinée) vous aurez le tutoriel car c'est long à faire.
Dernier point que voulez-vous placer dans les autres zones ?
Images ou pas ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Lun 24 Jan 2011 - 21:48

Bonsoir,
pas de soucis, ça peut même attendre demain soir !

Dans les autres, je vais surement mettre du texte.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Lun 24 Jan 2011 - 22:13

OK

Je rédige en ce moment les explications....

Edit :

---------------------------------------------------

Le rendu visuel



---------------------------------------------------
La partie CSS
A copier dans la feuille de style CSS

/* Permet de jouer sur l'opacité / l'intensité lumineuse lors du survol. */
Code:
.opacity img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
}
img:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;opacity: 1;
}

/* Partie permettant la gestion de la fenêtre surgissant ou bulle */
/* La position est relative par rapport à la souris */

Code:

a.bulle {
  position: relative; /* relative au conteneur */
}
a.bulle span {
  display: none;
}
a.bulle:hover {
  background: none; /*contournement bug IE */
  z-index: 999;
}

/* La classe bulle qui définit le style de la bulle */
/* Position d'affichage -> décalée de 5px */
/* Fond blanc -> background: #fff; */
/* Bordures -> de 2 pixels et de couleur noire */
Code:
a.bulle:hover span {
  display: inline;
  position: absolute;
  top: -10px;
  left: 10px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: green;
  padding: 0.2em;
  border-right: black 2px solid;
  border-top: black 2px solid;
  border-left: black 2px solid;
  border-bottom: black 2px solid;
}

/* La classe textefield qui définit le style du texte affiché dans le fieldset */
/* Position d'affichage -> décalée de 5px */
/* height -> hauteur fixée à 220px; */
/* max-height-> 215px pour le débordement automatique */
/* overflow:auto;-> gestion du dépassemetn par ascenceur */
/* pre-wrap -> césure des mots avec coupure forcée */
/* couleur d'écriture noire -> color: #000; */
/* Police d'écriture -> font-family: Georgia; */
Code:
 .textefield {
  display: block;
  height: 220px;
  max-height: 115px;
  color: #000;
  font-size: 20px;
  font-family: Georgia;
  overflow:auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, -1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* La classe field qui définit le style du texte affiché dans le fieldset */
/* Gestions des bordures et arrondis */
/* border : 5 px solid #fff; */
/* -moz-border-radius: 15px; */
/* -webkit-border-radius: 15px; */
/* border-radius: 15px; */
/* Hauteur de 250px; */
/* possibilité de'ajouter une image de fond à chaque conteneur */
/* background-image: url("https://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */
Code:
.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  /*  background-image: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */
}

/* La classe legende qui définit le style du texte affiché dans la légende */
/* Gestions des bordures et arrondis */
/* border: 5 px solid #fff; */
/* -webkit-border-radius: 15px; */
/* Gestions des marges */
/* padding-left:20px; */
/* padding-right:20px; */
/* Taille des caractères */
/* font-size: 22px; */
Code:
.legende {
  height:25px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  border: 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
}
-------------------------------------------------------------------------
La partie en message d'accueil avec commentaires dans le message.
A copier en message d'accueil
Code:
<!-- La table permettant de diviser en quatre cellules -->
<!-- L'aide sur les tables http://bernard.quevillier.pagesperso-orange.fr/toposnew/table.htm -->
<table width="100%" cellspacing="30"> 
 <tbody>
 <tr>   
   <td width="50%">
      <!-- On joue avec l'opacité lors du survol -->
      <div class="opacity">
         <!-- Fieldset permet un regroupement de champs logique : c'est un conteneur -->
         <!-- L'aide sur Fieldset http://bernard.quevillier.pagesperso-orange.fr/toposnew/fieldset.htm -->
         <fieldset class="field">
            <!-- legend permet un titre au cadre du conteneur fieldset -->
            <legend class="legende">Le Staff
            </legend>
            <center>
            <!-- La classe bulle permet l'affichage lors d'un survol par la souris -->
            <a class="bulle">
               <!-- L'image à survoler -->
               <img src="http://img60.xooimage.com/files/7/f/d/masc-24d4a18.jpg">
               <!-- Le block qui sera affiché encadré par le SPAN -->
               <!-- Organise le document en définissant une étendue de texte. -->
               <span>
                  <!-- L'image zoomée et le texte -->
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-74.jpg" alt="">
                  <br><b>Ge - 80</b><br><br>
                  <div>
                        <!-- L'élément de division peut permettre d'ajouter une structure à un bloc de texte
                        <!-- Le lien vers le profil -->
                        <a href="http://forum.forumactif.com/u22828" target="_blank">Profil</a>
                  </div>
               </span>
            </a>
            <a  class="bulle">
               <img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
               <span>
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
                  <div>
                     <a href="http://forum.forumactif.com/u109573" target="_blank">Profil
                     </a>
                  </div>
               </span>
            </a>
            </center>
         </fieldset>
      </div>
    </td>
    <td>
      <!-- L'image zoomée et le texte -->
        <fieldset class="field">
         <legend class="legende"> titre 2
         </legend>
         <!-- On utilise pas la classe qui gère le débordement  -->
         <font size=4>contenu 2  sans gestion de la hauteur
         </font>
      </fieldset>   
   </td>
</tr>
<!-- Nouvelle ligne de cellules -->
 <tr>
  <td>
  <!-- Nouvelle cellule -->
        <fieldset class="field">
         <legend class="legende">Le titre n° 3-
         </legend>
         <!-- Cette fois on utilise la classe de mise en forme du texte avec la gestion du débordement -->
         <div class="textefield">Texte avec gestion de la hauteur maximale et mise en forme par css
         </div>
      </fieldset>
    </td>
  <td>
        <fieldset class="field">
         <legend class="legende">-Titre 4-
         </legend>CONTENU 4 sans mise en forme par feuille de style
      </fieldset>
    </td>
 </tr>
 </tbody>
</table>
--------------------------------------------------------------------------




Jouez avec les styles et images de fond ?

Les modifications CSS
Code:
.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif") no-repeat;
  background-position: 0px -12px;
}
.legende {
  height:45px;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
  border : 2px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

Ce qui donne



-------------------------------------------------


Besoin d'explications complémentaires ?




Ge

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 17:29

Code:
<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form> </span></fieldset>
        </td> <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>
            <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Crédits-</font></legend><span style="color:#000000"><div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br><img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div></span></fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> →FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span></fieldset>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

J'utilise ce code mais pour les infobulles, je sais pas comment en mettre une troisième. Peut-tu m'aider ?

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Mar 25 Jan 2011 - 18:11

Bonjour,
merci je vais regarder ça en détail dès que possible.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 18:55

Pour ajouter un membre au STAFF

Repérer
Code:
<a  class="bulle">
              <img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
              <span>
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
                  <div>
                    <a href="http://forum.forumactif.com/u109573" target="_blank">Profil
                    </a>
                  </div>
              </span>
            </a>


Et ajouter après le </ span></ a >

Code:
<a  class="bulle">
              <img src="lien image survolée">
              <span>
                  <img src="image affichée lors du survol" alt=""><br><b>commentaire</b><br><br>
                  <div>
                    <a href="lien profil" target="_blank">Profil
                    </a>
                  </div>
              </span>
            </a>

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 19:29

alt="">

Que doit je mettre dedans ?

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 19:32

vous pouvez ne rien mettre et même supprimer ce alt=""

L'attribut ALT n'est fait que pour renseigner une image si elle ne s'affiche pas.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 19:58

C'est pas le même code que celui que j'utilise donc tout beug. Comment faire ?

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 20:01

Tout simplement :

Mettre votre code ici et je regarde le problème Wink

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 22:23

Code:
 <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 22:35

Code:
 <td>       
   <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">
      <legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" >
         <font size=4>-Staff-</font>
      </legend>
      <table>
      <tr>
         <td>
            <div class="infobulle">
               <img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
               <span>
                  <div style="margin:auto;text-align:center;width:100%">D.Forlan
                  </div>
                  <img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
                  <div style="margin:auto;text-align:center;width:100%">16 ans, fondateur
                  </div>
                  <a href="http://fifa11pro.forum-pro.fr/u1">
                     <div style="margin:auto;text-align:center;width:100%">Voir son profil
                     </div>
                  </a>
               </span>
            </div>
         </td>
         <td>
            <div class="infobulle">
            <img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>
            <span>
               <div style="margin:auto;text-align:center;width:100%">LionelMessi10
               </div>
               <img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/>
               <div style="margin:auto;text-align:center;width:100%">Administrateur
               </div>
               <a href="http://fifa11pro.forum-pro.fr/u12">
                  <div style="margin:auto;text-align:center;width:100%">Voir son profil
                  </div>
               </a>
            </span>
            </div>
         </td>
      </tr>
   </table>
</fieldset>       
</td>

Un /span final en trop

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 23:02

Oui mais quand je fais copié du deuxieme et que je la colle a la suite, ça cause un problème.

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 23:06

Copier l'ensemble du code cela sera plus simple à trouver l'erreur.
Tout y compris votre modification.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 23:11

Code:
<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">    <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form> </span></fieldset>
        </td> <br> <br> <br> <br> <br> <br> <br> <br> <br> </span></fieldset>
            <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Crédits-</font></legend><span style="color:#000000"><div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br><img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div></span></fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> →FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span></fieldset>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></span></fieldset>         
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>         
        </td>
        </tr>
        </table>
        </center>

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 23:25

Il manquait des /td et /td
et quelques balises en trop comme /span et un /fielset


Code:
<center>  <table width="90%">  <tr>    <td width="33%">  <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Contexte-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> Bienvenue {USER&amp;#8288;NAME} sur FIFA 11 Pro. FIFA 11 PRO est un forum de simulation sur FIFA 2011, le dernier opus de EA Sport. Tu as toujours voulu devenir manager de foot , et de créer l'équipe de tes rêves ? Tu trouveras ceci que sur FIFA 11 PRO qui est en même temps une famille et vous donne la chance de faire des connaissances et partager le bonheur et le malheur entre ses membres. Rejoins nous sur FIFA 11 PRO et ecris la légende ! </span></fieldset>
            </td>
              <td width="33%">   
           <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Navigation rapide-</font></legend> <span style="color:#000000"><form>
<select style="width: 268px" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Sélectionner
</option>


<option value="http://fifa11pro.forum-pro.fr/f2-reglement">
Réglement
</option>

 <option value="http://fifa11pro.forum-pro.fr/f1-presentation">
Présentation
</option>

<option value="http://fifa11pro.forum-pro.fr/f5-annonces-du-forum">
Annonce Importante
</option>

<option value="http://fifa11pro.forum-pro.fr/f6-choix-des-clubs">
Choix du club
</option>

<option value="http://fifa11pro.forum-pro.fr/f14-negociations">
Négociation
</option>

<option value="http://fifa11pro.forum-pro.fr/f20-bar-du-forum">
Bar FiFA 11 pro
</option>

</select>
</form>
</span>
</fieldset>
        </td>
        <td>
          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;">
        <legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" >
        <font size=4>-Crédits-</font>
        </legend>
        <span style="color:#000000">
        <div style="margin:auto;text-align:center;width:100%">Forum optimisé par <br>
        <img src="http://i36.servimg.com/u/f36/11/96/79/37/firefo10.png" border="0" alt="" />
<br><u>© Copyright</u>
<br> Design by 1Diss pour Fifa 11 Pro
<br> Codage by Hearth pour Fifa 11 Pro</div>
</span>
</fieldset>
        </td>
    </tr>
        <tr>
        <td>          <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Actualité-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> ?FIFA 11 PRO monte en puissance.
 Encore de bon clubs de libre ! Saisissez cette chance
 
 Nous recrutons des simulateurs ! En attendant le debut du championnat venez participer à des competitions pour enrichir votre palmares !</span>
 </fieldset>
          </td> 
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Staff-</font></legend> <table><tr><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_1-35%20(1).png"/>
<span><div style="margin:auto;text-align:center;width:100%">D.Forlan</div><img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/1-35.png"/>
<div style="margin:auto;text-align:center;width:100%">16 ans, fondateur</div><a href="http://fifa11pro.forum-pro.fr/u1"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span></div></td><td><div class="infobulle"><img src="http://www.galoula.net/fr/Services/Redimensionner-Une-Image/cache/Galoula_12-98.png"/>

<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:100%">Voir son profil</div></a></span>

<span><div style="margin:auto;text-align:center;width:90%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:90%">Voir son profil</div></a></span>

</div></td></tr></table></fieldset>       
        </td>
          <td>        <fieldset style="background-color:#7FB6EC; border : 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;"><legend style="padding: 5px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; background-color:#395DC1; border: 5 px solid #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;" > <font size=4>-Partenaire-</font></legend><span style="display: block; max-height: 110px;  overflow:auto; color:#000000"> A venir</span></fieldset>       
        </td>
        </tr>
        </table>
        </center>

J'ai peut être encore oublié d'autres erreurs.

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mar 25 Jan 2011 - 23:45

Les % ne font pas bouger l'image mais juste le texte

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 25 Jan 2011 - 23:47

Que voulez-vous dire par les % ?

ge80
+ Hyperactif +

Masculin
Messages : 16159
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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


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