Hola:
Estoy intentando desarrollar un theme para mi moodle, y me he encontrado con el siguiente problema.
La imagen de minimizar y maximizar un bloque me aparece fuera de la imagen de la cabecera del bloque, adjunto imagen.
Como podría hacer que la imagen de maximizar/minimizar aparezca encima del trozo lila claro.
Muchas gracias.
Un saludo.
Estoy seguro de que el posicionamiento se hace en el CSS del tema. Sin embargo no tengo ni idea de que 'id' o 'class' es la encargada de ello, pero con plugins como WebDeveloper o Firebug (ambos para firefox) seguro que es fácil averiguarlo.
Saludos. Iñaki.
Muchas gracias por tu aportación, yo también supongo que es con los estilos, por no acabo de dar con el que es.
Creo que es este de aquí
.sideblock .header .hide-show-image { float: right; height: 11px; width: 11px; margin-top: 0.25em; }
No tengo ni idea de en que fichero está, porque lo anterior lo he sacado con el plugin WebDeveloper, que pinchando en un elemento de la página te permite ver el CSS que se le está aplicando.
Saludos. Iñaki.
Hola Carlos,
Respuesta rápida:
En el archivo "styles_layout.css" (al menos del tema Standard),
ubicar líneas 1231-1236
.sideblock .header .hide-show-image {
float:right;
height:11px;
width:11px;
margin-top:0.25em;
}
Respuesta no tan rápida
Lo más recomendable es hacer lo que dice Iñaki: usar Firefox e instalar
la extensión Web Developer.
Consulta este post, en el que de alguna manera se abordan estas cuestiones.
Yo todavía no ubico muy bien la lógica de dicha extensión, pero básicamente
hay que activarla, dar clic en la parte de la pantalla que deseas modificar,
ubicar las líneas de la CSS, elegir el menú "CSS/view CSS"
(presionar CTRL+SHIFT+C) y aquí es donde viene lo que aún no entiendo:
1) Como que la extensión te construye toda la hoja de estilos del documento
(X)HTML.
2) En este sentido, parece que "agrega" todas las hojas de estilo que lo
afectan y de esa manera, es imposible (al menos yo no he hallado la manera),
de ubicar las líneas de manera exacta.
3) Lo bueno es que la extensión incluye hasta arriba todas las CSS que se
usan.
4) Entonces, con la líneas detectadas, y los nombres de las CSS (y sus rutas),
pues sólo resta buscar en cada archivo y ya tienes lo que hay que modificar.
Seguro hay un método menos "rupestre", pero aún no lo encuentro
Saludos
Respuesta rápida:
En el archivo "styles_layout.css" (al menos del tema Standard),
ubicar líneas 1231-1236
.sideblock .header .hide-show-image {
float:right;
height:11px;
width:11px;
margin-top:0.25em;
}
Respuesta no tan rápida
Lo más recomendable es hacer lo que dice Iñaki: usar Firefox e instalar
la extensión Web Developer.
Consulta este post, en el que de alguna manera se abordan estas cuestiones.
Yo todavía no ubico muy bien la lógica de dicha extensión, pero básicamente
hay que activarla, dar clic en la parte de la pantalla que deseas modificar,
ubicar las líneas de la CSS, elegir el menú "CSS/view CSS"
(presionar CTRL+SHIFT+C) y aquí es donde viene lo que aún no entiendo:
1) Como que la extensión te construye toda la hoja de estilos del documento
(X)HTML.
2) En este sentido, parece que "agrega" todas las hojas de estilo que lo
afectan y de esa manera, es imposible (al menos yo no he hallado la manera),
de ubicar las líneas de manera exacta.
3) Lo bueno es que la extensión incluye hasta arriba todas las CSS que se
usan.
4) Entonces, con la líneas detectadas, y los nombres de las CSS (y sus rutas),
pues sólo resta buscar en cada archivo y ya tienes lo que hay que modificar.
Seguro hay un método menos "rupestre", pero aún no lo encuentro
Saludos
Muchas gracias a todos los que contestasteis.
Al final he descubierto el problema, gracias al plugin Web Developer. Por si a alguien le sucede alguna vez, es que el tema que estoy modificando, contiene variables que toman datos e imagenes de otro tema, concretamente del tema stantard.
En definitiva, si ya es complicado modificar un theme, jeje, ahora hay que fijarse en dos.
Un saludo y gracias de nuevo.
Al final he descubierto el problema, gracias al plugin Web Developer. Por si a alguien le sucede alguna vez, es que el tema que estoy modificando, contiene variables que toman datos e imagenes de otro tema, concretamente del tema stantard.
En definitiva, si ya es complicado modificar un theme, jeje, ahora hay que fijarse en dos.
Un saludo y gracias de nuevo.