AccueilRechercherS'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

    Lisou
    Lisou
    FémininAge : 20Messages : 351

    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.
    Nayamea
    Nayamea
    FémininAge : 16Messages : 102

    le Lun 22 Mai 2017 - 14:22

    Merci!
    Gieve
    Gieve
    FémininAge : 31Messages : 123

    le Sam 27 Mai 2017 - 16:52

    Merci **
    angel_15
    angel_15
    FémininAge : 31Messages : 7

    le Jeu 22 Juin 2017 - 22:24

    Magnifique :aww: Merci pour le partage!



    PA Carrée - Page 4 Jensen11

    "Life itself is worth living for. If you’re not living the life that you want, fight for that life." ~ Jensen Ackles
    luna-chan86
    luna-chan86
    FémininAge : 31Messages : 195

    le Mer 26 Juil 2017 - 22:00

    Merciiiii Very Happy
    Jixdu
    Jixdu
    FémininAge : 19Messages : 40

    le Mar 22 Aoû 2017 - 18:14

    Merci !
    charlint
    charlint
    FémininAge : 21Messages : 30

    le Ven 25 Aoû 2017 - 21:23

    mercii
    Syler
    Syler
    FémininAge : 20Messages : 32

    le Dim 24 Sep 2017 - 10:24

    Merci ! :omg:
    Joshua Upshur
    Joshua Upshur
    MasculinAge : 18Messages : 42

    le Dim 8 Oct 2017 - 1:18

    Beau travail !



           
    icequeen38
    icequeen38
    FémininAge : 27Messages : 49

    le Mer 1 Nov 2017 - 15:23

    merci :)
    Koray Allister
    Koray Allister
    MasculinAge : 25Messages : 71

    le Ven 5 Jan 2018 - 2:09

    Thx



    Avatar par Aredx
    missmarie
    missmarie
    FémininAge : 29Messages : 24

    le Mer 10 Jan 2018 - 22:30

    Merci !
    phenixia74
    phenixia74
    FémininAge : 42Messages : 59

    le Lun 5 Fév 2018 - 8:05

    Merci du partage ♥
    Selmacke
    Selmacke
    FémininAge : 30Messages : 100

    le Mar 13 Fév 2018 - 17:38

    Merci :)
    Sarcastik Moose
    Sarcastik Moose
    FémininAge : 28Messages : 12

    le Lun 26 Mar 2018 - 4:18

    Très joli! :heart:
    Lone wanderer
    Lone wanderer
    MasculinAge : 28Messages : 164

    le Lun 26 Mar 2018 - 22:55

    merci ! ^^
    Aoi Kiseki
    Aoi Kiseki
    FémininAge : 28Messages : 105

    le Mar 1 Mai 2018 - 20:35

    mercii
    marie-noelle
    marie-noelle
    FémininAge : 63Messages : 112

    le Lun 21 Mai 2018 - 1:47

    merci !
    Khaleycee
    Khaleycee
    FémininAge : 30Messages : 5

    le Sam 16 Juin 2018 - 16:45

    Superbe, merci ! Very Happy
    Freya Lazare
    Freya Lazare
    FémininAge : 33Messages : 122

    le Lun 12 Nov 2018 - 16:10

    Simple et efficace, j'adore ^^
    jake price
    jake price
    FémininAge : 29Messages : 19

    le Dim 12 Juil 2020 - 21:10

    merci <3
    Contenu sponsorisé


      La date/heure actuelle est Dim 25 Oct 2020 - 15:33