Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PHPBB3] Problema con bordes de quote y spoiler

Creado por ,

Mensaje [Página 1 de 1.]

Chinpo

Publicado Jue 9 Oct - 15:27

Chinpo
A ver, creo que se puede ver con una simple captura de pantalla.

[PHPBB3] Problema con bordes de quote y spoiler 5c3a709200

Creo que es evidente (?) lo que quiero es que el borde negro quede por dentro y por fuera el de color, así como, si puede ser, el borde de abajo se abra junto al spoiler. Y echar un poco a la derecha el texto para que el borde no se lo coma.

Lo que tengo en el CSS es esto (y Bret, esta vez sí puedo darte el link del foro; el otro era privado y el resto de admins no estaban de acuerdo)

Código:
/*********************codigo, spoiler, cote******************/



dl.codebox dt {
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #0b0b0b !important;
border-top: 10px groove #5e1042;
color: #a5a5a5;
border: 1px #000000;
font-size:10px;
text-transform:uppercase;
font-family:Calibri,Helvetica,sans-serif;
}

dl.codebox code {
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-left : 10px #591f1f;
color: #a5a5a5;
border: 1px #202a21;
font-family:Calibri,Helvetica,sans-serif;
font-size:11px;
}


blockquote {
border-radius: 20px 20px 0px 0px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #310d24;
border-top: 12px groove #350e0e;
color: #a5a5a5;}

.content blockquote {
border-radius: 30px 30px 0px 0px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-top: 12px groove #5e1042;
color: #a5a5a5;
border: 1px #202a21;
font-size:11px;
}

dl.codebox.spoiler {
box-shadow: 0 5px 0 #591f1f;
background: #1A1A1A !important;
border-top: 12px groove #5e1042;
border-bottom : 10px groove #591f1f
color: #a5a5a5;
border: 1px #202a21;
font-size:11px;
}
    
    
dl.codebox dt {
border-radius: 10px 10px 10px 0px;
box-shadow: 0 1px 5px #000000;
background: #0b0b0b !important;
border-top: 10px groove #5e1042;
  border-left: 10px groove #5e1042;
  border-right: 10px groove #5e1042;
color: #a5a5a5;
border: 1px #000000;
font-size:10px;
text-transform:uppercase;
font-family:Calibri,Helvetica,sans-serif;
}

dl.codebox code {
border-radius: 10px 0px 10px 10px;
box-shadow: 0 1px 5px #000000;
background: #272727 !important;
border-bottom : 10px groove #591f1f;
border-left : 10px groove #591f1f;
border-right : 10px groove #591f1f;
color: #a5a5a5;
border: 1px #202a21;
font-family:Calibri,Helvetica,sans-serif;
font-size:11px;
}

dl.codebox {
border: 1px solid #1A1A1A !important;
background-color: #1A1A1A; 
font-size: 1em;
padding: 3px;}

A 0 usuarios le gusta esto
Tubilok

Publicado Vie 10 Oct - 19:45

Tubilok
Soporte
No sé si te he entendido bien pero aquí te dejo un código que unifica bastante bien el estilo:

Código:
blockquote, dl.codebox {
  background: transparent;
  border: 0;
  padding: 0;
}
blockquote cite, dl.codebox dt {
  background: #0b0b0b;
  border-color: #5e1042;
  border-radius: 10px 10px 0 0;
  border-style: solid;
  border-width: 5px 5px 0;
  color: #a5a5a5;
  margin: 0;
  padding: 3px;
}
.spoiler_content, blockquote div, dl.codebox code {
  background: #272727;
  border-color: #591f1f;
  border-radius: 0 0 10px 10px;
  border-style: solid;
  border-width: 0 5px 5px;
  color: #a5a5a5;
  margin: 0;
  padding: 3px;
}
blockquote div {
  border-radius: 10px;
  padding: 0 5px 5px;
}
blockquote cite {
  margin: 0 -10px;
  padding: 5px;
}

A 0 usuarios le gusta esto
Me gustaReputación del mensaje :100% (1 voto)
Chinpo

Publicado Vie 10 Oct - 19:56

Chinpo
Me encanta ^^ creo que es mucho menos lioso que el que yo tenía, así que me lo quedo.

Ya se puede cerrar.

A 0 usuarios le gusta esto
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB