Bueno me paseaba por el foro, de repente me encontré el fondo interior transparente, me fascina y me gustaría saber el código para tenerlo en el foro. A la vez el logo fuera del contenido del foro, gracias de ante mano.

Salu2

¡Hola! ¿Te refieres a este foro?,

PD: el siguiente proceso está diseñado para la versión PHPbb3, si no es tu versión, acláralo.

pues deberás ir a Visualización -> Imágenes y Colores -> Colores.

Y deberás encontrar esta linea:


Y borrar el contenido del cuadro de escritura. Luego te diriges a:
Visualización -> Imágenes y Colores -> Gestion de las Imagenes -> Avanzado

Y debes incluir una imagen de fondo en esta parte:


Recuerda que si no has puesto una imagen antes ahí el cuadro ese te aparecerá vacío. Ahora en el cuadro marcado en rojo pones la url de la imagen que deseas como fondo del foro.

Y para finalizar, con este CSS, que va en Visualización -> Imagenes y colores -> colores -> y la pestaña CSS

Código:

#logo{
margin-left: ZZpx;
margin-top: zzpx;
}

Cambia las ZZ por un numero en pixeles a tu gusto hasta que quede como deseas.

Hola,
Eso es un color RGBA (Red,Green,Blue,Alpha)
agrega el siguiente código

Código:

#wrap {background: rgba(0,0,0,0.6);}

Obviamente le tienes que poner una imagen de fondo, lo puedes añadir con el siguiente código CSS

Código:

body {background: url(URL DE LA IMAGEN);}

Ahora te doy uno listo para ponerlo

Código:

#wrap {background: rgba(0, 0, 0, .07); box-shadow: 0px 0px 5px black;}
body {background: url(URL DE TU IMAGEN DE FONDO);}

Ese es para phpbb3, no me diste tu versión y esa es la más común, si no te funciona es porque eres de otra versión, comunicame si lo eres.

Muchas gracias Ambos, sin embargo aún no me queda resuelto como poner el logo fuera del foro como en este mismo foro, os dejare un pantallazo para que veáis mejor a lo que me refiero. https://i.imgur.com/D9o9A.png

PD: En efecto, el foro e phpBB3.

Consiste en dejar trasparente la cabecera, como te he dicho antes, y modificar el logo a tu gusto y desplazarlo hasta que quede por fuera del foro.

Código:

#logo{
margin-left: ZZpx;
margin-top: zzpx;
}

Con este CSS modificas el logo, puedes editarlo todo a tu gusto. ¡Sañudos!

Lo he utilizado pero no esta dando mira como me queda https://i.imgur.com/Iae7p.png se sale y sigue para arriba, osea, no hay separación. ¿Es mucha molestia si me dan el codigo exacto o en otras palabras hecho? Por favor y nueva mente gracias ^^

Ah, ya veo, haz esto, pon lo siguiente en el Css:

Código:

#wrap{
margin-top: 300px;
}

Agrega o quita pixeles hasta que quede a tu gusto (: ¡Saludos!

Pongo este codigo

Código:

#wrap {background: rgba(0, 0, 0, .07); box-shadow: 0px 0px 5px black;}

Se me pone transparente como yo quiero, pero muy transparente, para ponerlo mas o menos la transparencia que tiene este foro??
No he creado otro post ya que en este habéis puesto el code y todo, para no crear el mismo post otra vez.

Shanks10 escribió:Pongo este codigo

Código:

#wrap {background: rgba(0, 0, 0, .07); box-shadow: 0px 0px 5px black;}

Se me pone transparente como yo quiero, pero muy transparente, para ponerlo mas o menos la transparencia que tiene este foro??
No he creado otro post ya que en este habéis puesto el code y todo, para no crear el mismo post otra vez.

¡Hola! en el rgba, su cuarto valor modifica la transparencia, en este caso:

#wrap {background: rgba(0, 0, 0, .07); box-shadow: 0px 0px 5px black;}

Modifica ese valor para más o menos transparencia hasta que quede a tu gusto, los valores van desde 0(totalmente trasparente) hasta 1(totalmente opaco)

PD: usar .5 es exactamente lo mismo que usar 0.5 ¡Saludos!

Hola. Si el problema fue solucionado, aclararlo en el tema así podemos mover a soporte resuelto.
Un saludo