Página 1 de 1

Creando un marco sombreado alrededor del foro en prosilver

Publicado: 09 Nov 2011, 22:43
por Frogman
Hola a todos.

Estoy intentando crear un marco alrededor del foro, parecido a de phpBB-ES pero con esquinas redondeadas y con un sombreado al fondo base, el caso es que lo he creado, pero me han surgido dos problemas, os dejo en enlace para que lo veais: http://www.frogman.es/foro

El primer problema es el espacio azul que queda entre el vorde superior del marco y el encabezado del foro. Tambien pasa lo mismo, pero esta vez con el color grisaceo que tiene el fondo del marco, abajo del todo.

El segundo problema es que no consigo que el foro aparezca centrado, solo se ve centrado en IE, pero con Mozilla y con G. Chrome es foro sale alineado a la izquierda, cosa que no pasaba antes de insertar el marco.

Aqui os dejo el codigo que he utilizado, es la unica manera que se me ha ocurrido de hacer esto, ya que mi conocimiento en programación es practicamente nulo:

en el overall_header.html he insertado lo que está dentro de comienzo de MARCO:

Código: Seleccionar todo

...<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<!-- Comienzo de MARCO -->
<table align="center" width="990" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="0%"><img src="{T_THEME_PATH}/images/esquina_sup_iz.png" alt="" width="19" height="19" /></td>
    <td width="100%" background="{T_THEME_PATH}/images/bg_sup.png"></td>
    <td width="0%"><img src="{T_THEME_PATH}/images/esquina_sup_der.png" alt="" width="19" height="19" /></td>
  </tr>
  <tr>
    <td background="{T_THEME_PATH}/images/bg_iz.png"></td>
    <td background="{T_THEME_PATH}/images/bg_center.png">
<!-- Fin de MARCO -->
<div id="wrap">...
En el overall_footer.html el siguiente:

Código: Seleccionar todo

...</div>
<!-- Comienzo de MARCO -->
    </td>
    <td background="{T_THEME_PATH}/images/bg_der.png"></td>
  </tr>
  <tr>
    <td><img src="{T_THEME_PATH}/images/esquina_inf_iz.png" alt="" width="19" height="19" /></td>
    <td background="{T_THEME_PATH}/images/bg_inf.png"></td>
    <td><img src="{T_THEME_PATH}/images/esquina_inf_der.png" alt="" width="19" height="19" /></td>
  </tr>
</table>
<!-- Fin de MARCO -->
</body>
</html>

Re: Creando un marco sombreado alrededor del foro en prosilv  Tema Solucionado

Publicado: 10 Nov 2011, 08:54
por DaVidU
estás utilizando tablas y te recomiendo uses etiquetas div, en este tema tienes un tema de como ponerle esquinas redondas a un estilo prosilver usando imágenes y css :ok:
http://www.phpbb-es.com/foro/soporte-pl ... 14484.html

Re: Creando un marco sombreado alrededor del foro en prosilv

Publicado: 10 Nov 2011, 11:47
por Frogman
A probar con etiquetas div pues :D

A ver que sale, que en esto de las etiquetas soy nuevo, bueno, la verdad, en todo.

Re: Creando un marco sombreado alrededor del foro en prosilv

Publicado: 13 Nov 2011, 01:22
por Frogman
Al final lo he hecho con css3. Creo que no se ve en todos los navegadores. Sobre todo en IE, pero es lo mas sencillo que he encontrado.
:cerveza:

Re: Creando un marco sombreado alrededor del foro en prosilv

Publicado: 14 Nov 2011, 23:55
por DaVidU
las sombras hay dos maneras de hacerlas, una es la que has echo con lo que conlleva en los distintos navegadores y la otra es usar la maquetación usando imágenes para ello, claro está para ello necesitas saber algo de html con css y manejar el photoshop