Últimos temas
» {Listado} Variables de los Templates
Dom Dic 18, 2016 4:22 pm por Code This

» Tablón flotante 2
Lun Ago 08, 2016 10:36 pm por Code This

» Perfil Schizophrenia
Mar Jul 26, 2016 6:29 pm por Code This

» Tablón Flotante
Vie Ene 22, 2016 12:37 pm por Code This

» Tablón Anuncios
Vie Ene 22, 2016 11:53 am por Code This

» Perfil Horizontal
Dom Ene 17, 2016 1:34 pm por Harley V.

» Estadísticas personalizadas
Jue Ene 14, 2016 1:26 pm por Harley V.

» Anarchy — Oscura
Jue Ene 14, 2016 12:15 pm por Scathach Faoi

» Anarchy — Claro
Jue Ene 14, 2016 12:14 pm por Scathach Faoi

» Wanna bite you with love
Jue Ene 14, 2016 12:14 pm por Scathach Faoi

Conectarse

Recuperar mi contraseña









tablon
Banners
Essential
Staff
Credits

Perfil Horizontal

Ver el tema anterior Ver el tema siguiente Ir abajo

Perfil Horizontal

Mensaje por Harley V. el Dom Ene 17, 2016 1:34 pm



Avatar: 500 x 200 px
Perfil: Aquí
MP: Aquí


PA > Visualización > Colores > CSS Stylesheet
Código:
.user-status {
background-color: #3A442D;
    color: #FFF;
    font-family: Oswald, sans-serif;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 100%;
    top: -65px;
    left: 381px;
    overflow: hidden;
    padding: 7px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: 105px;
    position: relative;
}
 
.user-status a span strong {
color: #FFF;
font-family: 'Oswald', sans-serif;
font-size: 8px;
font-weight: 400;
font-style: normal;
text-align: center;
text-transform: uppercase;
text-shadow: none;
line-height: 100%;
letter-spacing: 1px;
}
 
.postprofile .user-status:after { content: 'offline'; padding-left: 4px; }
.online .postprofile .user-status:after { content: 'online'; padding-left: 4px; }
 
#rango {
    background-color: #0d0d0d;
    box-sizing: border-box;
    color: #ccc;
    display: block;
    font-family: Titillium Web;
    font-size: 12px;
    font-weight: 200;
    letter-spacing: 2px;
    position: relative;
    top: -34px;
    padding: 18px 10px;
    text-align: center;
    text-transform: uppercase;
}
 
.postprofile {
height: 200px;
width: 750px;
margin-right: -25px;
margin-bottom: 61px;
padding: 20px;
}
 
#datos  {  
top: -28px;
    height: 210px;
    margin-top: 2px;
    overflow: auto;
    position: relative;
    width: 210px;
    overflow-y: auto;
    overflow-x: hidden!important;
}

.contac{    position: relative;
    left: 383px;
    top: -62px;}
 
.nombre {
    background-color: #060606;
    border-bottom: 11px solid #3A442D;
    font-family: Squada One;
    font-size: 20px;
    height: 20px;
    width:340px;
    overflow: hidden;
    padding: 15px 20px 20px;
    position: relative;
    text-align: center;
}
 
.avatar {
width: 400px!important;
height: 250px;
position: relative;
overflow: hidden;
}
 
#titulo-datos {
    text-align: center;
    font-family: Unica One;
  background:#0d0d0d;
}
 
#motivo-datos {
display: inline-block;
width: 210px;
background-color: #3A442D;
font-family: 'calibri';
font-size: 9px;
text-align: center;
color: #ccc;
padding-top: 10px;
margin-bottom: -10px;
padding-bottom: 10px;
margin-right: 1px;
text-transform: uppercase;
letter-spacing: 2px;
}

PA > Visualización > Templates > General > viewtopic_body
Código:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                                <!-- div class="online2"></div-->
 <table><tr><td><div id="avatar">{postrow.displayed.POSTER_AVATAR}</div>
  <div class="nombre">{postrow.displayed.POSTER_NAME}</div>
 <div class="user-status">{postrow.displayed.POSTER_NAME} está</div>
  <div class="contac">{postrow.displayed.PROFILE_IMG}<br>
{postrow.displayed.PM_IMG}</div>
 </td><td>   <div id="rango"> {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>
  <div id="datos">
  <!-- BEGIN profile_field -->
<div id="titulo-datos">{postrow.displayed.profile_field.LABEL} </div>
<div id="motivo-datos">{postrow.displayed.profile_field.CONTENT} </div>
<div id="separa">{postrow.displayed.profile_field.SEPARATOR} </div>
<!-- END profile_field -->
</div>
  </td></tr></table>
 
</div>

PA > Usuarios & Grupos > Rangos
Rango especial: Si
Titulo del Rango:
Código:
<span class="r7">Broken Doll</span>

CSS:
Código:
span.r7 {
    background-color: #275C5C;
        padding: 10px 50px;
}

Se pueden crear tantos rangos como quiera. Solo cambiar el background-color y el nombre span.r7 por otro. Ejemplos:
span.r1
span.r2
span.r3
span.r4
span.r5
span.r6

Harley V.
V. Sangre Pura
V. Sangre Pura

Mensajes : 11
Fecha de inscripción : 26/03/2015


Ver perfil de usuario

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.