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.

diseño de un bloque en extremedarkred

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

cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

diseño de un bloque en extremedarkred

#1

Mensaje por cfeze »

Estoy en busca de un nuevo diseño de bloque para el portal. pero me encuentro con un problema..
este es el diseño:

Código: Seleccionar todo

<div class="rounded_corners_top"><div class="left">El Titulo del bloque</div><div class="right"></div></div><div class="clear"></div>

<div class="bg4">

	<div class="content" style="color: #FFFFFF;">

el contenido del bloque


	</div>

</div>

	<div class="rounded_corners_bottom"><div class="left"></div><div class="right"></div></div><div class="clear"></div>

pero cuando hago eso, me sale muy grande el bloque. Entonces, lo que hice fue ir extremedarkred.css y buscar rounded_corners_top y me encontré con esto.

Código: Seleccionar todo

/* Top rounded corners */
div.rounded_corners_top {
	width: 100%;
	height: 30px;
	min-height: 29px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top.gif") repeat-x;
}
div.rounded_corners_top div.left {
	float: left;
	height: 12px;
	width: 335px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top_left.gif") no-repeat;
	color: #FFF;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 8px 0 10px 40px;
}
div.rounded_corners_top div.left a {
	color: #FFF;
	text-decoration: none;
}
div.rounded_corners_top div.left a:hover {
	text-decoration: underline;
}
div.rounded_corners_top div.right {
	float: right;
	width: 9px;
	height: 29px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_top_right.gif") no-repeat;
}

/* Bottom rounded corners */
div.rounded_corners_bottom {
	width: 100%;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom.gif") repeat-x;
}
div.rounded_corners_bottom div.left {
	float: left;
	width: 9px;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom_left.gif") repeat-x;
}
div.rounded_corners_bottom div.right {
	float: right;
	width: 9px;
	height: 9px;
	background: #000 url("{T_THEME_PATH}/images/rounded_corners_bottom_right.gif") repeat-x;
}
entonces para "probar" quite la dimensiones en div.rounded_corners_top y div.rounded_corners_top div.left y me quedo asi.

Imagen

pero hay un espacio vacio.. y ni hablar en index.php un desastre jaja

como arreglo esto? sin alterar en el index.php .. creo q habia q crear un identificador modificando las dimensiones y agregarlo en stylesheet.css.

Gracias!

URL: http://www.clan-fire.co.cc
Versión phpBB: phpBB3 (3.0.8)
MODs Instalados: phpbb portal
Plantilla(s) usada(s): extremedarkred
Servidor:
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
Última edición por cfeze el 23 Abr 2011, 02:04, editado 1 vez en total.
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:

Avatar de Usuario
Megabyte
Elite
Mensajes: 1037
Registrado: 25 Dic 2010, 02:39
Edad: 45

Re: diseño de un bloque en extremedarkred

#2

Mensaje por Megabyte »

Te hace falta el copyright de la traduccion :stop:
Última edición por Megabyte el 23 Abr 2011, 02:14, editado 1 vez en total.
Contenido Oculto
Este foro requiere que este registrado e identificado para ver el contenido oculto.

cfeze
Asiduo/a
Mensajes: 126
Registrado: 02 Ago 2010, 18:10

Re: diseño de un bloque en extremedarkred

#3

Mensaje por cfeze »

Sorry, ya le inserte el copryight de la traduccion.

Igual ya lo arreglé ahora tengo otro incoveniente

Imagen

Está pegado sobre el borde, cómo hago para alejarlo?

:D

Gracias!
URL: http://www.clandyt.com
Versión phpBB: phpBB3 (3.0.9)
MODs Instalados: Advanced BBCode Box 3, Country Flags User Edition, MSSTI QuickReply, phpBB3 Portal
Plantilla(s) usada(s): Attiriuum
Servidor: byethost.com (premium)
Actualización desde otra versión:
Conversión desde otro sistema de foros:

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

Re: diseño de un bloque en extremedarkred

#4

Mensaje por DaVidU »

no estoy seguro pero en tu portal no se pueden cambiar el ancho de las columnas?

otra sería mirar el css e ir probando con diferentes "margin" y "padding"
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”