Modificar el diseño del index del foro

[Coyote64]

Buenas tardes

Me gustaría que en mi foro, el chat y los mensajes recientes quedaran más o menos como lo tenéis en este mismo foro.

Mi idea es subir el chat arriba, pero que no ocupe todo el ancho del foro.

Muchas gracias y saludos.

[andares]

Para situar el chat en la parte superior:

PCA->Extensiones->Chat->Administrar paginas->Editar->Posición del Chat->Parte Superior

Para el Sidebar esta disponible esta extension:
[ALPHA] Sidebar

[Coyote64]

Buenas noches andares

Probaré esa extensión, muchas gracias

El caso es que el chat es muy ancho, y quiero ponerlo como esta aquí. O sea, modificar el ancho.

Saludos y muchas gracias

[andares]

Para cambiar el ancho del chat:

En ext/canidev/chat/styles/prosilver/theme/chat.css

Busca:

Código: Seleccionar todo

#chat-body {
	background: #0076B1;
	background: linear-gradient(to bottom, #12A3EB, #0076B1 40px);
	background: -moz-linear-gradient(top, #12A3EB, #0076B1 40px);
	background: -webkit-linear-gradient(#12A3EB, #0076B1 40px);
	background: -o-linear-gradient(top, #12A3EB, #0076B1 40px);
}

Remplaza por:

Código: Seleccionar todo

#chat-body {
	background: #0076B1;
	background: linear-gradient(to bottom, #12A3EB, #0076B1 40px);
	background: -moz-linear-gradient(top, #12A3EB, #0076B1 40px);
	background: -webkit-linear-gradient(#12A3EB, #0076B1 40px);
	background: -o-linear-gradient(top, #12A3EB, #0076B1 40px);
	width: 500px;
}

Puedes definir el valor "px" a tu gusto y tambien en "%" tal que asi: width: 75%;

[andares]

Me olvide que utilizas otro estilo, en tu caso:

En ext/canidev/chat/styles/areo/theme/chat.css

Busca:

Código: Seleccionar todo

#chat-body.notitle {
	border: none;
	padding: 0;
}

Añade antes:

Código: Seleccionar todo

#chat-body {
	width: 75%;
}