Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » INVISION
Actualizar esta página [CSS] Barra entre mensaje y firma
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Hacha de Piedra doble
">
Hacha de Piedra doble
Sasilia
170425905/05/2010Puerto Rico
 

Barra entre mensaje y firma
Sólo para invision, punbb y phpbb3

invision y phpbb3

Código:
.signature
{
background-image: url('URL DE LA IMAGEN');
background-repeat: repeat-x;
border-top: 0px;
line-height: 300%
}

punbb

Código:
.sig-content
{
background-image: url('URL DE LA IMAGEN');
background-repeat: repeat-x;
line-height: 300%
}
.pun .sig-content .sig-line

  width: 0px;
}

Opciones a modificar en los códigos:
Donde dice "URL DE LA IMAGEN" colocamos la dirección directa de la imagen que queremos.
Donde dice "line-height: 300%" el número de porcentaje significa el espacio que habrá entre la imagen que coloquemos y el contenido de las firmas, debes variar el número dependiendo de lo ancha que sea la barra para que no tape el contenido de las firmas (mayor porcentaje más espacio).

Ver resultado:

Spoiler:
Para el ejemplo yo he usado esta barra, pero podéis usar cualquier imagen que al repetirse quede bien o buscar barras por internet :oops:




Tutorial creado por Lamashta

  
(#2)
Old  Supervisor
">
Supervisor
Underground
2345751114/01/2010España
 

invision y phpbb3

Código:


.signature
{
background-image: url('URL DE LA IMAGEN');
background-repeat: repeat-x;
border-top: 0px;
line-height: 300%
}

punbb

Código:

.sig-content
{
background-image: url('URL DE LA IMAGEN');
background-repeat: repeat-x;
line-height: 300%
}
.pun .sig-content .sig-line
{
width: 0px;
}

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

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado