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 du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

    (HALLOW) PA pour le mon forum

    avatar
    Amélia
    FémininAge : 24Messages : 49

    Jeu 8 Mai 2014 - 15:22

    Ma demande



    Introduction rapide sur ce que vous voulez, un bonjour et un merci d'avance ne sont pas de refus x)

    Schéma(s) et Eléments

    Bonjour Bonjour, j'aimerais une simple PA, cette commande n'est pas du tout urgente
    Schémas : https://i.imgur.com/F3RwVeU.png
    Tailles des éléments : J'aimerais les images pour le staff en dimension 100*100
    Ainsi que l'image pour " La vedette"
    Effets voulus : J'aimerais bien que, lorsque l'on passe la souris sur une image du STAFF, une info bulle avec une petite description et les liens pour un mp et le profil apparaissent

    Ressources
    Je n'ai pas d'image bien particulière mais j'aimerais des images en rapport avec les chats

    Autres précisions ?
    Voilà le lien du forum : http://lgdcnouvellevie.forumactif.com/ J'aimerais bien que les couleurs soit accordée avec mon forum, si possible !
    Et je tient à dire merci à la personne qui s'occupera de ma commande ♥
    • Revenir en haut
    Anonymous
    Invité

    Jeu 8 Mai 2014 - 15:24

    Hey !

    Ce serait sympa d'aller te présenter avant tout x)
    • Revenir en haut
    avatar
    Amélia
    FémininAge : 24Messages : 49

    Jeu 8 Mai 2014 - 15:38

    Voilà ma présentation !
    https://www.never-utopia.com/t49040-hello-hello-9829#729476

    Désolé d'avoir oubliée cette étape :3
    • Revenir en haut
    Anonymous
    Invité

    Ven 9 Mai 2014 - 13:56

    Merci, je prends donc ^^

    EDIT : Voila le résultat : www, mais comme il y a beaucoup d'éléments c'est assez serrés =/
    J'ai tenté une autre disposition juste en dessous.
    • Revenir en haut
    avatar
    Amélia
    FémininAge : 24Messages : 49

    Ven 9 Mai 2014 - 18:38

    C'est Magnifique ! Merci ! ♥
    Personnellement, je préfère la deuxième.
    • Revenir en haut
    Anonymous
    Invité

    Ven 9 Mai 2014 - 19:42

    Je te passe les codes alors ^^

    CSS :
    Code:
    /***************************** MISE EN FORME PA *****************************/

    .fond_PA {
      background-color: #332129;
      padding: 25px;
      text-align: justify;
    }

    .fond_PA a {
      color: #A2778B !important;
      text-decoration: none !important;
    }

    .titrePA {
      color: #A2778B;
      font-size: 30px;
      font-family: 'Dancing Script', cursive;
    }

    .sous-titresPA {
      color: #E1D5DB;
      font-size: 25px;
      font-family: 'Dancing Script', cursive;
      text-align: center;
    }

    .blocsPA {
      width: 200px;
      overflow: auto;
      background-color: #3D2A33;
      padding: 25px;
      text-align: justify;
      color: #E6DBE0;
    }

    /*** IMAGES DU STAFF ***/

    .imgPA {
      width: 100px;
      height: 100px;
    }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
     
    c.info:hover {
      z-index: 25;
    }
     
    c.info span {
      display: none;
    }
     
    c.info:hover span {
      display: block;
      position: absolute;
      top: -9em;
      left: -0em;
      width: 100px;
      height: 100px;
      background-color: #3D2A33;
      color: #F3F3F3;
      text-align: center;
      font-weight: none;
    }
     

    /***************************** FIN MISE EN FORME PA *****************************/



    PA :
    Code:
    <div class="fond_PA">
       
       <center>
          
          <div class="titrePA">
              Bienvenue sur Quatre Clans, une nouvelle vie
          </div>
           <br /><br />
          <table>
             
             <tbody>
                
                <tr>
                   
                   <td>
                      
                      <div class="sous-titresPA">
                          Contexte
                      </div>
                      
                      <div class="blocsPA" style="height: 400px;">
                          Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. Admiratio Sulpicio saepe forte et odio esset vel a in a multis P eum solebat memini una enim tum Pompeio utebare et cum coniunctissime una Attice capitali ego querella memini a sedentem ore hominum ore Meministi Attice a Sulpicio Sulpicio tribunus et forte illum amantissime quanta eo multa cum querella pauci et amantissime tum admodum et hemicyclio ut erat erat pauci coniunctissime magis qui erat is qui esset a sedentem solebat Sulpicio profecto illum quanta multum domi vixerat erat qui esset vixerat querella tribunus multa hominum pauci coniunctissime coniunctissime sedentem Pompeio erat qui multa admodum consul saepe Q vel Pompeio. <a href="#">La suite</a>
                      </div>
                      
                   </td>
                   
                   <td style="width: 30px;">
                      
                   </td>
                   
                   <td>
                      
                      <div class="sous-titresPA">
                          Nouvelles
                      </div>
                      
                      <div class="blocsPA" style="height: 120px; width: 120px !important;">
                          <span style="color: #A2778B;">XX/XX</span> Nouveauté<br /><span style="color: #A2778B;">XX/XX</span> Nouveauté<br /><span style="color: #A2778B;">XX/XX</span> Nouveauté<br /><span style="color: #A2778B;">XX/XX</span> Nouveauté<br /><span style="color: #A2778B;">XX/XX</span> Nouveauté
                      </div><br /><br />
                      <div class="sous-titresPA">
                          Liens utiles
                      </div>
                      
                      <div class="blocsPA" style="height: 60px; width: 120px !important; text-align: center;">
                          <a href="#">www</a><br /> <a href="#">www</a><br /> <a href="#">www</a><br /> <a href="#">www</a><br /> <a href="#">www</a><br />
                      </div>
                       <br /><br />
                      <div class="sous-titresPA">
                          Top-sites
                      </div>
                      
                      <div class="blocsPA" style="padding: 15px !important; width: 140px !important;">
                         
                         <center>
                             <a href="#"><img src="http://i61.servimg.com/u/f61/13/51/98/19/i_icon10.gif" /></a> <a href="#"><img src="http://i61.servimg.com/u/f61/13/51/98/19/i_icon10.gif" /></a>
                         </center>
                         
                      </div>
                      
                   </td>
                   
                   <td style="width: 30px;">
                      
                   </td>
                   
                   <td>
                      
                      <div class="sous-titresPA">
                          Le staff
                      </div><br />
                      <center>
                          <nobr><c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c> <c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c> <c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c></nobr><br /> <c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c> <c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c> <c class="info"><img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" class="imgPA" /><span><br /><br /><d style="COLOR: #f0f0f0 !important; FONT-SIZE: 17px !important">Pseudo</d> <br />Rang </span></c> <br />
                      </center>
                      
                      <div class="sous-titresPA">
                          Les amis
                      </div>
                      
                      <div class="blocsPA" style="max-height: 30px; padding: 15px; width: 270px !important;">
                          <nobr><marquee><a href="#"><img src="http://img4.hostingpics.net/pics/607783miniban5.jpg" /></a> <a href="#"><img src="http://img4.hostingpics.net/pics/607783miniban5.jpg" /></a> <a href="#"><img src="http://img4.hostingpics.net/pics/607783miniban5.jpg" /></a> <a href="#"><img src="http://img4.hostingpics.net/pics/607783miniban5.jpg" /></a> <a href="#"><img src="http://img4.hostingpics.net/pics/607783miniban5.jpg" /></a> </marquee></nobr>
                      </div>
                       <br /><br />
                      <table>
                         
                         <tbody>
                            
                            <tr>
                               
                               <td>
                                   <img src="http://i58.servimg.com/u/f58/18/43/33/39/113.png" />
                               </td>
                               
                               <td>
                                  
                                  <div class="blocsPA" style="width: 170px !important; height: 50px;">
                                      Verbis falli et tamen ego dicit non dicit philosopho vult afferat inquam a oratio afferat philosopho igitur ego sententiae philosophi istius non si possumus philosopho istius locis afferat offendit tamen philosopho non satisfacit istius tot sed intellegam philosopho igitur philosophi si offendit igitur falli philosopho philosopho et verbis admodum fallare aeque eloquentiam complectitur philosophi re non satisfacit a igitur quod intellegam complectitur ego plane admodum offendit tamen offendit flagitem afferat satisfacit quidem Torquate falli locis non quot mihi ego homines non eloquentiam sententiae et non non offendit quod ego admodum afferat oratio igitur tot satisfacit sententiae tot me vult quod.
                                  </div>
                                  
                               </td>
                               
                            </tr>
                            
                         </tbody>
                         
                      </table>
                      
                   </td>
                   
                </tr>
                
             </tbody>
             
          </table>
          
       </center>
    </div><link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css" />



    Dis-moi si tout fonctionne Wink
    • Revenir en haut
    avatar
    Amélia
    FémininAge : 24Messages : 49

    Ven 9 Mai 2014 - 19:45

    Tout fonctionne, Merci encore, elle est parfaite est magnifique ♥
    Surtout que j'y connais rien en code moi 8D
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Dim 28 Avr 2024 - 10:30