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


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