AccueilFAQRechercherMembresGroupesS'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.


    Pirate's Life

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9752

    le Mar 26 Aoû 2014 - 15:03

    Rappel du premier message :

    Plop,

    Un petit pack mi-pirate mielleux, mi-fantaisie ! Illustration des personnages taille 100*57px, illustration des nouveautés taille 300*150px.

    Avatars piochés sur Penguin Factory et illustrations trouvées sur Zérochan ou We Heart It, merci à eux !



    Page d'accueil


    HTML ▬ PhpBB 2

    Catégories ici ▬ QEEL ici ▬ Règlement ici ▬ Contexte ici ▬ Règlement ici ▬ Nouveautés & Annonces ici ▬ Relations ici ▬ Présentation ici ▬ Prédéfinis ici ▬ Liste des RP ici ▬ Contenu RP ici ▬ En-tête RP ici

    Aperçu ▬ Simple | Au survol


    CSS
    Code:
    /* --------------------------------- PA --------------------------------- */

    /* Fond de la PA */
    .fond_PA {
      padding: 15px;
      background-color: #EAEAEA;
      width: 720px;
      border-radius: 25px 0px 25px 0px;
      top: -0.9em;
      position: relative;
    }

    /* Titre de la PA */
    .titre_PA {
      font-size: 30px;
      font-family: 'Permanent Marker', cursive;
      color: #E2922E;
      padding-left: 35px;
      text-align: left;
    }

    /* Contexte */
    .contexte_PA {
      background-color: #8CDC73;
      width: 250px;
      padding: 15px;
      color: #ffffff;
      text-align: justify;
      font-size: 12px;
      position: relative;
      top: -0.5em;
    }

    /* Titre du contexte */
    .titre_PA2 {
      font-size: 25px;
      font-family: 'Lobster', cursive;
      color: #348796;
      padding-left: 35px;
    }

    /* Bloc staff */
    .staff_PA {
      background-color: #F7D772;
      width: 250px;
      padding: 15px;
      color: #E2922E;
      font-family: 'Archivo Narrow', sans-serif;
      font-size: 18px;
    }

    /* Bloc de chaque personnage du staff */
    .contenu_staff {
      color: #E2922E;
      font-family: 'Archivo Narrow', sans-serif;
      font-size: 18px;
    }

    /* Bloc informations */
    .bloc_info_PA {
      width: 187px;
      height: 40px;
      padding: 10px;
      background-color: #FF6C6C;
    }

    /* Liens de navigation rapide */
    .liens_PA {
      font-size: 14px;
      text-align: center;
      font-family: 'Archivo Narrow', sans-serif;
    }

    /* Nouveautés au survol de l'image */
    .new_PA {
      width: 300px;
      height: 150px;
      overflow: hidden;
      background-color: #91C5CA;
    }

    .new_PA_img {
      position: relative;
      z-index: 2;
      width: 300px;
      height: 150px;
      margin-left: 0px;
      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;
    }

    .new_PA:hover .new_PA_img {
      margin-left: 400px;
      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;
    }

    .new_PA_description {
      position: relative;
      z-index: 1;
      width: 280px;
      height: 110px;
      margin-top: -150px;
      text-align: justify;
      font-size: 11px;
      color: #FEFEFE;
      padding: 15px;
      overflow: auto;
    }

    /* Illustration "mouette" */
    .img_PA {
      width: 100px;
    }

    /* --------------------------------- FIN PA --------------------------------- */

    PA
    Code:
    <div class="titre_PA">
                                                 Bienvenue Marin d'eau douce !                                         
    </div>
    <div class="fond_PA">
                                                                                        
       <table>
                                                                                           
          <tbody>
                                                                                              
             <tr>
                                                                                                                                                     
                <td>
                                                             <span class="titre_PA2">Contexte</span>                                         
                   <div class="contexte_PA">
                                                                Feritas ire causam praefectus trusus quam praetorio ad ipse tempestate trusus quem in exagitabat enim discrimen discrimen est saevum coalito impedita quam convectio convectio ordinarias causam sit ire ire et monstraret saevum ut et monstraret annonae more annonae enim quam sit simul ire coalito quam et et impedita semper simul coalito. <a href="#" style="color: #257B1C !important;">Mais encore ?</a>                                         
                   </div>
                                                     <br />                                 
                   <div class="titre_PA2">
                                                                Staff                                         
                   </div>
                                                                                                    
                   <div class="staff_PA">
                                                                                                       
                      <table>
                                                                                                          
                         <tbody>
                                                                                                             
                            <tr>
                                                                                                                
                               <td>
                                                                                                                   
                                  <center>
                                                                               <img src="http://i39.servimg.com/u/f39/18/47/68/10/111.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #AF1A15;">Jack Le Requin</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                         
                                  </center>
                                                                                                                   
                               </td>
                                                                                                                
                               <td>
                                                                                                                   
                                  <center>
                                                                               <img src="http://i39.servimg.com/u/f39/18/47/68/10/211.png" style="border: 2px solid #ffffff;" /><span class="contenu_staff"><span style="color: #188D9F;">Milo The Kid</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #188D9F !important;">MP</a> • Rang • <span style="color: #44A029;">Statut</span></span> </span>                                           
                                  </center>
                                                                                                                   
                               </td>
                                                                                                                
                            </tr>
                                                                                                             
                         </tbody>
                                                                                                          
                      </table>
                                                                                                       
                   </div>
                                                                                                    
                </td>
                                                                     
                <td>
                                                   <img src="http://i39.servimg.com/u/f39/18/47/68/10/goelis10.png" class="img_PA" />                                 
                </td>
                                                                                       
                <td>
                                                                                        
                   <div class="titre_PA2">
                                              News                       
                   </div>
                                                                    
                   <div class="new_PA">
                                                                 
                      <div class="new_PA_img">
                                                       <img src="http://i39.servimg.com/u/f39/18/47/68/10/axis_p12.png" style="width: 300px;" />                         
                      </div>
                                                                               
                      <div class="new_PA_description">
                                                       Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est. Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est.                     
                      </div>
                                                               
                   </div>
                                                                            
                   <div style="clear: both;">
                                                                               
                   </div><br /><br />                 
                   <center>
                                          <span style="color: #503636; font-size: 12px;"><a href="#" class="liens_PA" style="color: #EE5148 !important;">Contexte</a> ☁ <a href="#" class="liens_PA" style="color: #E3922E !important;">Règlement</a> ☁ <a href="#" class="liens_PA" style="color: #4AA029 !important;">FAQ</a> ☁ <a href="#" class="liens_PA">Partenariat</a>    </span>                 
                   </center>
                                           <br /><br />         
                   <table>
                                               
                      <tbody>
                                                  
                         <tr>
                                                     
                            <td>
                                                    
                               <div class="bloc_info_PA">
                                          ⚓ Avatars Mangas<br />⚓ RPG type Pirates, vivons nos rêves !<br />⚓ Pseudo sous forme "Prénom NOM"       
                               </div>
                                                  
                            </td>
                                     
                            <td>
                                     <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/1_110.png" style="border: 2px solid #ffffff;" /></a>     
                            </td>
                                       
                         </tr>
                                                  
                      </tbody>
                                               
                   </table>
                              
                   <div style="white-space: nowrap;">
                            <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/2_210.png" style="border: 2px solid #ffffff;" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/310.png" style="border: 2px solid #ffffff;" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/47/68/10/410.png" style="border: 2px solid #ffffff;" /></a>       
                   </div>
                                                                        
                </td>
                                                                                                 
             </tr>
                                                                                              
          </tbody>
                                                                                           
       </table><br />
       <p align="right">
           <a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
       </p>
    </div><link href="http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette" rel="stylesheet" type="text/css" />



    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.




    < / Libre service codage >
    avatar
    Neyotox
    MasculinAge : 25Messages : 37

    le Dim 20 Sep 2015 - 21:40

    Merci
    avatar
    Cloudygirl
    FémininAge : 33Messages : 65

    le Ven 9 Oct 2015 - 19:48

    Très joli ! Merci pour le partage =)
    avatar
    Lessien
    FémininAge : 36Messages : 163

    le Dim 11 Oct 2015 - 10:01

    Merci !
    avatar
    Pavlover
    FémininAge : 22Messages : 24

    le Jeu 15 Oct 2015 - 7:31

    Superbe **
    avatar
    Hyen0w
    MasculinAge : 24Messages : 39

    le Sam 17 Oct 2015 - 18:26

    Merci beaucoup !



    avatar
    Ivelyne
    FémininAge : 25Messages : 45

    le Mar 27 Oct 2015 - 12:15

    Hyper sympa ! Merci !
    avatar
    Ravanil
    FémininAge : 25Messages : 11

    le Lun 2 Nov 2015 - 16:40

    Merci beaucoup :)
    avatar
    Elelia
    FémininAge : 22Messages : 45

    le Jeu 12 Nov 2015 - 7:42

    Ooooh j'adore les couleurs et l'agencement, merci pour cette belle PA !
    avatar
    Kamesora
    FémininAge : 26Messages : 90

    le Jeu 12 Nov 2015 - 14:19

    merci beaucoup
    avatar
    Bouffe Tout
    MasculinAge : 26Messages : 17

    le Jeu 12 Nov 2015 - 23:38

    Simplement génial.
    avatar
    Azzuen
    FémininAge : 19Messages : 61

    le Ven 13 Nov 2015 - 5:37

    Thank ya ^w^
    avatar
    Sly King
    FémininAge : 21Messages : 75

    le Mar 17 Nov 2015 - 14:59

    Vraiment très classe ♥
    avatar
    Heah92
    FémininAge : 20Messages : 86

    le Mer 25 Nov 2015 - 11:58

    Merci ! Wink
    avatar
    Lakia
    FémininAge : 19Messages : 104

    le Mer 25 Nov 2015 - 15:06

    Merci !
    avatar
    Myrcella Heaven
    FémininAge : 22Messages : 53

    le Ven 4 Déc 2015 - 14:24

    Merci !
    avatar
    Fantôma
    MasculinAge : 16Messages : 67

    le Sam 5 Déc 2015 - 16:34

    Très jolie, merci !



    avatar
    TIGRESS13
    FémininAge : 25Messages : 23

    le Ven 11 Déc 2015 - 10:40

    J'aime bien merci pour le partage :)
    avatar
    £ternal_$unshine
    FémininAge : 25Messages : 69

    le Sam 19 Déc 2015 - 11:51

    Merci pour le partage :)



    Ce Joli Kit a été créé par ma coupine Soihra ♥
    avatar
    Mystborn
    FémininAge : 18Messages : 66

    le Mar 29 Déc 2015 - 17:23

    Merci =)



    avatar
    Vixinte
    FémininAge : 20Messages : 90

    le Dim 3 Jan 2016 - 12:39

    Simple, comme j'aime ! Merci ♥
    avatar
    Sniper Soroshiya
    FémininAge : 19Messages : 42

    le Mer 13 Jan 2016 - 18:06

    Colorée et sympathique, j'apprécie ! Merci ^^ !
    avatar
    Voltino
    MasculinAge : 23Messages : 55

    le Sam 16 Jan 2016 - 1:22

    Merci
    avatar
    Sparryx
    MasculinAge : 16Messages : 71

    le Sam 16 Jan 2016 - 9:09

    Merci^^
    avatar
    MeowLowDee
    FémininAge : 26Messages : 72

    le Jeu 28 Jan 2016 - 16:36

    Merci
    avatar
    Patdrue
    FémininAge : 28Messages : 157

    le Ven 29 Jan 2016 - 17:42

    merci beaucoup! tu décoiffes
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 5:24