Últimos temas
» Cronologia
Miér Oct 18, 2017 11:31 am por Code This

» {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

Conectarse

Recuperar mi contraseña









tablon
Banners
Essential
Staff
Credits

Tabla de Afiliados

Ver el tema anterior Ver el tema siguiente Ir abajo

Tabla de Afiliados

Mensaje por Harley V. el Jue Ene 14, 2016 10:45 am

En esta tablita de afiliados se pueden poner los afiliados élite que sean, ya que se ajusta por si sola si se agregan más afiliados.



Este es el código:

PA > Módulos > Gestión de los widgets del foro > Módulo Personalizado

Código:
<div id="Afistab">
 <div class="Afistit">
 Afiliados
 </div>
 
 <table cellspacing="10">
 <tbody>
 <tr>
 <td>
 <div id="Afiher">
 <img class="her" src="http://placehold.it/50x100" /><img class="her" src="http://placehold.it/50x100" /><img class="her" src="http://placehold.it/50x100" /><img class="her" src="http://placehold.it/50x100" />
 </div>
 <div id="Adir">
 <img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" /><img class="dire" src="http://placehold.it/50x50" />
 </div>
 </td>
 <td>
 <div id="Afisel">
 <img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" /><img class="elite" src="http://placehold.it/50x50" />
 </div>
 </td>
 </tr>
 </tbody>
 </table>
</div>


PA > Visualización > Colores > CSS Stylesheet

Código:
#Afistab {background: #134;
  width: 800px;
  margin: 0 auto;
  padding: 10px;
border: 5px solid #79204e;}

.Afistit {color:#ccc;
font: Tulpen One 20px;
display:block;
background: #79204e;
padding:5px;
margin-top:-10px;
text-align:center;
  letter-spacing:13px;
  text-transform:uppercase;}

#Afisher {padding: 2px; width: 233px; margin-left:-6px;}

.her {width:50px;height:90px;
border:3px solid #79204e;
display:inline-block;}

#Afisel { padding: 5px; width: 550px;}

#Adir {width: 240px;
  padding: 2px; 
  text-align: center;
  margin-top:8px;
margin-left:-15px;}
.dire{width:50px;height:50px;
border:3px solid #79204e;
display:inline-block;}

.elite{-webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  width:40px;
  height:40px;
  margin:0px;
  border:3px solid #79204e;}
avatar
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.