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.

ancho de foro y sombra

Dudas sobre estilos phpBB 3.0.x
Colaboraciones gráficas paquetes de rangos aquí y botones aquí.
micasamitelefono
Miembro
Mensajes: 428
Registrado: 25 Ago 2007, 21:25

ancho de foro y sombra

#1

Mensaje por micasamitelefono »

Hola, como ya he puesto en otros hilos, aunque por otras cuestiones, con motivo de la navidad he cambiado el style temporalmente, he puesto uno muy guapo Chrimbo se llama, os añado una captura para que quede mas clara mi duda.
El tema es el siguiente

1 en common.css tengo esto

#wrap {
padding: 0 20px;
min-width: 700px;
width: 900px;
margin: 0 auto;
}
, entiendo que los 900 son los que marca el azul celeste, bueno ya está explicado en la foto, quisiera saber ¿cómo especifico la cantidad de cuadrado blanco que se ve y donde se especifica que debe ser blanco, creo que se entiende bien. Muchas gracias por adelantado
Adjuntos
foro.gif
foro.gif (71.04 KiB) Visto 1204 veces


URL: http://www.opticos-optometristas.com
Plantilla(s) usuada(s): Prosilver,
extensiones instalados: advanced BBcodebox, Cookie Policy, Google Adsense, Google analytics, Lightbox, Link Menu, Precise Similar Topics, Scroll to top, Share on
Versión de phpBB: 3.2.8
Servidor: Aruba (linux hosting) (arrepentido estoy)
Si es una actualización desde otra versión: SI
Si es una conversión desde otro tipo de Foro: NO


JANU1535
Ex Staff
Mensajes: 2236
Registrado: 23 Ago 2005, 11:42
Edad: 33

Re: ancho de foro y sombra

#2

Mensaje por JANU1535 »

Los colores por lo general se definen en el archivo colours.css del mismo directorio.

El valor exacto no te lo puedo decir, depende de la plantilla.
Por ahí está la propiedad background-color, pero no se si el color ese es un 'color' o una imagen repetida hasta el infinito. :D

Saludos.
Antes de nada, lee las Normas de phpBB-Es, y el siempre útil Foro de guías sobre phpBB 3.
Consulta la Documentación de phpBB 2 y phpBB 3 y sus correspondientes FAQS de ayuda.
Administra, modifica, actualiza tu foro con el listado de Guías de nuestra Biblioteca.
Quizás tu duda esté resuelta, y todos ahorremos tiempo.
Si es sobre cómo Crear una Consulta SQL ya lo tienes explicado en el enlace.
En general, se recomienda Buscar antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes y si respetas completamente el Copyright de phpBB.
NOTA: No damos Soporte a los foros integrados en Nuke y derivados del mismo. Infórmate AQUÍ

micasamitelefono
Miembro
Mensajes: 428
Registrado: 25 Ago 2007, 21:25

Re: ancho de foro y sombra

#3

Mensaje por micasamitelefono »

lo que pretendo es en mi plantilla prosilver añadir ese recuadro blanco para que la imagen de fondo no se vea así por el medio de los bloques, y no encuentro en donde hacerlo,lo unico que he encontrado diferente entre las dos plantillas es en common.css un trozo que pone border, pero lo añado y sigue igual(adjunto el codigo)./* Border
---------------------------------------- */
.border-left {
background: url("{T_THEME_PATH}/images/border_left.gif") #FFFFFF repeat-y 0 0;
}

.border-right {
background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-top {
background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0;
}

.border-top-left {
background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
width: 100%;
}

.border-bottom {
background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-bottom span {
background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 0;
display: block;
height: 18px;
}

.border-bottom span span {
background-position: 100% -18px;
}

.inside {
padding: 17px 27px 10px 27px;
}
Adjuntos
Untitled-1.gif
Untitled-1.gif (79.93 KiB) Visto 1186 veces

URL: http://www.opticos-optometristas.com
Plantilla(s) usuada(s): Prosilver,
extensiones instalados: advanced BBcodebox, Cookie Policy, Google Adsense, Google analytics, Lightbox, Link Menu, Precise Similar Topics, Scroll to top, Share on
Versión de phpBB: 3.2.8
Servidor: Aruba (linux hosting) (arrepentido estoy)
Si es una actualización desde otra versión: SI
Si es una conversión desde otro tipo de Foro: NO


memoadian
Elite
Mensajes: 1572
Registrado: 27 Jun 2009, 13:07
Edad: 33

Re: ancho de foro y sombra

#4

Mensaje por memoadian »

ah pues mira como lo tengo yo te puedo decir como le hize.
a ver empiezo

para ello abre el archivo:
styles/prosilver/theme/common.css

busca

Código: Seleccionar todo

    #wrap {
       padding: 0 20px;
       min-width: 650px;
    }
remplaza por:

Código: Seleccionar todo

    #wrap {
       padding: 0 20px;
       min-width: 650px;
       width: 80%;
       margin: 0 auto;
    }
crea un fondo como tu quieras y nombralo background

abre el colours.css

busca

Código: Seleccionar todo

html, body {
   color: #536482;
   background-color: #FFFFFF;
}
remplaza por:

Código: Seleccionar todo

html, body {
   color: #536482;
   background-color: #FFFFFF;
        background-image: url("{T_THEME_PATH}/images/background.gif/jpeg/png");
        background-position: center;
        background-repeat: no-repeat;
        background-attachment:fixed;
}
ahí en donde dice background solo pon la extension de tu archivo y quita las otras

luego busca:

Código: Seleccionar todo

input.disabled {
   color: #666666;
}
agrega despues:

Código: Seleccionar todo

/*     
--------------------------------------------------------------
Corners exteriores
-------------------------------------------------------------- */

.top-left, .top-right, .bottom-left, .bottom-right {
   background-image:   /* CHANGE: path and name of your image */
   height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }
.top-left, .bottom-left {
   margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right, .bottom-right {
   margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.top-right {
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   }
.bottom-left  {
   background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
   }
.bottom-right {
   background-position: 100% 0px; /* CHANGE: replace second number by negative height of one of your corners */
   }
.inside {
   border-left: 1px solid #000;    /* YCC: color & properties of the left-borderline */
   border-right: 1px solid #000;   /* YCC: color & properties of the right-borderline */
   border-top: 1px solid #000;   
   border-bottom: 1px solid #000;         
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #394B5F;                 /* YCC: default text-color of the inside */
   padding-left: 0px;             /* YCC: all texts at some distance of the left border */
   padding-right: 0px;
   padding-top: 10px;             /* YCC: all texts at some distance of the right border */
   }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
.outside {
   margin: 0 auto;
   width : 950px;
   padding: 0px;
}
luego abre el common.css
y deja tu wrap así:

Código: Seleccionar todo

#wrap {
   padding: 0 10px;
   min-width: 700px;
   width: 930px;
   margin: 0 auto;
}
y el body así

Código: Seleccionar todo

body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;      
   /*font-size: 62.5%;          This sets the default font size to be equivalent to 10px */
   font-size: 10px;
   margin: 0;
   padding: 0px 0;
}
abre el overall header y busca:

Código: Seleccionar todo

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
agrega después

Código: Seleccionar todo

<div class="outside">
<div class="top-left"></div><div class="top-center"></div><div class="top-right"></div>
<div class="inside">
<div class="notopgap">
busca en el overall footer esto:

Código: Seleccionar todo

</body>
y agrega antes esto:

Código: Seleccionar todo

<div class="nobottomgap"></div>
</div>
<div class="bottom-left"></div><div class="bottom-center"></div><div class="bottom-right">
</div>
sube tus archivos limpia cache y tambien la cache de tu estilo y ya si quieres ver como queda puedes ver mi foro.

GRACIAS A DAVIDU DE http://coloreatuforo.com/
Datos de soporte
URL: http://manganimemas.com/foro
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados:
Advertisement management, Jquery quick edit,
Block foro externo, Reimg image resizer,
PhpbbSEO, Multi race ranks,
Auto backup, Multiple ranks,
phpbb-seo dynamic meta tags, breizh ajax checks,
barra de mitch, Imágen campos personalizados,
centrar avatar, full quick reply editor,
ign style colored names, perfil a la izquierda,
nv newspage, phpbb security, prime links,
smilie creator, user ranks progresion bar,
buttons menu, prime notify,

Plantilla(s) usada(s): prosilver
Servidor: Pago
Actualización desde otra versión: si
Conversión desde otro sistema de foros: no
__________________________________________________________________________________________________
Instalo mods
Administrador de manganimemas.
__________________________________________________________________________________________________

Avatar de Usuario
jakk
Ex Staff
Mensajes: 2201
Registrado: 14 Jun 2009, 08:57
Edad: 36

Re: ancho de foro y sombra

#5

Mensaje por jakk »

micasamitelefono escribió:lo que pretendo es en mi plantilla prosilver añadir ese recuadro blanco para que la imagen de fondo no se vea así por el medio de los bloques, y no encuentro en donde hacerlo,lo unico que he encontrado diferente entre las dos plantillas es en common.css un trozo que pone border, pero lo añado y sigue igual(adjunto el codigo)./* Border
---------------------------------------- */
.border-left {
background: url("{T_THEME_PATH}/images/border_left.gif") #FFFFFF repeat-y 0 0;
}

.border-right {
background: url("{T_THEME_PATH}/images/border_right.gif") repeat-y 100% 0;
}

.border-top {
background: url("{T_THEME_PATH}/images/border_top.gif") repeat-x 0 0;
}

.border-top-left {
background: url("{T_THEME_PATH}/images/border_top_left.gif") no-repeat 0 0;
}

.border-top-right {
background: url("{T_THEME_PATH}/images/border_top_right.gif") no-repeat 100% 0;
width: 100%;
}

.border-bottom {
background: url("{T_THEME_PATH}/images/border_bottom2.gif") repeat-x 0 100%;
}

.border-bottom span {
background: url("{T_THEME_PATH}/images/border_bottom.gif") no-repeat 0 0;
display: block;
height: 18px;
}

