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.

Creando un marco sombreado alrededor del foro en prosilverTema Solucionado

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
Cerrado

0
No hay votos
 
Votos totales: 0

Frogman
Invitado

Creando un marco sombreado alrededor del foro en prosilver

#1

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

Avatar de Usuario
DaVidU
Ex Staff
Mensajes: 776
Registrado: 08 Oct 2009, 12:24
Edad: 47

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

#2

Mensaje 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
Datos de mi foro en caso de soporte:
URL: http://coloreatuforo.com
Versión phpBB: phpBB 3.0.8
MODs Instalados: + de 100 MODs
Plantilla(s) usada(s): Prosilver modificada
Servidor: Linux
Actualización desde otra versión: 3.0.1
Conversión desde otro sistema de foros: No

Frogman
Invitado

Re: Creando un marco sombreado alrededor del foro en prosilv

#3

Mensaje 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.

Frogman
Invitado

Re: Creando un marco sombreado alrededor del foro en prosilv

#4

Mensaje 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:
Última edición por Frogman el 13 Nov 2011, 01:27, editado 1 vez en total.

Avatar de Usuario
DaVidU
Ex Staff
Mensajes: 776
Registrado: 08 Oct 2009, 12:24
Edad: 47

Re: Creando un marco sombreado alrededor del foro en prosilv

#5

Mensaje 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
Datos de mi foro en caso de soporte:
URL: http://coloreatuforo.com
Versión phpBB: phpBB 3.0.8
MODs Instalados: + de 100 MODs
Plantilla(s) usada(s): Prosilver modificada
Servidor: Linux
Actualización desde otra versión: 3.0.1
Conversión desde otro sistema de foros: No

Cerrado

Volver a “Soporte para Estilos phpBB 3.0.x”