Página 1 de 1
Modificar el diseño del index del foro
Publicado: 14 Abr 2015, 19:20
por 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.
Re: Modificar el diseño del index del foro
Publicado: 14 Abr 2015, 19:49
por 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
Re: Modificar el diseño del index del foro
Publicado: 14 Abr 2015, 21:42
por 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
Re: Modificar el diseño del index del foro
Publicado: 14 Abr 2015, 22:25
por 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%;
Re: Modificar el diseño del index del foro
Publicado: 15 Abr 2015, 00:37
por andares
Me olvide que utilizas otro estilo, en tu caso:
En
ext/canidev/chat/styles/areo/theme/chat.css
Busca:
Añade antes: