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

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

    le Mar 3 Fév 2015 - 19:04

    Yo ~

    Merci du partage, je déplace !

    Kellen
    Kellen
    FémininAge : 28Messages : 13

    le Ven 6 Fév 2015 - 19:42

    Merci
    PrincesseÔ
    PrincesseÔ
    FémininAge : 23Messages : 220

    le Ven 6 Fév 2015 - 20:21

    Cool elle est belle merci ! =)
    Lisou
    Lisou
    FémininAge : 20Messages : 351

    le Dim 8 Fév 2015 - 13:08

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

    le Dim 8 Fév 2015 - 16:20

    Merci beaucoup ! :love:
    Hana Evali
    Hana Evali
    FémininAge : 30Messages : 188

    le Mar 10 Fév 2015 - 23:02

    merci ^^





    Je joue
    • ♚ Kili
    • ♚Ianto Jones
    • ♚ Thor Odinson
    • ♚ James T. Kirk
    J'anime
    • ♚ Les intrigues
    • ♚ Les soirées CB
    • ♚ Les événements
    • ♚ Le flood/les jeux


    Deed01
    Deed01
    MasculinAge : 42Messages : 341

    le Ven 13 Fév 2015 - 1:42

    merci
    Lisou
    Lisou
    FémininAge : 20Messages : 351

    le Dim 15 Fév 2015 - 13:28

    De rien ♥
    Celuna
    Celuna
    FémininAge : 30Messages : 133

    le Lun 2 Mar 2015 - 5:56

    Merci pour ce magnifique partage
    Silver Blast
    Silver Blast
    MasculinAge : 20Messages : 77

    le Mar 3 Mar 2015 - 20:41

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

    le Sam 7 Mar 2015 - 4:02

    Merci !
    Chocolakato
    Chocolakato
    FémininAge : 30Messages : 813

    le Lun 9 Mar 2015 - 23:16

    TAck :)



    Azorus
    Azorus
    MasculinAge : 19Messages : 35

    le Mar 31 Mar 2015 - 18:58

    Merci beaucoup :ggg1:



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


    GFX by Aleph'
    avatar
    Phénix'
    FémininAge : 19Messages : 95

    le Mer 1 Avr 2015 - 14:32

    Merci
    Lisou
    Lisou
    FémininAge : 20Messages : 351

    le Ven 3 Avr 2015 - 21:51

    De rien, Merci à vous ça me fait hyper plaisir ♥
    Cassisse
    Cassisse
    FémininAge : 28Messages : 127

    le Ven 24 Avr 2015 - 17:50

    merciiiii
    ptite_perle
    ptite_perle
    FémininAge : 57Messages : 125

    le Ven 1 Mai 2015 - 18:04

    Merci :)



    PA Carrée Signature
    Filou
    Filou
    FémininAge : 29Messages : 162

    le Jeu 7 Mai 2015 - 14:33

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

    le Jeu 7 Mai 2015 - 19:49

    merci
    Reece.
    Reece.
    FémininAge : 21Messages : 34

    le Ven 15 Mai 2015 - 15:16

    thank o/
    Lilynufare
    Lilynufare
    FémininAge : 30Messages : 341

    le Sam 23 Mai 2015 - 15:18

    sympa, merci
    Eshon
    Eshon
    FémininAge : 39Messages : 195

    le Mer 3 Juin 2015 - 22:22

    Merci !
    animiix
    animiix
    MasculinAge : 25Messages : 35

    le Jeu 4 Juin 2015 - 11:37

    Merci !
    Lunara
    Lunara
    FémininAge : 33Messages : 95

    le Jeu 4 Juin 2015 - 19:41

    merci pour le partage
    Contenu sponsorisé


      La date/heure actuelle est Mar 27 Oct 2020 - 19:28