.border-bottom span span {
background-position: 100% -18px;
}

.inside {
padding: 17px 27px 10px 27px;
}
aparte de añadir ese codigo en el comon.css tendras que definir los bordes en el overall_header y overall_footer mediante div
abriendo el div en el overall_header y cerrandolo en el overall_footer
Antes de nada, lee las Normas de phpBB-Es, y el siempre útil Foro de guías sobre phpBB 3.
Consulta la Documentación de phpBB 2 y phpBB 3 y sus correspondientes FAQS de ayuda.
Administra, modifica, actualiza tu foro con el listado de Guías de nuestra Biblioteca.
Quizás tu duda esté resuelta, y todos ahorremos tiempo.
Si es sobre cómo Crear una Consulta SQL ya lo tienes explicado en el enlace.
En general, se recomienda Buscar antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes y si respetas completamente el Copyright de phpBB.
NOTA: No damos Soporte a los foros integrados en Nuke y derivados del mismo. Infórmate AQUÍ.

[hr]
No doy soporte por MP ni por MSN ni por el Chat
[hr]
© Jakk - www.ivemfinity.com | © chirri23 - www.mundoforeros.com | Foro de Pruebas

micasamitelefono
Miembro
Mensajes: 428
Registrado: 25 Ago 2007, 21:25

Re: ancho de foro y sombra

#6

Mensaje por micasamitelefono »

pues muchisimas gracias memoadian, ahora no me resulta posible probarlo, pero en cuanto retome el curro lo intento, el iercoles, eso si, me parece genial toda tu solucion y de hehco viendo tu foro, es lo que busco, pero me pregunto en el tema actual de mi web chrimbo, no veo todo este codigo en colours, me podrías decir como tratan este tema en ella?, es curiosidad y me pica tanto que quiero descubrirlo, he estado comparando los colours de prosilver y chrimbo y difieren poco o muy poco, y no acabo de entenderlo, pero bueno que tu sol. me gusta y la pondré en practica. Gracias

URL: http://www.opticos-optometristas.com
Plantilla(s) usuada(s): Prosilver,
extensiones instalados: advanced BBcodebox, Cookie Policy, Google Adsense, Google analytics, Lightbox, Link Menu, Precise Similar Topics, Scroll to top, Share on
Versión de phpBB: 3.2.8
Servidor: Aruba (linux hosting) (arrepentido estoy)
Si es una actualización desde otra versión: SI
Si es una conversión desde otro tipo de Foro: NO


micasamitelefono
Miembro
Mensajes: 428
Registrado: 25 Ago 2007, 21:25

Re: ancho de foro y sombra

#7

Mensaje por micasamitelefono »

SOLUCIONADO. Bueno pues al final he seguido los consejos de jakk, y voilá, lo tengo listo, efectivamente el problema estaba en que faltaban los div de apertura en header y footer (los de cierre) Gracias

URL: http://www.opticos-optometristas.com
Plantilla(s) usuada(s): Prosilver,
extensiones instalados: advanced BBcodebox, Cookie Policy, Google Adsense, Google analytics, Lightbox, Link Menu, Precise Similar Topics, Scroll to top, Share on
Versión de phpBB: 3.2.8
Servidor: Aruba (linux hosting) (arrepentido estoy)
Si es una actualización desde otra versión: SI
Si es una conversión desde otro tipo de Foro: NO


JANU1535
Ex Staff
Mensajes: 2236
Registrado: 23 Ago 2005, 11:42
Edad: 33

Re: ancho de foro y sombra

#8

Mensaje por JANU1535 »

Tenemos buenos usuarios en este foro.
Qué cracks!!!
Antes de nada, lee las Normas de phpBB-Es, y el siempre útil Foro de guías sobre phpBB 3.
Consulta la Documentación de phpBB 2 y phpBB 3 y sus correspondientes FAQS de ayuda.
Administra, modifica, actualiza tu foro con el listado de Guías de nuestra Biblioteca.
Quizás tu duda esté resuelta, y todos ahorremos tiempo.
Si es sobre cómo Crear una Consulta SQL ya lo tienes explicado en el enlace.
En general, se recomienda Buscar antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes y si respetas completamente el Copyright de phpBB.
NOTA: No damos Soporte a los foros integrados en Nuke y derivados del mismo. Infórmate AQUÍ

micasamitelefono
Miembro
Mensajes: 428
Registrado: 25 Ago 2007, 21:25

Re: ancho de foro y sombra

#9

Mensaje por micasamitelefono »

si si, mas bien que jakkssss!!!!! jajajaj :cerveza:

URL: http://www.opticos-optometristas.com
Plantilla(s) usuada(s): Prosilver,
extensiones instalados: advanced BBcodebox, Cookie Policy, Google Adsense, Google analytics, Lightbox, Link Menu, Precise Similar Topics, Scroll to top, Share on
Versión de phpBB: 3.2.8
Servidor: Aruba (linux hosting) (arrepentido estoy)
Si es una actualización desde otra versión: SI
Si es una conversión desde otro tipo de Foro: NO



Volver a “Soporte para Estilos phpBB 3.0.x”