[5] Profil

 :: Libre service :: Codage :: Templates Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[5] Profil Lun 1 Fév - 6:34
Nombre de messages : 838
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Spoiler:
 

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:570px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:320px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px;
font-size:11px;
}
.adminPFIL {
height:275px; padding:10px; overflow:auto;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
  /* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#1a1a1a; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:320px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:570px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:400px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:420px;
font-size:11px;
}
.adminPFIL {
height:355px; padding:10px; overflow:auto;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
  /* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#1a1a1a; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:400px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:520px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:350px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:205px; height:370px;
font-size:11px;
}
.adminPFIL {
height:305px; padding:10px; overflow:auto;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
  /* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#1a1a1a; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:250px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
width:250px; height:350px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#242424; color:#ccc; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :
Revenir en haut Aller en bas
MessageRe: [5] Profil Mer 17 Fév - 6:34
Nombre de messages : 838
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Spoiler:
 

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding:0 10px;
text-transform:uppercase; text-align:center;
color:black; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
position:relative; width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:200px; height:auto;
font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:90px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block;
width:550px; height:320px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:780px; padding:10px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding:0 10px;
text-transform:uppercase; text-align:center;
color:black; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
position:relative; width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:200px; height:auto;
font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:90px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block;
width:550px; height:400px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:780px; padding:10px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding:0 10px;
text-transform:uppercase; text-align:center;
color:black; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:250px; padding:10px;
background:#1a1a1a; /* MODIFIABLE */
}
.avPFIL {
position:relative; width:250px; height:350px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:-150px;
width:250px; height:auto;
font-size:11px;
transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
#avPFIL:hover #adminPFIL {
margin-top:90px;
}
.adminPFIL {
height:auto; padding:10px; overflow:auto;
background:rgba(0,0,0,0.8); color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU ADMINISTRATION PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block;
width:500px; height:350px; padding:10px; overflow:auto;
font-size:11px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:780px; padding:10px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :
Revenir en haut Aller en bas
MessageRe: [5] Profil Sam 19 Mar - 22:29
Nombre de messages : 838
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Spoiler:
 

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC AVATAR */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / ADMINISTRATION PROFIL */
#namePFIL {
height:50px; padding:10px 0; text-align:center;
background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding-left:10px; text-transform:uppercase; text-align:center;
color:white; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* ADMINISTRATION PROFIL */
#adminPFIL {
text-align:center; font-size:8px;
color:white; /* MODIFIABLE */
}
/* INTITULES ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
#adminPFIL div{
display:inline-block; padding:5px 0 5px 5px;
}
/* BLOC INFORMATIONS */
.abtPFIL {
margin:10px auto;
width:560px; height:140px; padding:10px; overflow:auto;
font-size:11px;
background:#dedede; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black;  /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:auto; width:580px; height:70px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:580px; height:45px; padding-top:25px;
text-transform:uppercase; text-align:center;
background:#1a1a1a; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-320px;
width:580px; height:0px; overflow:hidden;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:560px; height:220px; padding:10px; overflow:auto; opacity:1;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC AVATAR */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / ADMINISTRATION PROFIL */
#namePFIL {
height:50px; padding:10px 0; text-align:center;
background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding-left:10px; text-transform:uppercase; text-align:center;
color:white; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* ADMINISTRATION PROFIL */
#adminPFIL {
text-align:center; font-size:8px;
color:white; /* MODIFIABLE */
}
/* INTITULES ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
#adminPFIL div{
display:inline-block; padding:5px 0 5px 5px;
}
/* BLOC INFORMATIONS */
.abtPFIL {
margin:10px auto;
width:560px; height:220px; padding:10px; overflow:auto;
font-size:11px;
background:#dedede; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black;  /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:auto; width:580px; height:70px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:580px; height:45px; padding-top:25px;
text-transform:uppercase; text-align:center;
background:#1a1a1a; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-400px;
width:580px; height:0px; overflow:hidden;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:560px; height:300px; padding:10px; overflow:auto; opacity:1;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC AVATAR */
.avPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block;
}
/* BLOC PSEUDONYME / IMAGES CONTACT / ADMINISTRATION PROFIL */
#namePFIL {
height:50px; padding:10px 0; text-align:center;
background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL {
display:inline-block; vertical-align:top; margin-right:25px;
padding-left:10px; text-transform:uppercase; text-align:center;
color:white; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:middle;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* ADMINISTRATION PROFIL */
#adminPFIL {
text-align:center; font-size:8px;
color:white; /* MODIFIABLE */
}
/* INTITULES ADMINISTRATION PROFIL */
#adminPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU ADMINISTRATION PROFIL */
#adminPFIL div{
display:inline-block; padding:5px 0 5px 5px;
}
/* BLOC INFORMATIONS */
.abtPFIL {
margin:10px auto;
width:520px; height:170px; padding:10px; overflow:auto;
font-size:11px;
background:#dedede; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black;  /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
#boxRPG {
margin:auto; width:540px; height:70px;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
width:540px; height:45px; padding-top:25px;
text-transform:uppercase; text-align:center;
background:#1a1a1a; color:white; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
position:absolute; margin-top:-350px;
width:540px; height:0px; overflow:hidden;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
opacity:0; transition:all 0.55s linear; -webkit-transition:all 0.55s linear;
}
/* SURVOL FEUILLE DE PERSONAGE PROFIL */
#boxRPG:hover .boxRPG {
width:520px; height:250px; padding:10px; overflow:auto; opacity:1;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [5] Profil Jeu 14 Avr - 6:01
Nombre de messages : 838
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Spoiler:
 

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px; width:590px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:100px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
color:white; background:grey; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:30px; padding:5px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
display:inline-block; vertical-align:top;
width:380px; height:27px; padding:13px 10px 0;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE CONTENU DERNIERE VISITE  */
#lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;  
width:460px; height:270px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px
width:100px; height:255px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px; width:590px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:100px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
color:white; background:grey; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:30px; padding:5px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
display:inline-block; vertical-align:top;
width:380px; height:27px; padding:13px 10px 0;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE CONTENU DERNIERE VISITE  */
#lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;  
width:460px; height:350px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px
width:100px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:250px; height:350px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:100px; margin-left:7px;
width:235px; height:0; overflow:hidden;
font-size:11px; text-align:center;
color:white; background:grey; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:225px; height:30px; padding:5px;
}
#adminPFIL span{
display:block;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
display:inline-block; vertical-align:top;
width:330px; height:27px; padding:13px 10px 0;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE CONTENU DERNIERE VISITE  */
#lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;  
width:410px; height:300px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px
width:100px; height:285px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
MessageRe: [5] Profil Lun 4 Juil - 1:22
Nombre de messages : 838
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Spoiler:
 

