Mida dels blocs

Mida dels blocs

per SALVADOR CALVET FIGUEROLA -
Nombre de respostes: 6

Hola. 

Sé que potser és un tema menor, però m'agradaria saber si hi ha una manera de fer que els blocs de la pàgina inicial es puguin reduir (tot surt molt gros i he de moure constantment la pantalla amunt i avall per veure-ho tot).

De la mateixa manera, els noms dels cursos em surten gegants, però dins de cada assignatura la lletra és la mateixa que abans. Com puc arreglar-ho?

Merci.

En resposta a SALVADOR CALVET FIGUEROLA

Re: Mida dels blocs

per Sara Arjona Téllez (Moodle HQ) -

Hola Salvador!

Amb la versió nova del Moodle no és possible (ni recomanable) canviar la mida dels blocs: cal tenir en compte que el disseny està orientat  per millorar la visualització als dispositius mòbils. Intentarem revisar-ho a mig termini per veure si podem incorporar algun botó per amagar els blocs que us faciliti l'edició per casos com el que comentaves. Per aquest motiu, per ajudar-nos a trobar quina és la millor solució que es pot aplicar, ens aniria bé algunes captures de pantalla que il·lustrin el problema que comentes.

Sobre el tema dels noms dels cursos us recomanem el següent:

  • Que no poseu els títols dels curs en majúscules. El fet de tenir aquests títols en majúscules fa que encara es vegin més grans aquests títols.
  • Si preferiu deixar els títols en majúscules o després de canviar els títols a minúscules trobeu que encara són massa grans, podeu editar els estils CSS de l'aparença XTEC2 (Administració del lloc | Aparença | Temes | XTEC2) i afegir el contingut següent al camp de text "Paràmetres CSS | Estils personalitzats":

.coursebox h3.coursename, .coursebox h2.title {font-size: 18px;}

Al codi anterior pots canviar el 18 per qualsevol altre número per acabar d'ajustar la mida a la que consideris més adequada (ara mateix, la que es veu per defecte és 24px).

 

Una abraçada,

Sara

En resposta a Sara Arjona Téllez (Moodle HQ)

Re: Mida dels blocs

per JUAN MANUEL QUESADA CABADAS -

Hola Sara, tenim uns quants temes :

1. Ens trobem que amb el codi que comentes, no modifica el texte del títol dels cursos, no sé si té relació a allò que hem d'esperar al dia següent pel tema de la memòria cau ? (la he buidat manualment i tampoc).

http://agora.xtec.cat/escolaaldric/moodle

2. A XTEC2, Estils personalitzats, tenim el següent codi :

/*modifico color de fons de la capçalera*/
#page-header {
/*background-color: #EEA685; fons color taronja claret */
background-color: #DBEFE3; /* fons color verd claret */
}


/*modifico format del texte de la capçalera*/
.headermain {
font-family:verdana;
font-size:300%;
font-style:oblique;
font-weight: bold;
/*color:#8A2BE2; lletra color lila*/
/*color:#FFFFFF; lletra color blanc */
/*color:#02640C; lletra color verd fosc */
color:#F07305; /* lletra color taronja */
vertical-align: middle;
/*per treure sombrejat del fons del texte
text-shadow: none;*/
}

Però amb l'actualiotzació a Moodle 2.6.4 ha fet que el fons de la capçalera no es vegi amb el "verd claret" que teníem, i el texte de capçalera "Escola Aldric", no es ni verdana, ni cursiva, ni negreta. No ha canviat res del codi però ara no funciona.

