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
CSS
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.
- Si vous avez des problèmes avec ce LS, venez poster ici.
Merci pour le partage! 
