Is there a way to add buttons like those on www.moodle.org that can be seen on mobile devices via the mobile app? I've been informed that the mobile apps use a totally different theme based on a CSS file that uses HTML 5. It sounds like any customizations done for PC viewing (https://moodle.org/mod/forum/discuss.php?d=246127) would have to be redone for those view on mobile devices via the moodle mobile app.
Thoughts?
In case you are interested, here is the code for the homepage. It displays correctly in browsers.
CSS CODE:
#DIV-button-holder{
min-width: 500px;}
.DIV-bg {
background-image: url(
);
background-repeat: repeat-x;
height: 130px;
width: 33%;
min-width: 90px;
border: 1px solid #FFE29E;
float:left;
}
.DIV-bg:hover {
background-image: url(
);
}
.icon-center {
text-align: center;
padding-top: 5px;
}
HTML CODE: ( I just attached my own style sheet, so i didn't have to go hunting for CSS theme files.)
<link href="http://www.smtraining.org/homepage_rollovers/frontpage_buttons.css" rel="stylesheet" type="text/css" />
<p style="text-align: center;">South Metro Training University brings training and line together in one central location to provide the best training available.</p>
<p style="text-align: center;">
<div id="DIV-button-holder">
<div class="DIV-bg"><div class="icon-center"><img src="http://www.smtraining.org/homepage_rollovers/admin_icon.png" width="162" height="121"/></div></div>
<div class="DIV-bg"><div class="icon-center"><img src="http://www.smtraining.org/homepage_rollovers/admin_icon.png" width="162" height="121"/></div></div>
<div class="DIV-bg"><div class="icon-center"><img src="http://www.smtraining.org/homepage_rollovers/admin_icon.png" width="162" height="121"/></div></div></div>
After a bit more research, I've noticed that everything works except the images. The background images work. The links work. However, the images inside the DIVs are not displaying. .....hmmmm.....