Enviar pesquisa
Carregar
Creating Moodle Mobile remote themes
•
Transferir como PPTX, PDF
•
9 gostaram
•
23,515 visualizações
Juan Leyva Delgado
Seguir
MoodleMoot Ireland and UK 2016 presentation about creating Moodle Mobile remote themes
Leia menos
Leia mais
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 13
Baixar agora
Recomendados
Creating a custom Moodle Mobile app - MoodleMoot Spain 2014
Creating a custom Moodle Mobile app - MoodleMoot Spain 2014
Juan Leyva Delgado
php với oracle database
php với oracle database
Ngo Trung
java Project report online banking system
java Project report online banking system
VishNu KuNtal
Joomla and cms
Joomla and cms
waseem ahmad
Laravel
Laravel
Hoc Vu
C++ Project: Subject Registration System
C++ Project: Subject Registration System
projectlearner
Chuan viet code va thiet ke giao dien trong C#
Chuan viet code va thiet ke giao dien trong C#
Kuli An
Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligence
Mobileapptelligence
Recomendados
Creating a custom Moodle Mobile app - MoodleMoot Spain 2014
Creating a custom Moodle Mobile app - MoodleMoot Spain 2014
Juan Leyva Delgado
php với oracle database
php với oracle database
Ngo Trung
java Project report online banking system
java Project report online banking system
VishNu KuNtal
Joomla and cms
Joomla and cms
waseem ahmad
Laravel
Laravel
Hoc Vu
C++ Project: Subject Registration System
C++ Project: Subject Registration System
projectlearner
Chuan viet code va thiet ke giao dien trong C#
Chuan viet code va thiet ke giao dien trong C#
Kuli An
Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligence
Mobileapptelligence
Tài liệu HTML5-CSS3
Tài liệu HTML5-CSS3
Lương Bá Hợp
Study of Chromium OS
Study of Chromium OS
William Lee
Joomla - CMS
Joomla - CMS
Dasun Hegoda
Presentation joomla-introduction
Presentation joomla-introduction
krishnapriya Tadepalli
Nhập môn Css
Nhập môn Css
Ly hai
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
jackjohn45
Google Chrome OS
Google Chrome OS
Er. Saurabh Singh
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
MasterCode.vn
Nghiên cưú và phát triển Android OS
Nghiên cưú và phát triển Android OS
Nguyễn Anh
HCL Notes and Nomad Troubleshooting for Dummies
HCL Notes and Nomad Troubleshooting for Dummies
panagenda
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Dịch vụ viết bài trọn gói ZALO 0917193864
Multi Banking System
Multi Banking System
TEJVEER SINGH
Project proposal android operating system
Project proposal android operating system
Attiq12
Desenvolvimento de aplicações PHP com MongoDB
Desenvolvimento de aplicações PHP com MongoDB
Ari Stopassola Junior
Top 10 programming languages for mobile app development
Top 10 programming languages for mobile app development
Wxit Consultant Services
Joomla CMS SEMINAR PPT
Joomla CMS SEMINAR PPT
Pinky Mondal
Hacking Android OS
Hacking Android OS
Jimmy Software
system requirements for android projects
system requirements for android projects
parry prabhu
Presentation on Android application
Presentation on Android application
Atibur Rahman
NetSuite in Arabic Language نت سويت باللغة العربية
NetSuite in Arabic Language نت سويت باللغة العربية
Azdan
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Dani Palou Sala
Moodle Mobile offline features
Moodle Mobile offline features
Juan Leyva Delgado
Mais conteúdo relacionado
Mais procurados
Tài liệu HTML5-CSS3
Tài liệu HTML5-CSS3
Lương Bá Hợp
Study of Chromium OS
Study of Chromium OS
William Lee
Joomla - CMS
Joomla - CMS
Dasun Hegoda
Presentation joomla-introduction
Presentation joomla-introduction
krishnapriya Tadepalli
Nhập môn Css
Nhập môn Css
Ly hai
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
jackjohn45
Google Chrome OS
Google Chrome OS
Er. Saurabh Singh
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
MasterCode.vn
Nghiên cưú và phát triển Android OS
Nghiên cưú và phát triển Android OS
Nguyễn Anh
HCL Notes and Nomad Troubleshooting for Dummies
HCL Notes and Nomad Troubleshooting for Dummies
panagenda
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Dịch vụ viết bài trọn gói ZALO 0917193864
Multi Banking System
Multi Banking System
TEJVEER SINGH
Project proposal android operating system
Project proposal android operating system
Attiq12
Desenvolvimento de aplicações PHP com MongoDB
Desenvolvimento de aplicações PHP com MongoDB
Ari Stopassola Junior
Top 10 programming languages for mobile app development
Top 10 programming languages for mobile app development
Wxit Consultant Services
Joomla CMS SEMINAR PPT
Joomla CMS SEMINAR PPT
Pinky Mondal
Hacking Android OS
Hacking Android OS
Jimmy Software
system requirements for android projects
system requirements for android projects
parry prabhu
Presentation on Android application
Presentation on Android application
Atibur Rahman
NetSuite in Arabic Language نت سويت باللغة العربية
NetSuite in Arabic Language نت سويت باللغة العربية
Azdan
Mais procurados
(20)
Tài liệu HTML5-CSS3
Tài liệu HTML5-CSS3
Study of Chromium OS
Study of Chromium OS
Joomla - CMS
Joomla - CMS
Presentation joomla-introduction
Presentation joomla-introduction
Nhập môn Css
Nhập môn Css
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
đồ áN cơ sở 3 xây dựng ứng dụng trò chuyện trực tuyến android sử dụng fire base
Google Chrome OS
Google Chrome OS
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
Bài 6 Thiết kế các thành phần giao diện - Giáo trình FPT
Nghiên cưú và phát triển Android OS
Nghiên cưú và phát triển Android OS
HCL Notes and Nomad Troubleshooting for Dummies
HCL Notes and Nomad Troubleshooting for Dummies
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Đề tài: Ứng dụng Android ôn luyện trắc nghiệm tiếng Anh, HOT
Multi Banking System
Multi Banking System
Project proposal android operating system
Project proposal android operating system
Desenvolvimento de aplicações PHP com MongoDB
Desenvolvimento de aplicações PHP com MongoDB
Top 10 programming languages for mobile app development
Top 10 programming languages for mobile app development
Joomla CMS SEMINAR PPT
Joomla CMS SEMINAR PPT
Hacking Android OS
Hacking Android OS
system requirements for android projects
system requirements for android projects
Presentation on Android application
Presentation on Android application
NetSuite in Arabic Language نت سويت باللغة العربية
NetSuite in Arabic Language نت سويت باللغة العربية
Semelhante a Creating Moodle Mobile remote themes
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Dani Palou Sala
Moodle Mobile offline features
Moodle Mobile offline features
Juan Leyva Delgado
Mobimooc 1 moodle
Mobimooc 1 moodle
Константин Бугайчук
Build a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 Mins
Mark Aberdour
iMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 Minutes
Epic
New Technology to Support Effective Teaching
New Technology to Support Effective Teaching
Videoguy
Aztea Peaks 2006
Aztea Peaks 2006
ssorden
Moodle Mobile app - MoodleMoot Spain 2014
Moodle Mobile app - MoodleMoot Spain 2014
Juan Leyva Delgado
It5600 moodle vs edu2.0 report
It5600 moodle vs edu2.0 report
brucebarker123
Roll your own LCMS
Roll your own LCMS
mtovey
Pioneering Personal Storage as a Platform
Pioneering Personal Storage as a Platform
Hannry Chan
Engaging ways to use moodle
Engaging ways to use moodle
Mark Rollins
Shiva_CV
Shiva_CV
Shiva Reddy Inturi
Moodle for mobiles
Moodle for mobiles
Julian Ridden
Present.ict2
Present.ict2
Arief Styo
Tips for creating Moodle Mobile friendly courses sites - MoodleMoot Spain 2014
Tips for creating Moodle Mobile friendly courses sites - MoodleMoot Spain 2014
Juan Leyva Delgado
WEB DESIGNING
WEB DESIGNING
Gowtham Cr
Mobile Apps Development Using Flash Builder 4.5
Mobile Apps Development Using Flash Builder 4.5
Bharat Patel
Coyo - Enterprise Social Network
Coyo - Enterprise Social Network
mindsmash GmbH
Screencasting & slide share
Screencasting & slide share
University of Houston
Semelhante a Creating Moodle Mobile remote themes
(20)
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Creating Moodle Mobile remote themes (Moodle Moot US 2016)
Moodle Mobile offline features
Moodle Mobile offline features
Mobimooc 1 moodle
Mobimooc 1 moodle
Build a Mobile Moodle Course in 30 Mins
Build a Mobile Moodle Course in 30 Mins
iMoot: Building a Mobile Moodle Course in 30 Minutes
iMoot: Building a Mobile Moodle Course in 30 Minutes
New Technology to Support Effective Teaching
New Technology to Support Effective Teaching
Aztea Peaks 2006
Aztea Peaks 2006
Moodle Mobile app - MoodleMoot Spain 2014
Moodle Mobile app - MoodleMoot Spain 2014
It5600 moodle vs edu2.0 report
It5600 moodle vs edu2.0 report
Roll your own LCMS
Roll your own LCMS
Pioneering Personal Storage as a Platform
Pioneering Personal Storage as a Platform
Engaging ways to use moodle
Engaging ways to use moodle
Shiva_CV
Shiva_CV
Moodle for mobiles
Moodle for mobiles
Present.ict2
Present.ict2
Tips for creating Moodle Mobile friendly courses sites - MoodleMoot Spain 2014
Tips for creating Moodle Mobile friendly courses sites - MoodleMoot Spain 2014
WEB DESIGNING
WEB DESIGNING
Mobile Apps Development Using Flash Builder 4.5
Mobile Apps Development Using Flash Builder 4.5
Coyo - Enterprise Social Network
Coyo - Enterprise Social Network
Screencasting & slide share
Screencasting & slide share
Mais de Juan Leyva Delgado
Seven tips for mobile course design
Seven tips for mobile course design
Juan Leyva Delgado
Customising the moodle mobile experience
Customising the moodle mobile experience
Juan Leyva Delgado
Mobile learning with moodle
Mobile learning with moodle
Juan Leyva Delgado
Moodle Mobile SCORM 1.2 player
Moodle Mobile SCORM 1.2 player
Juan Leyva Delgado
Mastering Moodle Web Services development
Mastering Moodle Web Services development
Juan Leyva Delgado
Moodle Mobile 2 - MoodleMoot Spain 2015
Moodle Mobile 2 - MoodleMoot Spain 2015
Juan Leyva Delgado
Moodle mobile (MoodleMoot New Zealand 2014)
Moodle mobile (MoodleMoot New Zealand 2014)
Juan Leyva Delgado
Moodlemoot spain 2013. nuevos estándares de tecnologías aplicadas a la educ...
Moodlemoot spain 2013. nuevos estándares de tecnologías aplicadas a la educ...
Juan Leyva Delgado
Moodlemoot spain 2013. actualización a moodle 2 enfoque técnico
Moodlemoot spain 2013. actualización a moodle 2 enfoque técnico
Juan Leyva Delgado
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Juan Leyva Delgado
Moodlemoot spain 2013. taller, creación de un plugin para moodle mobile
Moodlemoot spain 2013. taller, creación de un plugin para moodle mobile
Juan Leyva Delgado
Moodle en dispositivos móviles (MoodleMoot Spain 2011)
Moodle en dispositivos móviles (MoodleMoot Spain 2011)
Juan Leyva Delgado
Moodle Mobile (MoodleMoot Spain 2012)
Moodle Mobile (MoodleMoot Spain 2012)
Juan Leyva Delgado
Moodle 2.0 Novedades (MoodleMoot Spain 2010)
Moodle 2.0 Novedades (MoodleMoot Spain 2010)
Juan Leyva Delgado
Presentando a Python
Presentando a Python
Juan Leyva Delgado
Taller de mensajería bajo Jabber
Taller de mensajería bajo Jabber
Juan Leyva Delgado
Libro de Calificaciones en Moodle 1.9.4 (MoodleMoot Spain 2008)
Libro de Calificaciones en Moodle 1.9.4 (MoodleMoot Spain 2008)
Juan Leyva Delgado
Roles en Moodle 1.9 (MoodleMoot Spain 2009)
Roles en Moodle 1.9 (MoodleMoot Spain 2009)
Juan Leyva Delgado
Mais de Juan Leyva Delgado
(18)
Seven tips for mobile course design
Seven tips for mobile course design
Customising the moodle mobile experience
Customising the moodle mobile experience
Mobile learning with moodle
Mobile learning with moodle
Moodle Mobile SCORM 1.2 player
Moodle Mobile SCORM 1.2 player
Mastering Moodle Web Services development
Mastering Moodle Web Services development
Moodle Mobile 2 - MoodleMoot Spain 2015
Moodle Mobile 2 - MoodleMoot Spain 2015
Moodle mobile (MoodleMoot New Zealand 2014)
Moodle mobile (MoodleMoot New Zealand 2014)
Moodlemoot spain 2013. nuevos estándares de tecnologías aplicadas a la educ...
Moodlemoot spain 2013. nuevos estándares de tecnologías aplicadas a la educ...
Moodlemoot spain 2013. actualización a moodle 2 enfoque técnico
Moodlemoot spain 2013. actualización a moodle 2 enfoque técnico
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. juan leyva & martin dougiamas on moodle mobile (1)
Moodlemoot spain 2013. taller, creación de un plugin para moodle mobile
Moodlemoot spain 2013. taller, creación de un plugin para moodle mobile
Moodle en dispositivos móviles (MoodleMoot Spain 2011)
Moodle en dispositivos móviles (MoodleMoot Spain 2011)
Moodle Mobile (MoodleMoot Spain 2012)
Moodle Mobile (MoodleMoot Spain 2012)
Moodle 2.0 Novedades (MoodleMoot Spain 2010)
Moodle 2.0 Novedades (MoodleMoot Spain 2010)
Presentando a Python
Presentando a Python
Taller de mensajería bajo Jabber
Taller de mensajería bajo Jabber
Libro de Calificaciones en Moodle 1.9.4 (MoodleMoot Spain 2008)
Libro de Calificaciones en Moodle 1.9.4 (MoodleMoot Spain 2008)
Roles en Moodle 1.9 (MoodleMoot Spain 2009)
Roles en Moodle 1.9 (MoodleMoot Spain 2009)
Último
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
meghakumariji156
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Nitya salvi
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
MdBokhtiyarHossainNi
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
Zenith Clipping
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
ab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
meghakumariji156
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
amgadibrahim92
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
RitikaRoy32
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Nitya salvi
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
bingyichin04
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
trose8
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
Último
(20)
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
How to Build a Simple Shopify Website
How to Build a Simple Shopify Website
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
ab-initio-training basics and architecture
ab-initio-training basics and architecture
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
Creating Moodle Mobile remote themes
1.
the world’s open
source learning platform Creating Moodle Mobile remote themes Juan Leyva & Daniel Palou @moodlemobileapp #mootieuk16 @jleyvadelgado
2.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform What will we do? 1.Learn how to run Moodle Mobile in a browser. 2.Create a Mobile theme progressively. 3.Upload and configure this new theme in Moodle. 4.Learn some tricks to improve how the theme is downloaded.
3.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Moodle Mobile in the browser Several ways to do that: 1.Advanced: https://docs.moodle.org/dev/Setting_up_your_development_environme nt_for_Moodle_Mobile_2 2.Simple: Download the latest build, and open it in your browser: https://github.com/moodlehq/moodlemobile-phonegapbuild
4.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Moodle Mobile in the browser You can add your custom CSS via the browser inspection tools:
5.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Mobile theme Change the top bars: .bar-header { background-color: #5069A1; } There are different styles for the menu and main content bar, you may use different colors.
6.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Mobile theme Change the side menu elements: ion-side-menu li .item { background-color: #313848; border-color: #4F5865; color: #BCC3CF; } ion-side-menu li.item { border-color: #4F5865; } ion-side-menu li.item.item-divider { background-color: #3E4755; }
7.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Mobile theme Change icon colors: .ion-ionic { color: orange; } .ion-home { color: blue; } .ion-ios-bell { color: yellow; } .ion-chatbox { color: green; } .ion-calendar { color: white; } .ion-folder { color: purple; } .ion-earth { color: maroon; } .ion-help-buoy { color: orange; } .ion-gear-b { color: dimgray; } .ion-log-out { color: red; }
8.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Mobile theme Change icons: For changing icons just search for the unicode tag near the icon name in: /www/lib/ionic/fonts/ionicons.svg (open it using a text editor) .ion-ionic:before { content: "f3ea"; }
9.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Mobile theme Change other elements in pages inside the app: Every page has a different and unique base class, you can find it in the <ion-content> element. Courses list page: .mm-site_mm_courses .mm-site_mm_courses .tabs-icon-left { background-color: #EBEFF8; } .mm-site_mm_courses section h2 span { font-weight: bold; }
10.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Upload the theme Upload and configure the theme in Moodle: ● Upload the file containing the CSS code into your theme directory: theme/mytheme/mobileapp.css ● In Site administration -> Plugins -> Web Services -> Mobile
11.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform Minify your CSS There are lots of online tools for doing that, use Google :) ● https://cssminifier.com/ ● http://www.cleancss.com/css-minify/ Optionally, you can force the file to be sent gzipped (compressed): 1.Rename the file from .css to .php 2.Add these lines at the beginning of the file: <?php if(!ob_start("ob_gzhandler")) ob_start(); ?> css code goes here...
12.
Copyright 2016 ©
Moodle Pty Ltd - CC SA - support@moodle.comthe world’s open source learning platform RTL This is not fully supported in the app but it can be partially achieved applying this style into the body tag: body { direction: rtl; text-align: right; }
13.
Thank you Community: moodle.org Commercial:
moodle.com @moodle the world’s open source learning platform
Baixar agora