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.

-50%
Le deal à ne pas rater :
-50% Baskets Nike Dunk Low
64.99 € 129.99 €
Voir le deal

    (Nemalus) Une petite pa pour lelie ♥

    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Sam 22 Nov 2014 - 16:19

    Ma demande



    Bonjour, bonsoir, coucou, kikoo, hello ♥ Je fais appel de nouveau à votre aide pour une petite pa cette fois ci ♥ Pour ouvrir mon forum il me manque plus que ça ♥ J'aimerais une belle pa, j'ai essayé de faire un schéma..j'espère qu'il sera assez clair ^^ Je remercie d'avance, la ou les personnes qui accepteront ma demande ♥

    Schéma(s) et Eléments
    Schémas : (Nemalus) Une petite pa pour lelie ♥ Sans_t10

    Tailles des éléments :Je n'y connais rien en dimension, mais voila une dimension que je trouve peut-être convenable ? Si vous pensez que c'est trop grand, n'hésitez pas à l'a modifier : 780x400
    Effets voulus : J'aimerais bien qu'il y est un effet de zoom sur les titres, scénarios, règlement etc. J'aimerais bien que le tour de la PA soit en arrondie aussi ^^ Si possible également, qu'il y est une ombre légère pour le texte lien du profil et pseudo et qu'il y est un effet de transition lorsque la souris est sur l’icône ou le gif pour faire apparaître le texte ^^


    Ressources
    Pour le moment, voici une icone de nina dobrev et un gif ( je ne sais pas ce qui conviendrait le mieux pour l'espace staff ^^) Après pour un fond, je n'ai pas trop d'idée, si vous en avez n'hésitez pas :)

    Spoiler:
    Spoiler:
    .


    Autres précisions ? Voici les codes couleurs de mon forum, si ça peut vous aider

    couleur fond du forum : DFE1E9
    Couleur catégorie : e7cdd6
    Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...


    Dernière édition par lelie25 le Lun 24 Nov 2014 - 21:01, édité 1 fois
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 7:20

    Bonjour :)
    J'ai commencé rapidement à te faire un truc. Faut que je le mette sur mon fofo test pour que tu puisses voir ce que ça donne. Je termine ça dans l'après midi ^^
    Par contre je suis légèrement novice encore donc ça peut ne peut pas être super xD
    Est ce que je peux avoir le lien de ton forum afin de mieux visualiser toutes les nuances de couleur ainsi que la taille ? Il me faut aussi les polices d'écriture que tu souhaites avoir sur ta pa ^^ (le must serai d'avoir les mêmes que les titres de tes catégories ou que ton qeel pour pas que ce soit dépareillé. )


    EDIT : voici ce que j'ai commencé, je suis en train d'arrondir les bords et d'ajouter les effets.
    https://2img.net/r/hpimg11/pics/94970659pa.jpg
    Le fond gris correspond au fond de mon forum, étant donné que sur ton schéma je n'ai pas vu de cadre délimitant un fond je me suis dit qu'il n'y en avait sans doute pas ^^

    EDIT 2 : Voilà en fait j'avance plutôt vite ^^ Il me reste que les effets à ajouter Very Happy
    https://2img.net/r/hpimg11/pics/189755pa2.jpg

    J'attend de tes nouvelles Very Happy
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 18:18

    Coucouu

    J'adore pour une novice, c'est super :) Voila le lien de mon forum :)
    http://new-start.forumactif.org/

    Et pour l'écriture, c'est Maiandra GD


    Dernière édition par lelie25 le Lun 24 Nov 2014 - 18:36, édité 1 fois
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 18:19

    Oh parfait je vois nettement quoi faire *-*
    Merci infiniment ! Avec un peu de chance j'aurai fini ce soir ^^
    Edit : tu peux me mettre un lien menant vers la typo parce que j'en trouve 365 mais qui sont pas pareil x)
    Edit 2 : Oh non je sais ! (si ça ne te dérange pas) Est-ce que tu peux me mettre ton CSS sous hide où me l'envoyer par MP ? Comme ça je vois ce que j'ai à rajouter ou non pour les effets de texte et autre.
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 18:40

    En fait pour les dimensions, est ce que tu pourrais les baisser à 700x400 ? c'est peut_ être mieux^^
    Oui voici mon css :)



    Dernière édition par lelie25 le Lun 24 Nov 2014 - 19:08, édité 1 fois
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 18:48

    Pas de soucis je vais régler les dimensions (j'attend juste que forumactif arrête de faire des siennes ^^ )
    Merci pour le CSS je m'occupe de ça de suite Very Happy
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 18:50

    Ah donc je suis pas la seule à avoir des soucis avec forumactif, ça me rassure x)
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 19:16

    Voici le nouveau résultat : https://2img.net/r/hpimg15/pics/436249pa3.jpg
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 19:27

    J'aime bien par contre je viens de repenser à un truc....est ce que tu crois qu'au icones scénarios attendus que tu puisse mettre un effet dessus, qui tourne ( en fait quand tu passe la souris dessus, l'icone tourne)

    Si ce n'est pas possible, pas de soucis je prend la pa comme ça j'aime beaucoup :)
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 19:31

    Oh bah j'allais justement te le proposer xD
    Je t'ajoute ça de suite et je t'envoie tout Very Happy
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 19:44

    oh super merci
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 19:46

    Alors c'est parti pour les codes :
    Tout d'abord le CSS
    Code:
    /* PA par Nemalus */
    .titre{
      border: 2px #efdce5 solid;
      border-radius: 25px 25px 25px 25px;
    text-align:center;
      padding: 3px;
      background-color: #e7cdd6;
    }
    .page {
      border: 2px #efdce5 solid;
        border-radius: 25px 25px 25px 25px;
      background-color: #e7cdd6;
    text-align:justify;
      padding: 5px;
      margin: 5px;
    }
    .fondcontexte {
      border: 2px #efdce5 solid;
    text-align:justify;
      padding: 5px;
      margin: 5px;
    }

    a.info {
      position:relative;
      z-index: 999;
      color:#000000;
      text-decoration:none
    }
    a.info span {
      display: none;
    }
    a.info:hover span {
      display:block;
      position:absolute;
      z-index: 999;
      top:-13em;
      left:1em;
      width:15em;
      background-color:#efdce5;
      text-align:center;
      color:#e7cdd6;
      font-weight:none;
      padding:5px;
      border-radius: 20px;
    }
    a.forumglop {
    width: 100%;
    color: #FE6D6D !important;
    font-family: parisienne;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    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;
    }

    a.forumglop:hover {
    letter-spacing: 2px;
    color: #FE6D6D !important;
    text-decoration: none !important;
    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;
    }
    .icones{
      transition: all 1s ease-out;
      width: 60px; height: 60px;
      border-radius: 100px;
      border: 1px solid #DFE1E9;
    transition: 1s;
            -moz-transition: 1s;
            -o-transition: 1s;
            -htm-transition: 1s;
            -webkit-transition: 1s;
    }

    .icones:hover{
      -moz-transform: rotate(720deg);
      -webkit-transform: rotate(720deg);
      -o-transform: rotate(720deg);
      -ms-transform: rotate(720deg);
      transform: rotate(720deg);
      width: 60px;
      height: 60px;transition: 1s;
            -moz-transition: 1s;
            -o-transition: 1s;
            -htm-transition: 1s;
            -webkit-transition: 1s;
    }
    /* fin PA par Nemalus*/

    Et ensuite le HTML
    Code:
    <br />
    <table style="width: 100%;">
                                                                                                                                  
       <tbody>
                                                                                                                         
          <tr>
                                                                                                                            
             <td>
                                                                                                                               
                <center>
                                                                                                                                
                   <div style=" text-align: center; font-size: 14px; font-color: #fe6d6d; font-variant: small-caps;">
                                                                              <a href="#" class="forumglop">Règlement</a> -  <a href="#" class="forumglop">Contexte</a> - <a href="#" class="forumglop">Scénarios</a> - <a href="#" class="forumglop">Bottin</a> - <a href="#" class="forumglop">Partenariat</a>                                                     
                   </div>
                                                                                                                                
                </center><br />                                                       
             </td>
                                                                                                                                
          </tr>
                                                                                                                         
          <tr>
                                                                                                                                  
             <td style="width:30%; float:left">
                                                                                                                               
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                              <span style="color: #fe6d6d;">News </span>                                                     
                   </div><br />                                                   
                   <center>
                                                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                   
                   </center>
                                                                                                                                  
                </div>
                                                                                               
                <div class="page">
                                                                                                  
                   <div class="titre">
                                                                <span style="color: #fe6d6d;">Top partenaires</span>                                         
                   </div><br />                                 
                   <center>
                                                          <a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a>                                   
                   </center>
                                                                                                
                </div><br />Page d'acceuil par Nemalus sur <a href="http://www.never-utopia.com/">Never Utopia</a>                                                           
             </td>
                                                                                                                                    
             <td style="width:35%; float:left">
                                                                                                                               
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                              <span style="color: #fe6d6d;">Staff</span>                                                       
                   </div><br /><span style="color: white;"></span>                                                       
                   <center>
                                                                              <a href="LIEN" style="text-decoration:none;" class="info"><img src="http://placehold.it/100x100" style="width: 100px; height: 100px;" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a href="LIEN" style="text-decoration:none;" class="info"><img src="http://placehold.it/100x100" style="width: 100px; height: 100px;" border="0" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                       
                   </center>
                                                       <br />  <br /><br />                                                     
                </div>
                                                                                                                                 
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                              <span style="color: #fe6d6d;">Contexte</span>                                                     
                   </div><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                         
                </div>
                                                                                             
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                              <span style="color: #fe6d6d;">Top sites</span>                                                   
                   </div><br />                   
                   <div align="center">
                                          <a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a>                   
                   </div>
                                                                                                
                </div>
                                                                                               
             </td>
                                                                                                                                  
             <td style="width:30%; float:left; border-radius: 25px 0px 25px 0px;">
                                                                                                                               
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                                <span style="color: #fe6d6d;">Informations</span>                                                         
                   </div><br />                                                       
                   <center>
                                                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                   
                   </center>
                                                                                                                                    
                </div>
                                                                                                                               
                <div class="page">
                                                                                                                                  
                   <div class="titre">
                                                                              <span style="color: #fe6d6d;">Scénarios attendus</span>                                                         
                   </div><br />                                                       
                   <center>
                                                  <a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><br /><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a>                                                                                           
                   </center>
                                                                    
                </div>
                                              <span style="color: white;"></span>                                                              <br />                                                           
             </td>
                                                                                                                          
          </tr>
                                                                                                                             
       </tbody>
    </table>
     

    Si tu as besoin d'aide en ce qui concerne la modification du code, n'hésite pas ^^
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 20:20

    J'ai testé :) comme tu peux le voir sur mon fow^^

    Par contre, le seul hic c'est que comme tu le vois, les titres reglements, c'est pas super lisible...les lettres sont en gros du coup on arrive pas trop à lire..est ce que tu crois qu'on peut modifier ça ?...sinon remettre une écriture simple^^

    Pour les titre de tableaux staff etc, je vais essayer de trouver une écriture car avec maiandra GD en fait c'est un peu trop simple...je vais essayer de voir comment mettre une écriture plus sympa...

    Et dernière chose, finalement il faudrait rétrecrir la PA car elle est en fait un peu trop grande, ( je suis allée trop loin dans mes dimensions x)

    Sinon à part ça, tout est perfect^^
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 20:26

    Ok je retest un truc sur mon fofo test ^^
    Hmmmmm Et si tu essayes avec ceci ^pour le html ?
    Code:
    <br />
    <table style="width: 90%;">
                                                                                                                                        
       <tbody>
                                                                                                                               
          <tr>
                                                                                                                                  
             <td>
                                                                                                                                     
                <center>
                                                                                                                                      
                   <div style=" text-align: center; font-size: 14px; font-color: #fe6d6d;">
                                                                                  <a class="forumglop" href="#">Règlement</a> -  <a class="forumglop" href="#">Contexte</a> - <a class="forumglop" href="#">Scénarios</a> - <a class="forumglop" href="#">Bottin</a> - <a class="forumglop" href="#">Partenariat</a>                                                         
                   </div>
                                                                                                                                      
                </center><br />                                                           
             </td>
                                                                                                                                      
          </tr>
                                                                                                                               
          <tr>
                                                                                                                                        
             <td style="width:30%; float:left">
                                                                                                                                     
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                  <span style="color: #fe6d6d;">News </span>                                                         
                   </div><br />                                                       
                   <center>
                                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                       
                   </center>
                                                                                                                                        
                </div>
                                                                                                     
                <div class="page">
                                                                                                        
                   <div class="titre">
                                                                  <span style="color: #fe6d6d;">Top partenaires</span>                                           
                   </div><br />                                     
                   <center>
                                                              <a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a>                                       
                   </center>
                                                                                                      
                </div><br />Page d'acceuil par Nemalus sur <a href="http://www.never-utopia.com/">Never Utopia</a>                                                               
             </td>
                                                                                                                                          
             <td style="width:35%; float:left">
                                                                                                                                     
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                  <span style="color: #fe6d6d;">Staff</span>                                                           
                   </div><br /><span style="color: white;"></span>                                                           
                   <center>
                                                                                  <a class="info" style="text-decoration:none;" href="LIEN"><img style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a class="info" style="text-decoration:none;" href="LIEN"><img border="0" style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                           
                   </center>
                                                           <br />  <br /><br />                                                         
                </div>
                                                                                                                                       
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                  <span style="color: #fe6d6d;">Contexte</span>                                                         
                   </div><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                           
                </div>
                                                                                                   
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                <span style="color: #fe6d6d;">Top sites</span>                                                       
                   </div><br />                       
                   <div align="center">
                                              <a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a>                       
                   </div>
                                                                                                      
                </div>
                                                                                                     
             </td>
                                                                                                                                        
             <td style="width:30%; float:left; border-radius: 25px 0px 25px 0px;">
                                                                                                                                     
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                  <span style="color: #fe6d6d;">Informations</span>                                                           
                   </div><br />                                                           
                   <center>
                                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                     
                   </center>
                                                                                                                                          
                </div>
                                                                                                                                     
                <div class="page">
                                                                                                                                        
                   <div class="titre">
                                                                                  <span style="color: #fe6d6d;">Scénarios attendus</span>                                                           
                   </div><br />                                                           
                   <center>
                                                      <a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><br /><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><br /><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a>                                                                                               
                   </center>
                                                                          
                </div>
                                                  <span style="color: white;"></span>                                                              <br />                                                               
             </td>
                                                                                                                                
          </tr>
                                                                                                                                   
       </tbody>
    </table>
     
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 20:34

    Niquel, par contre dans quelle balise se trouve le code des titres ( staff...)?
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 20:35

    Dans cette balise ci :
    Code:
    <div class="titre">
                                                                                  <span style="color: #fe6d6d;">Staff</span>                                                           
                   </div><br /><span style="color: white;"></span>                                                           
                   <center>
                                                                                  <a class="info" style="text-decoration:none;" href="LIEN"><img style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a class="info" style="text-decoration:none;" href="LIEN"><img border="0" style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                           
                   </center>
                                                           <br />  <br /><br />                                                         
                </div>
    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 20:48

    Ah oui c'est vrai, merci !

    J'ai finis ma commande du coup :) et si j'ai besoin d'aide pour un petit truc, je t’écrirai Wink ou je ferai de nouveau appel à tes services pour une prochaine commande Very Happy
    Nemalus
    Nemalus
    FémininAge : 26Messages : 358

    Lun 24 Nov 2014 - 20:49

    Oh et bien avec plaisir ^^ Ma boîte à mp est ouverte en cas de besoin Very Happy
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 24 Nov 2014 - 20:57

    Wow, voilà une demande vite emballée, bien joué Nemalus ^^

    Lelie> N'oublies pas de mettre l'icône "terminé" pour qu'on puisse archiver le sujet Wink



    lelie25
    lelie25
    FémininAge : 31Messages : 160

    Lun 24 Nov 2014 - 21:01

    C'est fait :)
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 23:44