phpBB España Oficial

Publicado: **05 Sep 2010, 19:11**

Hola! ¿Cómo están?
Estoy construyendo mi foro, y quiero modificar bastante en tema que utilizo actualmente.
Hasta ahora, el foro, (Las partes laterales) Están así.
Imagen

Pero me gustaría darle un toque como con... "Sombra" o relieve, sí, como en Coloreatuforo.com
Imagen

----------------------------------------------
Lo otro, me gustaría que me dijieran, como editar esta parte de mi foro.
Imagen

Como ponerle un fondo, simplemente blanco, por ejemplo?
Saludos, espero su ayuda!

Publicado: **08 Sep 2010, 12:02**

Ya te di soporte en mi foro pero pondré la respuesta para otros miembros interesados en la misma:

lo del fondo en tu estilo pienso que con editar estas 2 imágenes vas sobrado para lo que deseas, esta imagen es la de los lados que se repite hacia abajo:

Spoiler

http://warezreloaded.com/styles/absolut ... w-left.png
http://warezreloaded.com/styles/absolut ... -right.png

imagen de la izquierda del foro: Imagen

imagen de la derecha del foro: Imagen

reemplaza tus imágenes por estas a ver como queda:

derecha - Imagen

izquierda - Imagen

este debería ser el resultado:
Imagen

era más bien cuestión de photoshop

Publicado: **08 Sep 2010, 21:10**

tambien hay una solucion usando css.

esta es la imagen como quedaria

Imagen

este el codigo que genera la sombra

Código: Seleccionar todo

#sombra {
float:left;
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(http://unibicación-de-la-imagen-de-sombra.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
} 

#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}

Ahora sólo aplicamos esta clase a las imágenes que deseamos salgan con sombra de esta forma:

Código: Seleccionar todo

<div id="sombra">
  <img src="mi_imagen.jpg">
</div>

phpBB España Oficial

Añadir "Sombra" en la parte lateral del foro.

Añadir "Sombra" en la parte lateral del foro.

Re: Añadir "Sombra" en la parte lateral del foro. Tema Solucionado

Re: Añadir "Sombra" en la parte lateral del foro.