Rappel du premier message :
Suite à une demande de Javarakita voici une PA Pink & Gray.
Je précise que l'arrière plan bleu correspond à mon forum.
Et le code :
HTML :
CSS :
PA Pink & Gray
Catégories
Qeel
PA Pink & Gray
Suite à une demande de Javarakita voici une PA Pink & Gray.
Je précise que l'arrière plan bleu correspond à mon forum.
HTML & CSS ~ Voici donc un aperçu : www
Et le code :
HTML :
- Code:
<br/><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><div class="PA_fond"><span class="PA_titre">Bienvenue à Canberra, {USERNAME}</span><br/><br/><span class="PA_titre_contexte">Contexte</span> <span class="PA_titre_staff">Staff</span><br/><div class="PA_contexte">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis nisi ac augue tempus, eu malesuada quam cursus. In ullamcorper elit interdum lorem blandit, quis luctus nunc posuere. Curabitur a orci ultricies, dignissim lectus ac, malesuada orci. Sed tempus tellus imperdiet massa tempus, vel congue leo sodales. Nam luctus est in ipsum volutpat, vitae ultricies mi aliquet. Ut vel nisi vel velit dignissim aliquam id eget dui. Aliquam non velit velit. Fusce vehicula urna et ipsum tincidunt, quis blandit tellus ullamcorper.
</div> <div class="PA_staff"><br/>
<div class="PA_staff_img" style="padding-right:7px;"><img src="http://img11.hostingpics.net/pics/6591289067.png" /></div> <div class="PA_staff_img"><img src="http://img11.hostingpics.net/pics/6591289067.png" /></div>
<br/><span class="PA_staff_texte">Pseudo<br/>Groupe-Mp</span> <span class="PA_staff_texte">Pseudo<br/>Groupe-Mp</span>
</div><br/><br/><span class="PA_titre_lien">Liens Utiles</span> <span class="PA_titre_new">Nouveautés</span> <span class="PA_titre_ami">Les amis</span><div class="PA_lien"><a href="LIEN">www</a><br/>
<a href="LIEN">www</a><br/>
<a href="LIEN">www</a><br/>
<a href="LIEN">www</a><br/>
<a href="LIEN">www</a><br/>
<a href="LIEN">www</a><br/>
</div> <div class="PA_new">XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
</div> <div class="PA_ami"><br/>
<div class="PA_partenaire"><marquee direction="down" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><a href="LIEN PARTENAIRE"><img src="http://img11.hostingpics.net/pics/835225rouge.png" /></a><a href="LIEN PARTENAIRE"><img src="http://img11.hostingpics.net/pics/835225rouge.png" /></a></marquee></div>
<br/><a href="LIEN">Devenir Ami</a> - <a href="LIEN">Nos Amis</a>
</div>
<a href="http://www.never-utopia.com/" style="font-size:11px; text-align:center; text-decoration:none;">© By A-Lice sur Never-Utopia</a>
</div>
CSS :
- Code:
.PA_fond {
width:750px;
background-color:WhiteSmoke;
padding:10px;
font-family: Trebuchet MS;
}
.PA_titre {
display:block;
text-align:center;
font-size:40px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_titre_contexte {
display:inline-block;
width:510px;
text-align:left;
font-size:25px;
margin-left:-10px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_titre_staff {
display:inline-block;
width:200px;
text-align:left;
font-size:25px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_contexte {
display:inline-block;
width:490px;
height:150px;
padding:5px;
border:1px #f5dcdd solid;
margin-right:10px;
overflow:auto;
text-align:justify;
}
.PA_staff {
display:inline-block;
width:210px;
height:150px;
padding:5px;
border:1px #f5dcdd solid;
overflow:hidden;
}
.PA_staff_img {
display:inline;
width:95px;
}
.PA_staff_texte {
display:inline-block;
text-align:center;
width:90px;
padding:5px;
}
.PA_titre_lien {
display:inline-block;
width:280px;
text-align:left;
font-size:25px;
margin-left:-10px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_titre_new {
display:inline-block;
width:280px;
text-align:left;
font-size:25px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_titre_ami {
display:inline-block;
width:160px;
text-align:left;
font-size:25px;
color:#ff8690;
font-family: 'Playball', cursive;
}
.PA_lien {
display:inline-block;
width:260px;
height:110px;
padding:5px;
border:1px #f5dcdd solid;
margin-right:10px;
text-align:justify;
overflow:auto;
}
.PA_new {
display:inline-block;
width:260px;
height:110px;
padding:5px;
border:1px #f5dcdd solid;
margin-right:10px;
text-align:justify;
overflow:auto;
}
.PA_ami {
display:inline-block;
width:160px;
height:110px;
padding:5px;
border:1px #f5dcdd solid;
overflow:hidden;
}
.PA_partenaire {
width:150px;
height:60px;
overflow:hidden;
}
La suite de l'ensemble se trouve ici :
Catégories
Qeel
Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
Vos commentaires et remerciements sont toujours bienvenus ^^
Si vous avez des problèmes avec ce LS, venez poster ici.
Dernière édition par A-Lice le Lun 16 Fév 2015 - 13:23, édité 1 fois
