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 : 18Messages : 319

    le Ven 30 Jan 2015 - 11:43

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

    le Mar 3 Fév 2015 - 19:04

    Yo ~

    Merci du partage, je déplace !

    avatar
    Kellen
    FémininAge : 26Messages : 13

    le Ven 6 Fév 2015 - 19:42

    Merci
    avatar
    Piratress
    FémininAge : 21Messages : 215

    le Ven 6 Fév 2015 - 20:21

    Cool elle est belle merci ! =)
    avatar
    Lisou
    FémininAge : 18Messages : 319

    le Dim 8 Fév 2015 - 13:08

    De rien merci à vous ♥
    avatar
    cynical-echo
    FémininAge : 21Messages : 41

    le Dim 8 Fév 2015 - 16:20

    Merci beaucoup ! :love:
    avatar
    Hana Evali
    FémininAge : 28Messages : 167

    le Mar 10 Fév 2015 - 23:02

    merci ^^



    avatar
    Deed01
    MasculinAge : 40Messages : 340

    le Ven 13 Fév 2015 - 1:42

    merci
    avatar
    Lisou
    FémininAge : 18Messages : 319

    le Dim 15 Fév 2015 - 13:28

    De rien ♥
    avatar
    Celuna
    FémininAge : 28Messages : 133

    le Lun 2 Mar 2015 - 5:56

    Merci pour ce magnifique partage
    avatar
    Silver Blast
    MasculinAge : 18Messages : 73

    le Mar 3 Mar 2015 - 20:41

    C'est beau♥♥
    avatar
    Théine
    MasculinAge : 37Messages : 24

    le Sam 7 Mar 2015 - 4:02

    Merci !
    avatar
    Chocolakato
    FémininAge : 28Messages : 796

    le Lun 9 Mar 2015 - 23:16

    TAck :)



    avatar
    Azorus
    MasculinAge : 17Messages : 35

    le Mar 31 Mar 2015 - 18:58

    Merci beaucoup :ggg1:



    Seul mon nounours peut me comprendre :cowboy: :gentleman: :bandit:


    GFX by Aleph'
    Phénix'
    FémininAge : 17Messages : 93

    le Mer 1 Avr 2015 - 14:32

    Merci
    avatar
    Lisou
    FémininAge : 18Messages : 319

    le Ven 3 Avr 2015 - 21:51

    De rien, Merci à vous ça me fait hyper plaisir ♥
    avatar
    Cassisse
    FémininAge : 26Messages : 121

    le Ven 24 Avr 2015 - 17:50

    merciiiii
    avatar
    ptite_perle
    FémininAge : 55Messages : 124

    le Ven 1 Mai 2015 - 18:04

    Merci :)



    avatar
    Filou
    FémininAge : 27Messages : 139

    le Jeu 7 Mai 2015 - 14:33

    *s'interroge sur la police utilisé pour les titres*
    Sympa ^-^
    Drogba JR
    MasculinAge : 26Messages : 88

    le Jeu 7 Mai 2015 - 19:49

    merci
    avatar
    Reece.
    FémininAge : 19Messages : 34

    le Ven 15 Mai 2015 - 15:16

    thank o/
    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Sam 23 Mai 2015 - 15:18

    sympa, merci
    avatar
    Eshon
    FémininAge : 37Messages : 194

    le Mer 3 Juin 2015 - 22:22

    Merci !
    avatar
    animiix
    MasculinAge : 23Messages : 35

    le Jeu 4 Juin 2015 - 11:37

    Merci !
    avatar
    Lunara
    FémininAge : 31Messages : 95

    le Jeu 4 Juin 2015 - 19:41

    merci pour le partage
    Contenu sponsorisé


      La date/heure actuelle est Lun 22 Oct 2018 - 20:15