Página 1 de 1
Como editar el separador de firmas mediante CSS
Publicado: 18 Jul 2018, 23:53
por Bjorn
Hola buenas noches, estoy modificando un foro, cambiando colores, etc.Junto este mesaje voy a dejar unas capturas de pantalla adjuntas para que sirvan de orientación por si no queda claro lo que quiero.
A la hora de poner una firma hay un separador que separa el texto de la firma, dicho separador para mi gusto es extremadamente largo y quería acortarlo para situarlo bien en el medio o el la izquierda, he logrado cambiarlo de color, pues tenia un color muy parecido al fondo que apenas se percibía, ¿ Sabe alguien como acortar y centrar dicha linea?
Un saludo
Re: Como editar el separador de firmas mediante CSS Tema Solucionado
Publicado: 19 Jul 2018, 19:44
por AlfredoRamos
Esa línea es un borde, y el borde ocupa el tamaño completo de su contenedor, así que para cambiarlo de tamaño tendrías que cambiar el tamaño del bloque (
.signature) lo cual no quedaría bien.
Puedes hacerlo de dos maneras:
- Con un pseudo-elemento
.signature::before
- Modificando la plantilla para añadir un tag
<hr> que podrás modificar
Para hacerlo únicamente con CSS, elimina
border-top de
.signature y añade lo siguiente después de esa clase:
Código: Seleccionar todo
.signature::before {
content: '';
display: block;
width: 75%;
margin: 0 auto;
border-top: 1px solid red;
}
Esto creará un borde (rojo) centrado (
margin: 0 auto;) en el que podrás modificar su longitud (75%, relativo) sin cambiar el del contenedor.
Re: Como editar el separador de firmas mediante CSS
Publicado: 19 Jul 2018, 21:32
por Bjorn
Funcionó perfectamente, es realmente lo que quería. Mil gracias por ayuda
@AbaddonOrmuz 
Un saludo.
Re: Como editar el separador de firmas mediante CSS
Publicado: 19 Jul 2018, 21:46
por J_Sparrow
Marcamos la respuesta de @AbaddonOrmuz como la solución y así se cierra el tema.
Recuerda marcar la solución a una pregunta que hagas, para que se refleje en el Foro y el tema se cierre automáticamente. Si luego quieres añadir algo o volverlo a abrir, lo comentas por MP al Staff y lo abrimos de nuevo.