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 :
Display 24 boosters Star Wars Unlimited – Crépuscule de la ...
Voir le deal

    PA Carrée

    Lisou
    Lisou
    FémininAge : 24Messages : 351

    Ven 30 Jan 2015 - 11:43

    Rappel du premier message :

    Bonjour, voici une PA que je mets à disposition de tous.

    C'est mon premier LS donc j'espère que je ne fais pas n'importe quoi et j'espère surtout qu'il sera à votre goût, un petit merci fera apparaître les codes !


    HTML - CSS

    Aperçu : ici


    HTML
    Code:
    <div class="blocgénéral">
                                                                                                                 <br /><span class="titrepa"> Bienvenue {USERNAME}</span>      <span class="navigation"> Règlement • Prédéfinis • Présentations                  </span><br />                                                                           
       <div class="bloccontexte">
                                                                                                                  <span class="titrepartie"> CONTEXTE  </span><br /> Duplexque isdem diebus acciderat malum, quod et Theophilum insontem atrox interceperat casus, et Serenianus dignus exsecratione cunctorum, innoxius, modo non reclamante publico vigore, discessit. Intellectum est enim mihi quidem in multis, et maxime in me ipso, sed paulo ante in omnibus, cum M. Marcellum senatui reique publicae concessisti, commemoratis praesertim offensionibus, te auctoritatem huius ordinis dignitatemque rei publicae tuis vel doloribus vel suspicionibus anteferre. Ille quidem fructum omnis ante actae vitae hodierno die maximum cepit, cum summo consensu senatus, tum iudicio tuo gravissimo et maximo. Ex quo profecto intellegis quanta in dato beneficio sit laus, cum in accepto sit tanta gloria. Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae. <a href="http://www.never-utopia.com/#">La Suite ?</a>                                                                 
       </div>
                                                                                                                                                                                      
       <div class="blocnouveauté">
                                                                                                    <span class="titrepartie"> NOUVEAUTÉS  </span><br />  • <strong>00/00/00 :</strong> Ecrire ici<br />• <strong>00/00/00 :</strong> ecrire ici <br />• <strong>00/00/00 :</strong> écrire ici                                 
       </div>
                                                                       <br />                                                                             
       <div class="top-site">
                                                                                <span class="titrepartie"> TOP-SITE  </span>                          <br />                           
          <center>
                                         <img src="http://image.noelshack.com/fichiers/2014/44/1414575877-top-site2.gif" alt="" border="0" />                               
          </center>
                                                                                                                                   
       </div>
                                                                                                        
       <div class="blocstaff">
                                                          <span class="titrepartie"> STAFF </span> <br /> <span class="staff"> Pseudo</span> <br /> <a href="http://www.never-utopia.com/#" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414523453-newt-staff.png" alt="" border="0" /></a>  <br /> <span class="staff">Rang • <a href="http://www.never-utopia.com/#">MP</a> <br /><br /> <span class="staff"> Pseudo </span> <br /> <a href="http://www.never-utopia.com/#" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414753432-teresa-staff.png" alt="" border="0" /></a>  <br /> <span class="staff"> Rang • <a href="http://www.never-utopia.com/#">MP</a> </span>  <br />                                      </span>         
       </div>
                                                                                            
       <div class="blocgroupe">
                                                      <span class="titrepartie"> GROUPES  </span><br />• <strong>Groupe 1 :</strong> <span style="color: #009900;">Ouvert</span><br />• <strong>Groupe 2 : </strong> <span style="color:#ff9900;">Prioritaire</span>                                         
       </div>
                                                                                      
       <div class="prédéfinis">
                                                  <span class="titrepartie"> PRÉDÉFINIS  </span><br />           
          <center>
                     <a href="http://www.never-utopia.com/#" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414766023-predefini-1.png" alt="" border="0" /></a>  <br /><br /> <a href="http://www.never-utopia.com/#" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414777631-predefini-2.png" alt="" border="0" /></a>         
          </center>
                                             
       </div><br />                                                                                         
       <div class="partenaire">
                                            <span class="titrepartie"> PARTENAIRES  </span>  <br />                                 
          <marquee>
                                           <a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414572779-bouton-partenariat-80par35.png" alt="" border="0" /></a> <a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414572779-bouton-partenariat-80par35.png" alt="" border="0" /></a> <a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414572779-bouton-partenariat-80par35.png" alt="" border="0" /></a> <a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414572779-bouton-partenariat-80par35.png" alt="" border="0" /></a> <a href="http://www.never-utopia.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2014/44/1414572779-bouton-partenariat-80par35.png" alt="" border="0" /></a>                             
          </marquee>
                                                                     
       </div>
          
       <div class="crédits²">
                                            <span class="titrepartie"> CRÉDITS </span>  <br />  ECRIRE ICI ECRIRE ICI NE PAS OUBLIER METTRE UN CREDIT A NU.                                 
       </div><br /> <span class="puf">© PA PAR LISOU DE <a href="http://www.never-utopia.com/">N.UTOPIA</a></span>                            <link href="http://fonts.googleapis.com/css?family=Black+Ops+One" rel="stylesheet" type="text/css" />
    </div>

    CSS
    Code:
    /** PA DE LISOU DEBUT */

    .blocgénéral {
      width: 800px;
      height: 558px;
      border: 2px solid #2B384A;
      box-shadow: 1px 0px 2px #000000;
      background-color: #67818D;
      }

    .titrepa {
      text-align: center;
      font-family: 'Black Ops One', cursive;
      font-size: 36px;
      color: #2B384A;
      text-shadow: 1px 0px 2px #2B384A;
      border-bottom: 3px dotted #2B384A;
      display: block;
     
    }

    .navigation {
      text-align: center;
      font-family: 'Black Ops One', cursive;
      letter-spacing: 3px;
      font-size: 18px;
      color: #2B384A;
     
    }

    .bloccontexte {
      width: 530px;
      height: 200px;
      border: 1px solid #2B384A;
      display: inline-block;
      margin-left: -220px;
      overflow: auto;
      text-align: justify;
      padding-left: 10px; 
      padding-right: 10px;
    }

    .titrepartie {
     
      text-align: center;
      font-family: 'Black Ops One', cursive;
      font-size: 18px;
      color: #2B384A;
      text-shadow: 1px 0px 2px #2B384A;
      border-bottom: 3px dotted #2B384A;
      display: block;
     
    }

    .blocnouveauté {
      width: 205px;
      height: 200px;
      margin-left: 10px;
      margin-right: -220px;
      display: inline-block;
      border: 1px solid #2B384A;
      overflow: auto;
      text-align: justify;
      padding-left: 10px; 
      padding-right: 10px;
     
    }

    .top-site {
      width: 140px;
      height: 130px;
      border: 1px solid #2B384A;
      margin-left: -416px;
      display: inline-block;
      overflow: auto;
      padding: 5px;
      text-align: justify;
      margin-top: 5px;
    }

    .blocstaff {
      width: 200px;
      height: 130px;
      border: 1px solid #2B384A;
      display: inline-block;
      overflow: auto;
      padding: 5px;
      text-align: center;
      margin-left: 10px;
      margin-top: 5px;

    }

    .staff {
      color: #2B384A;
      font-family: 'Black Ops One', cursive;
      font-size: 14px;
      margin-left: 10px;
    }

    .blocgroupe {
      width: 200px;
      height: 130px;
      border: 1px solid #2B384A;
      display: inline-block;
      overflow: auto;
      padding: 5px;
      text-align: center;
      margin-left: 10px;
      margin-top: 5px;
      margin-right: -227px;
      text-align: justify;
     
    }

    .prédéfinis {
      width: 160px;
      height: 130px;
      border: 1px solid #2B384A;
      margin-left: 240px;
      display: inline-block;
      overflow: auto;
      padding: 5px;
      text-align: justify;
      margin-top: 5px;
      margin-right: -415px;
    }

    .crédits² {
      width: 140px;
      height: 80px;
      overflow: auto;
      text-align: justify;
      border: 1px solid #2B384A;
      display: inline-block;
      margin-top: -92px;
      margin-left: 645px;
      padding: 5px;
     
    }

    .partenaire {
      width: 614px;
      height: 80px;
      overflow: auto;
      text-align: justify;
      border: 1px solid #2B384A;
      display: inline-block;
      margin-top: 5px;
      padding: 5px;
      margin-left: 10px;
      margin-right: 480px;
     
    }

    .puf {
      color: #2B384A;
      font-family: 'Black Ops One', cursive;
      font-size: 13px;
      text-shadow: 1px 0px 2px #2B384A;
      margin-left: 600px;

    }

    /*PA DE LISOU FIN */




    Vos commentaires et remerciements sont toujours bienvenus ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS, venez poster ici.
    Nihal
    Nihal
    FémininAge : 20Messages : 23

    Ven 5 Juin 2015 - 0:21

    Merci, c'est vraiment beau!
    Perlou
    Perlou
    FémininAge : 22Messages : 8

    Mar 9 Juin 2015 - 19:56

    merci !
    Layla4
    Layla4
    FémininAge : 25Messages : 149

    Mer 10 Juin 2015 - 16:24

    Merci ^^
    avatar
    Hane
    FémininAge : 26Messages : 70

    Lun 29 Juin 2015 - 1:29

    Merci beaucoup!
    picka234
    picka234
    FémininAge : 59Messages : 636

    Mar 30 Juin 2015 - 9:04

    merci!!!
    Hayate747
    Hayate747
    MasculinAge : 34Messages : 196

    Sam 11 Juil 2015 - 15:03

    Merci :)
    avatar
    Hop80
    MasculinAge : 35Messages : 138

    Sam 11 Juil 2015 - 17:38

    merci
    MEGALAXY
    MEGALAXY
    MasculinAge : 35Messages : 20

    Sam 11 Juil 2015 - 21:50

    mercii pirat
    Johnson0993
    Johnson0993
    MasculinAge : 31Messages : 25

    Mer 5 Aoû 2015 - 3:53

    Merci !
    Anonymous
    Invité

    Mer 5 Aoû 2015 - 11:24

    Thank youuu ! (*´・v・)
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Lun 10 Aoû 2015 - 0:52

    merci
    Grande
    Grande
    FémininAge : 36Messages : 207

    Lun 24 Aoû 2015 - 12:23

    Merci =D



    PA Carrée - Page 2 171074gwenj10
    avatar
    Etoile*
    FémininAge : 33Messages : 82

    Sam 29 Aoû 2015 - 22:12

    Merci :)
    Fizzz
    Fizzz
    FémininAge : 30Messages : 17

    Sam 5 Sep 2015 - 10:40

    Merci Lisou !
    Edekia
    Edekia
    FémininAge : 23Messages : 21

    Mar 8 Sep 2015 - 21:29

    Merci
    FREAKS*
    FREAKS*
    FémininAge : 29Messages : 30

    Dim 13 Sep 2015 - 17:45

    Merci beaucoup :)
    Neyotox
    Neyotox
    MasculinAge : 31Messages : 37

    Dim 20 Sep 2015 - 23:26

    Merci
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Mar 22 Sep 2015 - 14:04

    bonjour et merci du codage



    PA Carrée - Page 2 891727signaNanmoue
    avatar
    Linéa
    FémininAge : 29Messages : 14

    Jeu 8 Oct 2015 - 9:59

    Kiitos
    Raymanou
    Raymanou
    MasculinAge : 32Messages : 49

    Jeu 15 Oct 2015 - 19:36

    merci
    Dacina moe
    Dacina moe
    FémininAge : 46Messages : 171

    Lun 9 Nov 2015 - 21:14

    Joli merci :)
    Nartiifiice
    Nartiifiice
    FémininAge : 26Messages : 88

    Lun 9 Nov 2015 - 21:26

    thanks
    Madras
    Madras
    FémininAge : 39Messages : 285

    Dim 15 Nov 2015 - 22:15

    Merci du partage
    avatar
    Psiconda
    FémininAge : 39Messages : 18

    Jeu 17 Déc 2015 - 21:32

    Merci du partage
    Foudy
    Foudy
    FémininAge : 20Messages : 14

    Dim 10 Jan 2016 - 19:30

    J'aime beaucoup
    Merci



    PA Carrée - Page 2 Sans-t11
    Contenu sponsorisé


      La date/heure actuelle est Dim 13 Oct 2024 - 12:34