Ú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


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.