Moodle design

Moodle design

Deák István írta időpontban
Válaszok szám: 10

Sziasztok!

A felületet szeretném kicsit egyedivé tenni.

Egy szösszenetnyi elképzelés, hogy a kurzusok neve előtti kis piktogram ne a standard ( lásd melléklet) legyen, hanem egy egyedi .png. Ezt hogyan tudnám lecserélni?

Előre is köszönöm!


Üdv.:

Ged


m.png csatolmány
Válasz erre: Deák István

Tárgy: Moodle design

Csaba Gloner írta időpontban

Kedves Elek!

Attól függ, milyen témát használsz. Alapesetben ehhez a course.png fájlt kell lecserélni a moodle/pix/i mappában.

Vagy az adott téma mappájának pix almappájába feltölteni egy course.png fájlt, így ez elvileg felülírja az eredeti fájlt a moodle/pix mappában.

Üdv
Csaba

Válasz erre: Csaba Gloner

Tárgy: Moodle design

Deák István írta időpontban

Kedves Csaba!

A Moodle alap témáival próbálkoztam, de sehogy nem sikerült. Pedig lecseréltem a file-okat, cache-t töröltem, témát is váltottam, másik böngészővel is kipróbáltam...  A course.png pixel számokat is 16x16 -ra állítottam. A Firefox saját hibakeresőjével is megnéztem és még mindig a a régi ikont használja. Kifogytam az ötletekből első kőrben.

Valami "fától nem látja  az erdőt" állapotába lehetek...

Szerinted mi lehet a probléma?

Köszönöm előre is!

Üdv.:

Elek



Válasz erre: Deák István

Tárgy: Moodle design

Csaba Gloner írta időpontban

Kedves Elek,

kipróbáltam, a moodle/pix/i mappában van két course nevű fájl:

- course.png

- course.svg

Kétféleképpen lehet megváltoztatni:

1. Megváltoztatod a course.svg-t, majd törlöd a cache-t, ezután a Moodle ezt fogja használni online (svg-szerkesztő pl. itt ha nincs a gépeden más: vg-edit.googlecode.com)

2. Megváltoztatod a course.png-t, eltávolítod asz svg fájlt, majd törlöd a cache-t, ez esetben is megjelenik a megváltoztatott fájl.

Nem tudom pontosan, hogy ez miért van így, de működik, vagyis a rendszer az svg fájlt részesíti előnyben, de ha az nincs, akkor megjeleníti a png-t

Üdv
Csaba

Válasz erre: Csaba Gloner

Tárgy: Moodle design

Deák István írta időpontban

Kedves Csaba!


Köszönöm a course.png segítséget, működik.

Építgetem tovább az oldalt és szembesülök fura dolgokkal.

pl. szeretném a kurzusokat sorban egymás alá megjeleníteni (login után), de nem szövegesen, hanem egy .png file-ban.

Ami problémát okoz az, hogy nem tudom balra rendezni a képfájlokat (valahol az oldal közepefele helyezkednek el). Erről csatoltam egy képernyőképet is.

Erre nem találok beállítást és a HTML szerkesztőjében sem történik érdemi elmozdulás, annak ellenére, hogy balra rendezem.

A HTML forma:

"<div style="text-align: left;"><img src="http://localhost/moodle/draftfile.php/9/user/draft/397003174/logo.png" alt="" role="presentation" style="vertical-align:text-bottom; margin: 0 .5em;" class="img-responsive" height="120" width="200"></div><p><br></p>"


Ezt hogyan tudnám balra rendezni, vagy, ha nem balra, akkor talán 4-6 kurzus estén valami csempés megjelenítés, hogyan lenne kivitelezhető?


Köszönöm előre is!


Üdv.:

Elek

Moodle_logo.JPG csatolmány
Válasz erre: Deák István

Tárgy: Moodle design

Csaba Gloner írta időpontban

Kedves Elek,

nem tudom, hogy egyáltalán lehetséges-e PNG fájlokkal normális elrendezést létrehozni anélkül, hogy magát a theme-design-t nem kellene megváltoztatni.

Nekem az a tapasztalatom, hogy sokkal jobb maradni az eredeti, alapból elérhető lehetőségeknél. Ha speciális dolgokat szeretnél, saját Theme-et kell hozzá építeni. Különben folyamatosan gondok lesznek. Többek között pl.  ha sikerül is csak HTML kóddal valamit szépen megoldani, nem biztos, hogy minden böngészőben ugyanúgy fog kinézni és ebből mindig galibák lesznek.

Sajnos többet nem tudok ebben segíteni, de talán másnak van jobb ötlete.

Csaba

Válasz erre: Deák István

Tárgy: Moodle design

József Somogyi írta időpontban

Szia

 

Ha nem tévedek a kérdés ügyében, akkor azt mi a csatolt képnek megfelelően oldottuk meg.

A kép feltöltése a kurzus szerkesztésén belül "Leírás" pontban ("Általános" menüpont alatt és a "Kurzus beállításai" felett) található a "Kurzus összegzéséhez szükséges fájlok" helyre történt.
        

A kép mérete: 195*168px  
Kiterjesztése: jpg

+css kód: 

.coursebox .content .courseimage img {
    margin-left: -2px;
    margin-top: -10px;
    max-height: 130px;
    max-width: 130px;
}
 
 

2.9-es Moodle, Essential -téma a szerkesztése pedig a firefox-al a firebug segédprogrammal.

 

Üdv.:

J.

kurzusok.jpg csatolmány
Válasz erre: József Somogyi

Tárgy: Moodle design

Deák István írta időpontban

Kedves József!


A leírás tökéletes, nálam viszont nem működik. Lehet, hogy én nem csinálok valamit rosszul...

Nekem 2.8-as Moddle és a More téma van beállítva, a kép nálam .png (de az gondolom ebből a szempontból lényegtelen).

Próbáltam a CSS- kódot többféleképpen, de mintha mi sem történt volna...

Telepítek egy Essentialt, hátha úgy összejön mosoly


Köszönöm az eddigieket!


Üdv.:

Elek


Válasz erre: Deák István

Tárgy: Moodle design

József Somogyi írta időpontban

Kedves Elek

 

Amikor elkezdtem a Moodle -el komolyabban dolgozni magam is először a "More" témát kezdtem el lépésről lépésre személyre szabni.
Idővel egyre többet szembesültem a "More" téma akadályaival-korlátaival, ezért nagyon sok témát  elkezdtem kipróbálni, és végén (mind a mai napig) az "Essential" mellett maradtam. A sok beállítási lehetőségei elsőre lehet, hogy félelmetesnek tűnik, de mélyebben elmerülve ennek a témának a lehetőségeiben biztos vagyok abban, hogy jobb döntés lesz, mint (személyes tapasztalatból írva)  a "More" mosoly

 

Üdv.:

S.J.

Válasz erre: József Somogyi

Tárgy: Moodle design

Deák István írta időpontban

Kedves S.J. !

Azt hiszem sikerült kihozni a More témából amit lehetett, így evvel indítom el a felületet. Nem szép, de legalább puritán mosoly  Viszont később (amint kitapasztalom), az"Essential" témával fogom folytatni, ugyanis közben telepítettem ezt is. Korábban Gloner Csaba is javasolta, csak akkor még egyéb problémákkal voltam elfoglalva.

Köszönöm Neked is! mosoly


Üdv.:

Elek


Válasz erre: Deák István

Tárgy: Moodle design

Brad Sam írta időpontban

nem tudom, hogy egyáltalán lehetséges-e PNG fájlokkal normális elrendezést létrehozni anélkül, hogy magát a theme-design-t nem kellene megváltoztatni.