A què es deu (s'ha de retocar el codi CSS) ? Es pot solucionar ?

3. Aquest curs a l'Aldric faran servir el Moodle com a pàgina web del centre, i el tema de que els blocs no es puguin fer més estrets de cap manera, doncs és una pèrdua d'espai a la pantalla considerable ... el mig queda massa petit i ajustat, no sé si a un dispositiu mòbil ajuda aquests blocs tan amples. No hi ha solució doncs ?

 

Moltes gràcies !

 

En resposta a JUAN MANUEL QUESADA CABADAS

Re: Mida dels blocs

per MONICA GRAU PRIETO -

Hola Juan Manuel,

1. Ens trobem que amb el codi que comentes, no modifica el texte del títol dels cursos, no sé si té relació a allò que hem d'esperar al dia següent pel tema de la memòria cau ? (la he buidat manualment i tampoc).

http://agora.xtec.cat/escolaaldric/moodle

Et passeu un tros de CSS nou per canviar la mida dels títols dels cursos. Durant aquests dies s'han modificat coses de l'aparença i el codi que et va passar la Sara ha deixat de funcionar.

.course_category_tree .category>.info>.categoryname {
font-size: 18px;!important
}

.coursebox>.info>.coursename a {
font-size: 18px;!important
}

 

2. A XTEC2, Estils personalitzats, tenim el següent codi :

/*modifico color de fons de la capçalera*/
#page-header {
/*background-color: #EEA685; fons color taronja claret */
background-color: #DBEFE3; /* fons color verd claret */
}


/*modifico format del texte de la capçalera*/
.headermain {
font-family:verdana;
font-size:300%;
font-style:oblique;
font-weight: bold;
/*color:#8A2BE2; lletra color lila*/
/*color:#FFFFFF; lletra color blanc */
/*color:#02640C; lletra color verd fosc */
color:#F07305; /* lletra color taronja */
vertical-align: middle;
/*per treure sombrejat del fons del texte
text-shadow: none;*/
}

Però amb l'actualiotzació a Moodle 2.6.4 ha fet que el fons de la capçalera no es vegi amb el "verd claret" que teníem, i el texte de capçalera "Escola Aldric", no es ni verdana, ni cursiva, ni negreta. No ha canviat res del codi però ara no funciona.

A què es deu (s'ha de retocar el codi CSS) ? Es pot solucionar ?

Amb l'aparença nova, on diu .headermain heu de posar h1, d'aquesta manera sí que s'haurien de visualitzar els estils personalitzats de la capçalera. És a dir, hauria de quedar de la forma següent:

h1 {
font-family:verdana;
font-size:300%;
font-style:oblique;
font-weight: bold;
/*color:#8A2BE2; lletra color lila*/
/*color:#FFFFFF; lletra color blanc */
/*color:#02640C; lletra color verd fosc */
color:#F07305; /* lletra color taronja */
vertical-align: middle;
/*per treure sombrejat del fons del texte
text-shadow: none;*/
}

3. Aquest curs a l'Aldric faran servir el Moodle com a pàgina web del centre, i el tema de que els blocs no es puguin fer més estrets de cap manera, doncs és una pèrdua d'espai a la pantalla considerable ... el mig queda massa petit i ajustat, no sé si a un dispositiu mòbil ajuda aquests blocs tan amples. No hi ha solució doncs ?

Amb el tema nou, la nostra recomanació és que només es faci servir un dels dos blocs laterals per tal d'optimitzar l'espai. Per altra banda, donat que és un tema responsive, no heu de patir de cara a la visualització en dispositius mòbils ja que en fer més petita la pantalla, l'espai s'adapta deixat una visualització òptima a cada mida de pantalla.

Fins ara,

Mònica

En resposta a MONICA GRAU PRIETO

Re: Mida dels blocs

per JUAN MANUEL QUESADA CABADAS -

Hola Mònica,

el punt 1 i 3 ok !

El punt 2 també, només que el troç de codi per canviar el fons de la capçalera (no pas només de la lletra, sino tot el fons de l'esquerra) no funciona :

/*modifico color de fons de la capçalera #page-header */
#page-header {
/*background-color: #EEA685; fons color taronja claret */
background-color: #DBEFE3; /* fons color verd claret */
}

He provat algun canvi al codi però res ... em pots ajudar ?

Moltíssimes gràcies de nou !

Juanma.