Partie CSS pour avatars 200*320 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; 
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a{
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:100px; height:100px; padding:10px;
text-transform:uppercase; text-align:center; font-size:18px;
background:grey; /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a{
display:block; margin:auto;
width:98px; height:58px; padding-top:40px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
width:100px; height:100px; padding:10px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE */
#lstPFIL div{
display:block; margin:auto;
width:88px; height:78px; padding:20px 5px 0; border:1px solid;
border-color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE */
#lstPFIL span{
text-transform:uppercase;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px 0;
text-transform:uppercase; text-align:center; letter-spacing:3px;
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:200px; height:305px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-left:10px; 
width:440px; height:320px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES BLOC INFORMATIONS */
.abtPFIL div span {
text-transform:uppercase; color:black; font-weight:bold; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 200*400 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; 
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:125px; height:125px; padding:10px;
text-transform:uppercase; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a{
display:block; margin:auto;
width:123px; height:73px; padding-top:50px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:125px; height:125px; padding:10px;
text-transform:uppercase; text-align:center; font-size:18px;
background:grey; /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a{
display:block; margin:auto;
width:123px; height:73px; padding-top:50px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
width:125px; height:130px; padding:10px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE */
#lstPFIL div{
display:block; margin:auto;
width:93px; height:98px; padding:30px 15px 0; border:1px solid;
border-color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE */
#lstPFIL span{
text-transform:uppercase;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px 0;
text-transform:uppercase; text-align:center; letter-spacing:3px;
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-left:10px; 
width:415px; height:400px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES BLOC INFORMATIONS */
.abtPFIL div span {
text-transform:uppercase; color:black; font-weight:bold; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:200px; height:385px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Partie CSS pour avatars 250*350 :
Code:
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; 
}
/* BLOC SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
margin-bottom:10px;
width:110px; height:110px; padding:10px;
text-transform:uppercase; text-align:center;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
}
/* BORDURE SUJETS UTILISATEUR PROFIL */
.sbjPFIL a{
display:block; margin:auto;
width:108px; height:63px; padding-top:45px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
margin-bottom:10px;
width:110px; height:110px; padding:10px;
text-transform:uppercase; text-align:center; font-size:18px;
background:grey; /* MODIFIABLE */
}
/* BORDURE MESSAGES UTILISATEUR PROFIL */
.msgPFIL a{
display:block; margin:auto;
width:108px; height:63px; padding-top:45px; border:1px solid;
border-color:white; color:white; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
width:110px; height:110px; padding:10px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* BORDURE DERNIERE VISITE */
#lstPFIL div{
display:block; margin:auto;
width:88px; height:83px; padding:25px 10px 0; border:1px solid;
border-color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE */
#lstPFIL span{
text-transform:uppercase;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-left:10px; margin-bottom:10px;
height:20px; padding:15px 0;
text-transform:uppercase; text-align:center; letter-spacing:3px;
background:rgba(250,250,250,0.5);  /* MODIFIABLE */
}
/* BLOC AVATAR & IMAGES CONTACT PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-left:10px;
width:250px; height:350px; overflow:hidden;
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-left:10px; 
width:380px; height:350px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES BLOC INFORMATIONS */
.abtPFIL div span {
text-transform:uppercase; color:black; font-weight:bold; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT & ADMINISTRATION PROFIL */
#ktactPFIL {
position:absolute;
width:250px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
opacity:0; transition:opacity ease-in-out 0.75s; -webkit-transition:opacity ease-in-out 0.75s;
}
#ktactPFIL:hover {
opacity:1;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
margin-bottom:15px;
font-size:11px; color:white; /* MODIFIABLE */
}
#adminPFIL span {
display:block;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage :: Templates-