Ver el tema anterior Ver el tema siguiente Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 6:29 am
Código que quería editar y me salió mal.

Código:

.postprofile {height: 265px;
width: 167px;padding:5px;
margin-top:38px;margin-bottom:-5px;
background: #030919;
border: 1px dashed #0C101C;}

/*#rango-post {
position: relative;
margin-top: -42px;
}*/

.cajaava{border: 4px solid #061117;}

.imgava{margin-top:-12px;margin-left:-1px;}
  
#avahr{height: 250px;
width: 160px;
 transform: rotate(360deg) scale(1);
  -webkit-transform: rotate(360deg) scale(1);
  -moz-transform: rotate(360deg) scale(1);
  -o-transform: rotate(360deg) scale(1);overflow: hidden;}
  
.nmus {
width: 145px;
text-align: center;
padding: 10px;
}

.nmus a {display: block;
padding: 3px;
text-transform: uppercase;
font-size: 14px;
font-weight: lighter;
}



#info1 {opacity:0;
background: transparent;
position: relative;
display: block;
width: 120px;
margin-top:-250px;
height: 240px;

}



#avahr:hover #info1{
  margin-left: 10px;
}


#info-datos {
outline: 1px solid #505050;
border: 3px solid #aaa;
background: url('http://i.imgur.com/xYrXSWq.png');
display: block;
width: 152px;
padding: 5px;
height: 190px;
}

#caja-botones {
text-align: center;
margin-top: 10px;
}


Última edición por Admin el Jue Mar 24, 2016 7:13 am, editado 1 vez
avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 6:30 am
Divs del perfil de Hotel Le Blanc
Código:
<div class="postprofile" id="profile3856">
<!-- div class="online2"></div-->

<div id="pr-cuerpo">
<div id="pr-name"><a href="/u113"><span style="color:#0C942B"><strong>Nikolai V. Lancaster</strong></span></a></div>
<div id="pr-avatar"><a href="/u113"><img src="http://i.imgur.com/X0tWz6J.jpg" alt=""></a></div>
<div id="pr-rango"><img src="http://i.imgur.com/fs4bHnA.gif" alt="Humano" title="Humano"><br></div>
<div id="pr-info">
<div id="pr-conta"><a href="/privmsg?mode=post&u=113" class="profile-icon" title="Enviar mensaje privado"><img src="http://i.imgur.com/mR00xjU.gif" class="i_icon_pm   " alt="Enviar mensaje privado"></a> <a href="http://hotelleblanc-rpg.forosactivos.es/u113rpg" title="Visitar el sitio web del autor" target="_blank"><img src="http://i.imgur.com/VuLgedm.gif" alt="http://hotelleblanc-rpg.forosactivos.es/u113rpg"></a></div><div id="pr-in"><div class="pr-campo"><div id="pr-tit"><span class="label"><span style="color:#FFFFFF;">Puntos</span>: </span></div><div id="pr-dato">14</div><div id="pr-sep"><br></div></div><div class="pr-campo"><div id="pr-tit"><span class="label"><span style="color:#FFFFFF;">Imagen Personal</span>: </span></div><div id="pr-dato"><img src="http://33.media.tumblr.com/16a4f7ff2911c1ac3e95a9b89820927f/tumblr_inline_mlvkz6kqKh1qz4rgp.gif" alt="" title=""></div><div id="pr-sep"><br></div></div><div class="pr-campo"><div id="pr-tit"><span class="label"><span style="color:#FFFFFF;">Apodos</span>: </span></div><div id="pr-dato">Niko</div><div id="pr-sep"><br></div></div><div class="pr-campo"><div id="pr-tit"><span class="label"><span style="color:#FFFFFF;">Preferencia sexual</span>: </span></div><div id="pr-dato">Heterosexual</div><div id="pr-sep"><br></div></div><div class="pr-campo"><div id="pr-tit"><span class="label"><span style="color:#FFFFFF;">Estado civil</span>: </span></div><div id="pr-dato">Soltero</div><div id="pr-sep"><br></div></div></div></div></div></div>


Última edición por Admin el Jue Mar 24, 2016 6:35 am, editado 1 vez
avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 6:34 am
Código:
.postprofile {
    border-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    color: #fff;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}
#pr-cuerpo {
    height: 510px;
    margin-left: -25px;
    margin-top: -5px;
    overflow: hidden;
    width: 250px;
}

#pr-name a {
    background: #0d0d0d;
    border-bottom: 10px solid #192E35;
    display: block;
    font-family: Oswald;
    font-size: 20px;
    font-variant: normal;
    font-weight: lighter;
    line-height: 35px;
    padding: 10px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    text-transform: lowercase;
    width: 230px;
}

#pr-avatar {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    height: 400px;
    transition: all 1.7s ease-in-out;
    width: 250px;
}


#pr-info {
    -moz-transition: all 1.7s ease-in-out;
    -webkit-transition: all 1.7s ease-in-out;
    background: #0d0d0d;
    height: 380px;
    margin-left: 250px;
    margin-top: -445px;
    padding: 10px;
    transition: all 1.7s ease-in-out;
    width: 230px;
}


Código:
#pr-conta {
    display: inline-block;
    height: 80px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 116px;
}


avatar
Ver perfil de usuario
Admin

Volver arriba Ir abajo

Mensaje por Admin el Jue Mar 24, 2016 6:47 am
Código:
                 
         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
             <!-- div class="online2"></div-->
                        <div class="avahr">
                            <div class="cajaava">
                            <div class="imgava">{postrow.displayed.POSTER_AVATAR}</div></div></div>
                                         
<div class="info1">
<div class="nmus">{postrow.displayed.POSTER_NAME}</div>
<div id="caja">
<!-- BEGIN profile_field -->
<div id="title-post">{postrow.displayed.profile_field.LABEL} </div>
<div id="dato-post">{postrow.displayed.profile_field.CONTENT} </div>
<div id="separa-post">{postrow.displayed.profile_field.SEPARATOR} </div>
<!-- END profile_field -->

<div id="caja-botones">{postrow.displayed.POSTER_RPG}
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
</div></div>                     
</div></div>
<div id="rango">{postrow.displayed.RANK_IMAGE}</div>
</div>
   
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.