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.


    PA Carrée

    Partagez
    avatar
    Lisou
    FémininAge : 17Messages : 303

    le 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.
    avatar
    Nihal
    FémininAge : 14Messages : 23

    le Ven 5 Juin 2015 - 0:21

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

    le Mar 9 Juin 2015 - 19:56

    merci !
    avatar
    Layla4
    FémininAge : 18Messages : 149

    le Mer 10 Juin 2015 - 16:24

    Merci ^^
    Hane
    FémininAge : 19Messages : 59

    le Lun 29 Juin 2015 - 1:29

    Merci beaucoup!
    avatar
    picka234
    Age : 53Messages : 440

    le Mar 30 Juin 2015 - 9:04

    merci!!!



    avatar
    Hayate747
    MasculinAge : 28Messages : 196

    le Sam 11 Juil 2015 - 15:03

    Merci :)
    Hop80
    MasculinAge : 28Messages : 138

    le Sam 11 Juil 2015 - 17:38

    merci
    avatar
    MEGALAXY
    MasculinAge : 28Messages : 18

    le Sam 11 Juil 2015 - 21:50

    mercii pirat
    avatar
    Johnson0993
    MasculinAge : 24Messages : 25

    le Mer 5 Aoû 2015 - 3:53

    Merci !
    avatar
    Kelalin
    FémininAge : 25Messages : 1888

    le Mer 5 Aoû 2015 - 11:24

    Thank youuu ! (*´・v・)
    avatar
    Fame
    MasculinAge : 28Messages : 229

    le Lun 10 Aoû 2015 - 0:52

    merci
    avatar
    Grande
    FémininAge : 30Messages : 207

    le Lun 24 Aoû 2015 - 12:23

    Merci =D



    Etoile*
    FémininAge : 26Messages : 73

    le Sam 29 Aoû 2015 - 22:12

    Merci :)
    avatar
    Fizzz
    FémininAge : 24Messages : 17

    le Sam 5 Sep 2015 - 10:40

    Merci Lisou !
    avatar
    Edekia
    FémininAge : 17Messages : 21

    le Mar 8 Sep 2015 - 21:29

    Merci
    avatar
    FREAKS*
    FémininAge : 23Messages : 30

    le Dim 13 Sep 2015 - 17:45

    Merci beaucoup :)
    avatar
    Neyotox
    MasculinAge : 25Messages : 37

    le Dim 20 Sep 2015 - 23:26

    Merci
    avatar
    Zélya
    FémininAge : 29Messages : 190

    le Mar 22 Sep 2015 - 14:04

    bonjour et merci du codage



    Linéa
    FémininAge : 23Messages : 14

    le Jeu 8 Oct 2015 - 9:59

    Kiitos
    avatar
    Raymanou
    MasculinAge : 25Messages : 49

    le Jeu 15 Oct 2015 - 19:36

    merci
    avatar
    Dacina moe
    FémininAge : 39Messages : 169

    le Lun 9 Nov 2015 - 21:14

    Joli merci :)
    avatar
    Nartiifiice
    FémininAge : 20Messages : 88

    le Lun 9 Nov 2015 - 21:26

    thanks
    avatar
    Madras
    FémininAge : 33Messages : 279

    le Dim 15 Nov 2015 - 22:15

    Merci du partage
    Psiconda
    FémininAge : 33Messages : 17

    le Jeu 17 Déc 2015 - 21:32

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

    le Dim 10 Jan 2016 - 19:30

    J'aime beaucoup
    Merci



    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 7:14