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 : 9754

    le Mar 26 Aoû - 17:03

    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
    A-Lice
    FémininAge : 24Messages : 4939

    le Mar 26 Aoû - 22:04

    J'aime beaucoup l'ensemble comme d'habitude x)

    avatar
    Kiwii
    FémininAge : 20Messages : 57

    le Mer 27 Aoû - 20:26

    C'est très beau, comme d'habitude !

    Merci pour le partage !
    avatar
    Ysandre
    FémininAge : 24Messages : 16

    le Mer 27 Aoû - 22:32

    c'est beau :hug2:
    merci du partage
    avatar
    Dydy
    FémininAge : 27Messages : 490

    le Jeu 28 Aoû - 14:24

    Merci du partage!



    avatar
    Girlicious
    FémininAge : 33Messages : 60

    le Jeu 28 Aoû - 14:36

    J'aime beaucoup et j'apprécie d'autant plus que c'est un pack complet, c'est le vraiment le top pour les quiches en codage comme moi ^^ Merci pour le partage :love:



    avatar
    Hollyx
    FémininAge : 26Messages : 76

    le Jeu 28 Aoû - 16:05

    Super! J'adore!
    avatar
    Screen
    FémininAge : 26Messages : 92

    le Jeu 28 Aoû - 20:55

    je test, merci ♥
    avatar
    Deamyx
    MasculinAge : 22Messages : 214

    le Jeu 28 Aoû - 22:22

    Merci c'est super classe
    avatar
    cosmos-chann
    FémininAge : 21Messages : 115

    le Ven 29 Aoû - 20:50

    Merci !
    avatar
    lala zhang
    FémininAge : 27Messages : 346

    le Sam 30 Aoû - 12:20

    Elle est magnifique merci du partage
    avatar
    Little Melody
    FémininAge : 17Messages : 64

    le Sam 30 Aoû - 13:05

    Merci :3
    avatar
    TimeToSmile
    FémininAge : 20Messages : 49

    le Sam 30 Aoû - 14:41

    Toujours aussi sublime 8D
    avatar
    Piratress
    FémininAge : 21Messages : 215

    le Sam 30 Aoû - 16:49

    Merci *w*
    avatar
    Madness of Wonderland
    FémininAge : 18Messages : 59

    le Sam 30 Aoû - 17:05

    merci !
    avatar
    Myfanwi
    FémininAge : 21Messages : 91

    le Sam 30 Aoû - 19:02

    Merci *w*
    avatar
    Tatia38
    FémininAge : 29Messages : 306

    le Sam 30 Aoû - 22:35

    J'adore merci
    avatar
    Mikasa
    FémininAge : 21Messages : 162

    le Sam 30 Aoû - 23:46

    merci !




    Signa:


    avatar
    Smokerlilitrope
    FémininAge : 29Messages : 45

    le Dim 31 Aoû - 14:15

    très jolie <3
    avatar
    x_Titia
    FémininAge : 27Messages : 92

    le Lun 1 Sep - 11:35

    pwouaaah très sympas, merci du partage!
    avatar
    Nemalus
    FémininAge : 20Messages : 358

    le Lun 1 Sep - 19:54

    Merci ♥
    Plumeau
    FémininAge : 23Messages : 30

    le Lun 1 Sep - 20:13

    Merci !
    avatar
    Ay.am.e
    FémininAge : 20Messages : 123

    le Mar 2 Sep - 4:22

    Merci !
    avatar
    Irony
    FémininAge : 21Messages : 102

    le Mar 2 Sep - 19:45

    Merci beaucoup <3 **
    avatar
    mackay
    MasculinAge : 29Messages : 124

    le Mar 2 Sep - 22:22

    Excellent boulot !
    Contenu sponsorisé


      La date/heure actuelle est Mer 19 Sep - 19:27