Ú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

Caja de Perfil AfterDark

Ver el tema anterior Ver el tema siguiente Ir abajo

Caja de Perfil AfterDark

Mensaje por Harley V. el Jue Ene 14, 2016 11:33 am


Avatar: 200 x 400 px
Rango: 200 x 90 px
Botones:
Perfil
MP
E-mail
Página Web
Expediente
Relaciones
Cronología
Pertenencias

PA > Visualización > Colores > CSS Stylesheet

Código:
.f_a > div { display: none; }
.f_a > .f_a1 { display: block; }
.f_b {  color: #fff; text-align: center;width: 198px; border: 1px solid white;}
.f_b1, .f_b2, .f_b3 {font: 13px Iceland; display:inline-block;padding:10px;}
.f_a3 a {
  display: block;
  padding: 5px;
  text-align: center;}
#info-datos {display: block;height: 313px;background: #202020;padding: 5px;border: 3px solid #505050;overflow:auto;
outline: 1px solid #000;margin-left: 1px;width: 162px;background-image: url(http://i.imgur.com/2FOL3QV.png);}
.caja-p {-moz-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;background: transparent;display: block;height: 330px;margin-left: 10px;
margin-top: 20px;position: relative;transition: all 1.2s ease-in-out;width: 180px;margin-bottom: 50px;}
#n-post > a > span > strong {font-weight: lighter;}
#n-post p {background: #134;width: 150px;text-align: center;display: block;padding: 5px 0px;font: Play 20px;
top: 26px;position: relative;left: 25px; font-variant:small-caps; }
#n-post a:hover{text-decoration:none!important; }
#n-post {width: 200px;background: #79204e;height: 80px;background-image: url(http://i.imgur.com/FrSjm9o.png);}
#avy {height: 400px;width: 200px;overflow: hidden;}
#b-post {padding: 15px;color: #92918e;float: right;overflow: hidden;position: relative;width: 240px;
  margin-top: -15px;margin-right: -15px;padding-top: 10px;}
.postprofile {background: #134;color: #92918e;float: right;overflow: hidden;padding: 10px;position: relative;
width: 200px;border: 5px solid #79204e;}
#title-post span.label span{color: #fff !important;}
#title-post {width: 136px;background-color: #79204e;color: #fff !important;font-style: normal;font-weight: 300!important;
margin-left: -1px;margin-right: 3px;text-transform: uppercase;margin-top: 3px;display: block;font-family: Crushed, sans-serif;
  font-size: 10px!important;text-align: center;padding: 10px;}
#dato-post {
  background: #183f53;
  border: none;
  display: block;
  margin-left: -1px;
  padding: 5px 10px;
  text-align: center;
  width: 135px;
  color: #fff;
}
#caja-botones {text-align: center;background: #134;padding: 5px;border: 3px solid #79204e;
outline: 1px solid #000;width: 162px;  margin-left: 12px;margin-top: -45px;margin-bottom: 5px;}

PA > Visualización > Templates > General > viewtopic_body

Código:
<div id="b-post">
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
 <!-- div class="online2"></div-->
  <div id="n-post"><p>{postrow.displayed.POSTER_NAME}</p></div>
   <div class="f_b">
               <span class="f_b1">Avatar</span>
               <span class="f_b2">Información</span>
               <span class="f_b3">Perfil</span>
            </div>
            <div class="f_a">
 <div class="f_a1">

    <div id="avy">{postrow.displayed.POSTER_AVATAR}</div>
   </div>
   <div class="f_a2">
<div class="caja-p">
<div id="info-datos">
<!-- 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></div>
</div>  
              <div class="f_a3">
<!-- MALDITASEA!! -->
                {postrow.displayed.POSTER_RPG}
      
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
    
</div>
              </div>
<div id="rango-post">{postrow.displayed.RANK_IMAGE}</div>
</div></div>

PA > Módulos > Gestión de los códigos Javascript > En los temas
Código:
$(function() {
  $('.f_b > span').click(function() {
      var n = $(this).attr('class').match(/\d/)[0],
      d = $(this).parent().parent().find('.f_a'+n);
      if(d.is(':not(:visible)')) {
        $(this).parent().next('.f_a').children('div').slideUp('slow');
        d.slideDown('slow');
      }
  });
});

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.