AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Google Pixel 7 5G – Smartphone 6,3″ OLED FHD+ 8 Go + 128 Go
316 €
Voir le deal

    (HALLOW) PA en tableaux

    Risa
    Risa
    FémininAge : 35Messages : 264

    Dim 29 Juin 2014 - 17:28

    Bonjour, bonsoir,

    Titre peu explicite, les PA sont quasiment toujours en tableaux xD. Je me suis essayé aux tuto pour créer des tableaux pour ma PA, mais je n'ai réussi qu'à faire quelque chose d'un peu bancal, j'ai aussi regardé dans le LS des PA mais n'ai pas trouvé mon bonheur. Je préfère demander de l'aide, sinon on avancera pas.

    Ma demande



    Alors, je voudrai pouvoir faire une PA en tableaux, si possible avec des infobulles pour le staff (1 ou 2). J'ai fait un petit schéma louche, j'espère que ce sera compréhensible.

    Schéma(s) et Eléments
    Schémas : https://i.servimg.com/u/f39/12/24/75/88/shcama10.jpg
    Tailles des éléments : Pour les images du staff, ce sera en 250x25 au cas ou.
    Effets voulus : Pour les infobulles, je voudrai juste mettre du texte dedans du style: Rang, statut de présence, lien du profi, donc une petit infobulle sans image.


    Merci à la personne qui prendra le temps de me répondre et bonne soirée !
    Risa
    Risa
    FémininAge : 35Messages : 264

    Mar 1 Juil 2014 - 19:39

    Bonjour, ma demande est toujours d'actualité, merci :)
    Risa
    Risa
    FémininAge : 35Messages : 264

    Jeu 3 Juil 2014 - 21:39

    Bonsoir, ma demande est toujours d'actu' merci o/
    Anonymous
    Invité

    Lun 7 Juil 2014 - 22:35

    Plop !

    Je débute. Par contre on pourrait avoir un aperçu du forum pour accorder les couleurs ? Ou au moins une piste, là c'est flou =O Et tu veux quel type de police ? =3
    Risa
    Risa
    FémininAge : 35Messages : 264

    Lun 7 Juil 2014 - 23:32

    Bonjour, alors pour le moment je n'ai plus de pc, je ne sais pas s'il est possible de mettre la demande en attente, le temps que je le récupère ?
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Mar 8 Juil 2014 - 14:44

    Pas de problème, Misa ! Je mets en pause :)
    Pense à répondre aux questions d'Hallow quand tu reviendras



     
    Anonymous
    Invité

    Mar 8 Juil 2014 - 15:28

    J'avais quand même commencé donc tu verras le résultat à ton retour : www =3
    Risa
    Risa
    FémininAge : 35Messages : 264

    Dim 20 Juil 2014 - 16:47

    Bonjour,

    Merci de votre patience. Je suis enfin de retour, alors pour l'aperçu c'est exactement ce que je veux, y a juste le "bienvenue sur le forum" que je voyais à l'intérieur de la PA plutôt que sur le cadre ^^

    Concernant les couleurs, désolée de ne pas avoir donné plus de détails, ce sont les mêmes couleurs que pour le QEEL que tu as fait Halloween.

    J'aurai souhaité le fond des cases de la PA en #EBE3CA
    Par contre je n'ai pas trop d'idées pour la couleur de fond des titres, j'utilise du #FAEDD1 pour le fond de mes catégories si ça peut aider ^^ .

    Pour les polices, je crois que c'est du georgia que j'ai pour les titres et pour les textes, verdana. Des classiques. J'espère que ça aura été un peu utile.

    Merci =)

    PS @ Neva: Moi c'est Risa XD
    Anonymous
    Invité

    Dim 20 Juil 2014 - 17:01

    Tu peux me repasser le lien de ton forum ou de ta demande s'il te plait ? J'en ai fais pas mal des QEEL et j'avoue que je ne me souviens pas, excuse-moi =$
    Risa
    Risa
    FémininAge : 35Messages : 264

    Dim 20 Juil 2014 - 19:49

    XD Oui c'est un peu normal, aucun problème, voilà le lien de la demande:

    https://www.never-utopia.com/t49770-hallow-un-qeel-en-tableau-modification-des-phrases

    Anonymous
    Invité

    Dim 20 Juil 2014 - 22:15

    C'est modifié, mais je trouve que ça rend moins bien =/
    Pour les titres j'ai mis du jaune, ça découlait des couleurs que tu m'as donné, mais avec le forum ce serait plus simple.
    Risa
    Risa
    FémininAge : 35Messages : 264

    Lun 21 Juil 2014 - 2:14

    Oui tu n'as pas torts, les polices que tu avais mises étaient très bien en fait !
    Pour les couleurs, je te donne le lien du forum, car moi-même je ne sais pas trop ce qu'il conviendrait.
    Anonymous
    Invité

    Lun 21 Juil 2014 - 11:58

    C'est arrangé : www =3
    Risa
    Risa
    FémininAge : 35Messages : 264

    Lun 21 Juil 2014 - 15:09

    Oh merci, c'est parfait comme ça Very Happy
    Anonymous
    Invité

    Lun 21 Juil 2014 - 17:33

    Voici donc la PA :

    Code:
    <link href="http://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet" type="text/css" /><img src="http://img11.hostingpics.net/pics/573458Modification.png" style="height: 35em; position: fixed; top: 0em; left: -1em; z-index: 3;" />
    <div class="widget">
       
    </div>
     
    <div class="widget_interne">
       
       <div style="font-family: 'Parisienne', cursive; font-size: 30px; text-align: center; color: #B19A69;">
           Titre
       </div>
       
       <div style="overflow: auto; width: 17em; height: 19em;">
           Agentes industria idem quaedam perviis omnes omnes agitare cognito casu cognito omnes idem idem in nequo de Gallus quaedam de suae per quaedam ac conaretur omnes incertus casu agentes conducentia in omnes de nequo nequo Gallus perviis perviis de perviis casu industria sunt saluti mortalem conaretur omnes quaedam cognito casu idem suae agentes de omnes saluti saluti ac industria incertus remoti sunt ac Constantius perviis agitare futuris civitatibus agitare exarsit civitatibus remoti perviis remoti casu mortalem de cognito per de idem agentes civitatibus exarsit conaretur sunt sunt nequo in saluti conaretur per idem agentes conaretur casu Gallus ultra nequo omnes.Agentes industria idem quaedam perviis omnes omnes agitare cognito casu cognito omnes idem idem in nequo de Gallus quaedam de suae per quaedam ac conaretur omnes incertus casu agentes conducentia in omnes de nequo nequo Gallus perviis perviis de perviis casu industria sunt saluti mortalem conaretur omnes quaedam cognito casu idem suae agentes de omnes saluti saluti ac industria incertus remoti sunt ac Constantius perviis agitare futuris civitatibus agitare exarsit civitatibus remoti perviis remoti casu mortalem de cognito per de idem agentes civitatibus exarsit conaretur sunt sunt nequo in saluti conaretur per idem agentes conaretur casu Gallus ultra nequo omnes.
       </div>
    </div>
     
    <div style="background-color: #F9F4F2;">
        <br /><br />
       <div class="PA_générale">
          
          <div class="titre_PA1">
              Bienvenue sur le forum
          </div>
          
          <center>
             
             <table>
                
                <tbody>
                   
                   <tr>
                      
                      <td>
                         
                         <div class="bloc_PA_nav">
                            
                            <div class="bloc_titre_PA" style="width: 290px;">
                                <strong> Navigation</strong>
                            </div>
                            
                            <div style="width: 250px; height: 80px; overflow: auto; padding: 20px;">
                                <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#">Navigation</a> <br /><span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#">Navigation</a> <br /><span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#">Navigation</a> <br /><span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#">Navigation</a>
                            </div>
                             <br />
                         </div>
                         
                      </td>
                      
                      <td>
                         
                         <div class="bloc_PA">
                            
                            <div class="bloc_titre_PA" style="width: 100%;">
                                <strong>Contexte</strong>
                            </div>
                            
                            <div style="width: 380px; height: 100px; overflow: auto; padding: 10px;">
                                Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis. Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis. Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis.
                            </div>
                             <br />
                         </div>
                         
                      </td>
                      
                   </tr>
                   
                   <tr>
                      
                      <td>
                          <br />
                         <center>
                            
                            <div class="bloc_PA">
                               
                               <div class="bloc_titre_PA" style="width: 290px;">
                                   <strong> Staff</strong>
                               </div>
                               
                               <div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                                   <br />
                                  <div class="staff">
                                     
                                     <div class="staff_img">
                                         <img src="http://i39.servimg.com/u/f39/18/40/69/79/52185210.png" />
                                     </div>
                                     
                                     <div class="staff_description">
                                        
                                        <center>
                                            <span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Pseudo Monmien</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> Rang </span><br /> <span style="font-family: 'Amatic SC',cursive; font-size: 18px; text-align: center; color: #5EAED0; font-weight: bold;"> Présent </span> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#" style="font-family: 'Amatic SC',cursive; font-size: 18px; font-weight: bold; color: #D67365 !important;">Profil</a>
                                        </center>
                                        
                                     </div>
                                     
                                  </div><br />
                                  <div class="staff">
                                     
                                     <div class="staff_img">
                                         <img src="http://i39.servimg.com/u/f39/18/40/69/79/52185210.png" />
                                     </div>
                                     
                                     <div class="staff_description">
                                        
                                        <center>
                                            <span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Pseudo Monmien</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> Rang </span><br /> <span style="font-family: 'Amatic SC',cursive; font-size: 18px; text-align: center; color: #5EAED0; font-weight: bold;"> Présent </span> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#" style="font-family: 'Amatic SC',cursive; font-size: 18px; font-weight: bold; color: #D67365 !important;">Profil</a>
                                        </center>
                                        
                                     </div>
                                     
                                  </div>
                                  
                               </div>
                               
                            </div>
                            
                         </center>
                         
                      </td>
                      
                      <td>
                          <br />
                         <div class="bloc_PA">
                            
                            <div class="bloc_titre_PA" style="width: 100%;">
                                <strong>Informations</strong>
                            </div>
                            
                            <div style="width: 380px; height: 81px; overflow: auto; padding: 20px;">
                                Mortalem incertus idem omnes incertus futuris saluti futuris quaedam de modum ac civitatibus agitare mortalem agentes industria futuris de in quaedam civitatibus sunt in nequo exarsit civitatibus casu incertus de in conducentia omnes ac idem ac suae industria suae ultra itinera remoti casu suae modum de agitare civitatibus omnes nequo agentes nequo ac per modum agitare de ultra sunt nequo agitare itinera omnes ac industria Constantius incertus incertus milites perviis conducentia conducentia conaretur de ultra industria modum saluti omnes agentes omnes conaretur modum perviis casu casu incertus Constantius de modum idem de omnes Constantius cognito per ultra incertus Constantius civitatibus.
                            </div>
                             <br />
                         </div>
                         
                      </td>
                      
                   </tr>
                   
                </tbody>
                
             </table>
              <br />
             <div class="bloc_PA" style="width: 715px;">
                
                <div class="bloc_titre_PA" style="width: 100%;">
                    <strong>Nouveautés</strong>
                </div>
                
                <div style="width: 690px; height: 100px; overflow: auto; padding: 10px;">
                    Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis. Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis. Gestus sit speciem tibiaeque et nunc studiorum clausis sonu paucae nunc philosopho exundant non artium ita instrumenta instrumenta carpentorum in cultibus carpentorum levia sonu domus cantor cultibus in in organa et et hydraulica bybliothecis locum ludibriis lyrae et histrionici studiorum ritu studiorum doctor histrionici domus paucae gestus sit ita lyrae clausis antea sepulcrorum clausis et organa antea accitur nunc ad sonu non philosopho sit accitur histrionici exundant denique oratoris celebratae in antea vocali levia domus fidium paucae cum pro domus ad studiorum ignaviae et ad in celebratae instrumenta exundant fidium et artium tinnitu ludibriis et et seriis ingentes vocali bybliothecis.
                </div>
                 <br />
             </div>
             
          </center>
           <br />
          <center>
             
             <table>
                
                <tbody>
                   
                   <tr>
                      
                      <td>
                         
                         <div class="bloc_PA_nav">
                            
                            <div class="bloc_titre_PA" style="width: 290px;">
                                <strong>Top Sites</strong>
                            </div>
                            
                            <div style="width: 250px; height: 40px; overflow: auto; padding: 20px;">
                               
                               <center>
                                   <a href="#" target="_blank"><img src="http://i58.servimg.com/u/f58/18/40/69/79/partly10.png" /></a> <a href="#" target="_blank"><img src="http://i58.servimg.com/u/f58/18/40/69/79/partly10.png" /></a> <a href="#" target="_blank"><img src="http://i58.servimg.com/u/f58/18/40/69/79/partly10.png" /></a> <a href="#" target="_blank"><img src="http://i58.servimg.com/u/f58/18/40/69/79/partly10.png" /></a>
                               </center>
                               
                            </div>
                             <br />
                         </div>
                         
                      </td>
                      
                      <td>
                         
                         <div class="bloc_PA">
                            
                            <div class="bloc_titre_PA" style="width: 100%;">
                                <strong>Partenaires</strong>
                            </div>
                            
                            <div style="width: 380px; height: 40px; overflow: auto; padding: 20px;">
                                <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a> <a href="http://www.never-utopia.com" target="_blank"><img src="http://img4.hostingpics.net/pics/932453miniban2.jpg" /></a>
                            </div>
                             <br />
                         </div>
                         
                      </td>
                      
                   </tr>
                   
                </tbody>
                
             </table>
             
          </center>
          
       </div>
    </div>
     <link href="http://fonts.googleapis.com/css?family=Rochester" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Julius+Sans+One|Finger+Paint|Amatic+SC|Oswald" rel="stylesheet" type="text/css" />

    Et le CSS :

    Code:
    /* --------------------------------- PAGE D'ACCUEIL --------------------------------- */

    /* Fond de la PA */
    .PA_générale {
      background-color: #FAEDD1;
      width: 750px;
      padding: 20px;
      border: 3px solid #EBE3CA;
      text-align: justify;
    }

    /* Mise en forme du titre de la PA */
    .titre_PA1 {
      font-family: 'Rochester', cursive;
      font-size: 40px;
      text-align: center;
      color: #917C8F;
    }

    /* Mise en forme des divers blocs */
    .bloc_PA {
      background-color: #EBE3CA;
      text-align: justify;
      color: #55404D;
    }

    /* Mise en forme des divers blocs au survol */
    .bloc_PA:hover {
      border-left: 2px solid #917C8F;
      border-right: 2px solid #917C8F;
    }

    /* Mise en forme des titres des blocs */
    .bloc_titre_PA {
      background-color: #917C8F;
      font-family: 'Amatic SC', cursive;
      transform: capslock;
      font-size: 24px;
      text-align: center;
      color: #F9F4F2;
      font-weight: bold;
    }


    /* Mise en forme des liens présents dans les blocs au survol */
    .bloc_PA a:hover{
      text-decoration: none !important;
    }

    /* Mise en forme particulière du bloc de navigation */
    .bloc_PA_nav {
      background-color: #EBE3CA;
      text-align: justify;
      color: #55404D;
    }

    /* Mise en forme du bloc navigation au survol */
    .bloc_PA_nav:hover {
      border-left: 2px solid #917C8F;
      border-right: 2px solid #917C8F;
    }

    /* Mise en forme des liens du bloc navigation */
    .bloc_PA_nav a{
      color: #ED8E69 !important;
      font-family: 'Julius Sans One', sans-serif;
      font-size: 15px;
      font-weight: bold;
    }

    /* Mise en forme des liens du bloc navigation au survol */
    .bloc_PA_nav a:hover{
      font-style: italic;
      text-decoration: none !important;
      color: #4B675B !important;
      font-family: 'Finger Paint', cursive;
    }

    /* Coulissement du staff */

    .staff {
      width: 275px;
      height: 50px;
      overflow: hidden;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      width: 275px;
      height: 50px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -100px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      z-index: 1;
      width: 275px;
      height: 50px;
      margin-top: 50px;
      text-align: justify;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
      background-color: #F3FCE0;
    }

    /* --------------------------------- FIN PAGE D'ACCUEIL --------------------------------- */

    Dis-moi si tout fonctionne \o/
    Risa
    Risa
    FémininAge : 35Messages : 264

    Lun 21 Juil 2014 - 18:00

    Il y avait un bout de code en trop avant la PA, ce qui me donnait le widget sur le côté gauche, mais sinon, tout marche parfaitement, encore merci !

    J'ai juste une question en rapport aux images du staff, est-ce que je peux changer la taille sans que ça affecte celle de la case en entier ? Si par exemple, je dois ajouter des images par la suite, je n'ai pas envie de faire des bêtises. D'ailleurs, je les trouve un peu trop grandes maintenant :/ XD désolée de t'embêter avec ça
    Anonymous
    Invité

    Lun 21 Juil 2014 - 18:14

    Ah pardon j'ai pas fais assez attention ><
    Ca dépend quelle taille tu veux mettre, car il faudra modifier à la fois l'image, le positionnement de l'image et du texte, soit toute cette partie :

    Code:

    /* Coulissement du staff */

    .staff {
      width: 275px;
      height: 50px;
      overflow: hidden;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      width: 275px;
      height: 50px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -100px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      z-index: 1;
      width: 275px;
      height: 50px;
      margin-top: 50px;
      text-align: justify;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
      background-color: #F3FCE0;
    }
    Risa
    Risa
    FémininAge : 35Messages : 264

    Lun 21 Juil 2014 - 19:27

    En gros, il faut juste que je mette la même taille partout ?
    C'est juste pour la hauteur des images, j'ai vu que celles que tu utilises sont de 63px, mais si je la change en 35 par exemple, est-ce que je devrais également toucher au CSS ?
    Anonymous
    Invité

    Lun 21 Juil 2014 - 20:18

    Oui, sinon le fond de la bulle se verra à travers =/ Mais du coup ça va être chaud de rentrer tout le texte hein Oo
    Risa
    Risa
    FémininAge : 35Messages : 264

    Mar 22 Juil 2014 - 1:23

    D'accord, je vais laisser tel quel, j'avais pas vu en plus qu'il y avait une barre de défilement, donc il suffira de rajouter des images je suppose ^^
    En tous cas merci milles fois pour ton dur labeur et tes explications, ma demande est donc close \o/
    Anonymous
    Invité

    Mar 22 Juil 2014 - 13:32

    Pour ajouter un membre du staff il faudra ajouter tout ceci en fait :

    Code:
    <div class="staff">
                                   
                                    <div class="staff_img">
                                        <img src="http://i39.servimg.com/u/f39/18/40/69/79/52185210.png" />
                                    </div>
                                   
                                    <div class="staff_description">
                                       
                                        <center>
                                            <span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Pseudo Monmien</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> Rang </span><br /> <span style="font-family: 'Amatic SC',cursive; font-size: 18px; text-align: center; color: #5EAED0; font-weight: bold;"> Présent </span> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="#" style="font-family: 'Amatic SC',cursive; font-size: 18px; font-weight: bold; color: #D67365 !important;">Profil</a>
                                        </center>
                                       
                                    </div>
                                   
                                  </div><br />

    Bonne continuation Wink
    Risa
    Risa
    FémininAge : 35Messages : 264

    Mar 22 Juil 2014 - 15:23

    Oki merci :)
    Anonymous
    Invité

    Jeu 24 Juil 2014 - 21:44

    Penses à éditer ton premier message en y ajoutant le symbole "terminé" si c'est bon Wink
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 17:39