Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 7:58 am
Código:
/*segundo fondo*/.fndav{border: 4px solid #061117;}

/*avatar imgaen*/.imgav{margin-top:-5px;margin-left:-1px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;padding-bottom:2px;    display: block;}




/*caja detrás*/#dtav{background:#0C101C;height: 254px;overflow:auto;
  padding:5px;display: block;margin-top:-259px;margin-left:0px;
 position:absolute;border: 1px outted #274573;
width: 159px;text-align: center;opacity:0.;    display: inline-block;
 vertical-align: middle;
-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;padding-bottom:2px;}


#dtav:hover {display: block; opacity:1;}  

/*nombre de usuario*/.nbus{}
/*segunda caja detrás*/.cjdt{}
/*datos del perfil*/.ctdt{}
/*caja general de botones*/.btdt
/*caja de cada boton*/.ctbt{}
/*rango*/.cjrg{}
                  
        
avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 7:59 am
Código:
/*Perfil en mensajes*/
.postprofile {height: 260px;
width: 167px;padding:5px;
margin-bottom:14px;
background: #030919;
  border-top: 4px solid #110810;
  border-rigth: 1px dashed #0C101C;
border-left: 1px dashed #0C101C;
  border-bottom: 1px dashed #0C101C;}











avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 8:00 am
Código:
   
          <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
      <div class="fndav">   
                  <div id="imgav">{postrow.displayed.POSTER_AVATAR}</div></div>
         <div id="dtav">   
                  <div class="nbus">{postrow.displayed.POSTER_NAME}</div>
               <div class="cjdt">
                                         <!-- BEGIN profile_field -->
                     <div class="ctdt">{postrow.displayed.profile_field.LABEL} </div>
                              <div class="ctdt">{postrow.displayed.profile_field.CONTENT}</div>
                              <div class="ctdt">{postrow.displayed.profile_field.SEPARATOR}</div>
                     <!-- END profile_field -->
               
                      <div class="btdt">
                                                      <div class="ctbt">{postrow.displayed.PROFILE_IMG}</div>
                                                      <div class="ctdt">{postrow.displayed.PM_IMG}</div>
                                                       <!-- BEGIN contact_field -->
                                                       <div class="ctdt">{postrow.displayed.contact_field.CONTENT}</div>
                                                       <!-- END contact_field -->
                                                     </div>
                                </div>
                                <div class="cjrg">{postrow.displayed.RANK_IMAGE}}</div>
                 
                 
            </div>   
       
           
           
           
avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 9:46 pm
Código que vi en foroactivo
Código:
/*ocultarinformacióndeperfil*/
    .postprofile dd {
    display: none;
    margin-top: -70px;
    text-align: center;
    }

    .postprofile {
  height: 255px;
  border-bottom: 16px solid #251D3D;
}

    .postprofile:hover {
  height:255px;
  border-bottom: 16px solid #251D3D;
}

    .postprofile:hover dd {
    display: block;
    }

    .postprofile dt+dd { position: relative; top: -160px; display: none; }
.postprofile dt+dd:hover { position: relative; top: -160px; display: none; }

    .postprofile dt img {
    opacity: 1.0;
    }

    .postprofile dt img:hover {
    opacity: 0
    }

avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Contenido patrocinado
Contenido patrocinado

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.