epsilon
forum de libre service de codage,
aucune inscription
Une refonte complète d'Epsilon est prévue pour bientôt. Dans les mois qui suivent, le forum va totalement changer d'apparence et toutes les catégories vont être réorganisées. Pas de panique, aucun LS ne va disparaître !
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -45%
SEB Batterie de cuisine 20 pieces compact inox ...
Voir le deal
119.99 €

Jawn
Jawn
The relations between us in those latter days were peculiar.
The relations between us in those latter days were peculiar.
[RED AND BLACK] Z2yje7O

Panneau d'administration > Affichage > Templates > Profil > profil_view_body, remplacez l'intégralité de votre template par le HTML :
Code:
<div id="Admin">
  <div class="proom">
     <div class="proav">{AVATAR_IMG}
        <div class="prohov">
          <div class="porpla">
          <!-- BEGIN profile_field -->
          <div id="field_id{profile_field.ID}"></div>
          {profile_field.LABEL} {profile_field.CONTENT}
          <!-- END profile_field -->  
          </div>
        </div>
      </div>
  

<div class="prode"><div class="prodeov">{USERNAME}</div>
   <div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div></div>
    
     <div id="ktactPFIL"><span style="display:inline-block; vertical-align:middle; height:35px;"></span>
  <!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field -->
  </div>
  
  

  
<div class="adminPFIL">
  <!-- BEGIN switch_auth_user --><div>{ADMINISTRATE_USER}{BAN_USER}</div><!-- END switch_auth_user -->
  <!-- BEGIN switch_dhow_mp --><div>{L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_dhow_mp --></div>
<script type="text/javascript">//<![CDATA[
$( document ).ready(function() {$('.colorPFIL').each(function(){var color = $(this).children().css("color");
$(this).closest('.topPFIL').css("background-color", color);});});//]]></script>
  </div></div>


  
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>

Ensuite, Panneau d'administration > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS, venez mettre votre CSS :
Code:
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One|Cantarell|Fredoka+One|Montserrat|Montserrat+Alternates|Open+Sans|Questrial|Quicksand|Roboto|Roboto+Condensed|Monda|Raleway|Playfair+Display|Roboto+Mono|Poppins');

#Admin .proom {
    background-color: #d72d38;margin:0 auto;
}
#Admin span { color:#a55996; }
#Admin g { color:#a55996; }
#Admin .prodeov:first-letter { color:#d72d38;font-size:20px; font-family:'Bungee'; }
/* DERNIERE VISITE PROFIL */
.lstPFIL {
    margin-top: 3px;
    width: 350px;
    padding-top: 3px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 14px;
    color: grey;
    font-family: 'Calibri';
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
    color: white !important;
}

.proom {
  position:relative;
  padding:20px;
  width:650px;
  height:440px;
  background-image:url('https://i.imgur.com/RZONi90.png');
  background-size:cover;
  background-attachment: fixed;
  background-position:center;
  border: 15px solid #111;
  outline: 1px solid #222;
  background-blend-mode: multiply;
}
.proav {
  transition:.7s;
  float:left;
  margin-top:10px;
  margin-left:10px;
  border:10px solid #111;
  background:#111;
  outline:1px solid #222;
  height:400px;
  width:200px;
  overflow:hidden;
}
.prode {
    float: left;
    color: #bbb;
    margin-left: 35px;
    margin-top: 10px;
    padding: 10px;
    background-color: rgba(20,20,20, 0.7);
    outline: 1px solid #222;
    border: 5px solid #111;
    width: 355px;
    font-family: roboto;
    font-size: 10px;
}
.prodeting {
  margin-bottom:8px;
  padding-left:10px;
  text-transform: uppercase;
  font-family:montserrat;
  text-align:left;
  border-bottom:1px solid #222;
  padding-top:5px;
  padding-bottom:5px;
  color:#888;
}
.prodeting span {
  float:right;
  font-size:14px;
  background:#222;
  padding:2px 0px;
  margin-top:1px;
}
.prodeting g {
  width:60px;
  margin-left:-10px;
  padding:3px 5px;
  margin-top:-1px;
  float:left;
  text-transform:lowercase;
  padding-right:10px;
  background:#222;
  margin-right:10px;
}
.prodeov {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #222;
    padding: 5px;
    font-family: 'Calibri';
    text-transform: uppercase;
}
.prohov:before {
  content:'';
  width: 0;
 height: 0;
  position:absolute;
  margin-top:-50px;
  margin-left:-90px;
 border-right: 180px solid transparent;
 border-bottom: 30px solid rgba(15,15,15, 0.8);
}
.prohov:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-top: 20px;
    margin-left: -90px;
    border-left: 180px solid transparent;
    border-top: 30px solid rgba(15,15,15, 0.8);
}
.prohov {
  transform: scale(0.3) rotate(-190deg);
  margin-top:-240px;
  opacity:0;
  transition:.4s;
  background-color:rgba(15,15,15, 0.8);
  position:relative;
  padding:20px;
  width:140px;
}
.proav > img {
  transition:.2s;
    width:200px;
    height:400px;
}
.proav:hover > img {
  opacity:0.3;
  transition:.8s;
  height:400px;
  width:200px;
}
.proav:hover .prohov {
    margin-top: -350px;
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition: .7s;
}
.porpla {
  color:#bbb;
  font-family:roboto condensed;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:right;
  border-bottom:1px solid #222;
  margin-bottom:5px;
  padding:2px 0px;
}
.porpla g {
  font-size:9px;
  float:left;
  font-family:montserrat;
  letter-spacing:0px;
  border-bottom:3px solid #222;
  padding-bottom:3px;
}

/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px !important;
}
/* BLOC ADMINISTRATION PROFIL */
.adminPFIL {
    position: absolute;
    bottom:25px;
    right:20px;
    opacity: 1;
    transition: opacity 0.75s;
    -webkit-transition: opacity 0.75s;
}
/* CONTENUS ADMINISTRATION PROFIL */
.adminPFIL div {
    margin-bottom: 5px;
    margin-left: 20px;
    width: 180px;
    padding: 5px 0;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    background: rgba(250, 250, 250, 0.8);
    color: black;
    display: inline-block;
    font-family: 'Calibri';
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL div a {
color:black; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; margin-top:10px; width:590px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
    height: 35px;
    text-align: right;
    float: right;
    color: black;
    margin-left: 20px;
    margin-top:150px;
    padding: 10px;
    background-color: rgba(20,20,20, 0.7);
    outline: 1px solid #222;
    border: 5px solid #111;
    width: 355px;
    font-family: roboto;
    font-size: 0px;
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin-right:10px; max-height:20px; overflow:hidden;
}
.ktactPFIL img {
max-height:20px;
}
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum