Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Como editar el separador de firmas mediante CSSTema Solucionado

🆘 PHP, HTML, CSS, JS, jQuery, etc.
Cerrado
Bjorn
Observador/a
Mensajes: 10
Registrado: 15 Jul 2018, 12:42
Nombre real: Toni
Género:

Como editar el separador de firmas mediante CSS

Mensaje por Bjorn » 18 Jul 2018, 23:53

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
Imagen
Imagen




Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Avatar de Usuario
AbaddonOrmuz
Moderador
Mensajes: 567
Registrado: 14 Ene 2017, 22:18
Nombre real: Alfredo
Ubicación: /dev/null
Género:
Contactar:

Re: Como editar el separador de firmas mediante CSS  Tema Solucionado

Mensaje por AbaddonOrmuz » 19 Jul 2018, 19:44

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.
Algunas de mis extensiones: [ Imgur | Metadatos SEO | Markdown ]
Checa todas mi extensiones
Usuario de Arch Linux


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Bjorn
Observador/a
Mensajes: 10
Registrado: 15 Jul 2018, 12:42
Nombre real: Toni
Género:

Re: Como editar el separador de firmas mediante CSS

Mensaje por Bjorn » 19 Jul 2018, 21:32

Funcionó perfectamente, es realmente lo que quería. Mil gracias por ayuda @AbaddonOrmuz :clap:
Un saludo.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Avatar de Usuario
J_Sparrow
Moderador
Mensajes: 663
Registrado: 30 Oct 2009, 00:20
Nombre real: Jose Luis
Ubicación: España
Género:

Re: Como editar el separador de firmas mediante CSS

Mensaje por J_Sparrow » 19 Jul 2018, 21:46

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.
Contenido Oculto
Este foro requiere que este registrado e identificado para ver el contenido oculto.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje

Cerrado