Making a Html MDM theme

Forum rules
Before you post please read how to get help
User avatar
DrAlexander
Level 1
Level 1
Posts: 10
Joined: Wed Aug 30, 2017 5:52 pm
Location: Cleveland, Ohio

Making a Html MDM theme

Postby DrAlexander » Mon Sep 11, 2017 1:31 am

I've downloaded the MDM HTML theme master and made a folder to create a windows 7 login and I need some help to build it just like the REAL login from Windows 7 and I know little nor know how to code in Html5....

I've extracted some Images from the Win7 webkit theme I've downloaded and using those images to make it and it does have a icon border to display my .face icon

I just have trouble building a HTML MDM theme to look like the Win7 Login, there's a MDM theme that looks like it but it's too basic to me and doesn't have the feel of Windows 7's Login

P.S I don't know if this is the right place to post something about Html MDM theme making.

User avatar
catweazel
Level 8
Level 8
Posts: 2490
Joined: Fri Oct 12, 2012 9:44 pm
Location: Australian Antarctic Territory

Re: Making a Html MDM theme

Postby catweazel » Mon Sep 11, 2017 2:23 am

HTML5
css

Perhaps the best way to learn is to look at the themes you don't like and work out how to change them.

Also see:
How to create a MDM HTML5 Greeter Theme
EgConf
mint-mdm-themes
Mint Donor #6036
If your problem is fixed, please mark your thread as [SOLVED] by editing the title of the first message in the thread.

User avatar
samriggs
Level 6
Level 6
Posts: 1176
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: Making a Html MDM theme

Postby samriggs » Mon Sep 11, 2017 7:29 am

I'm the dude that created a lot of them in the beginning.
I wrote a tutorial and made a template.
I found using phasers framework worked best
It's a html5 gaming framework and it just works great for mdm themes with canvas.
I also use the phaser editor to create them (which uses eclipse forked for this sole purpose of making games with phaser)
It's a paid version but it includes a nag screen if you don't pay which will not stop you from creating it.

Here is my tutorial and template and all the info to create a basic one: http://samsstuffsoftware.blogspot.ca/2016/04/mdm-theme-created-with-phaser-framework.html

Hope it helps you out
You don't need the editor to create it but I just like using it as I use it to make games with.

Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
DrAlexander
Level 1
Level 1
Posts: 10
Joined: Wed Aug 30, 2017 5:52 pm
Location: Cleveland, Ohio

Re: Making a Html MDM theme

Postby DrAlexander » Tue Sep 12, 2017 10:32 pm

samriggs wrote:I'm the dude that created a lot of them in the beginning.
I wrote a tutorial and made a template.
I found using phasers framework worked best
It's a html5 gaming framework and it just works great for mdm themes with canvas.
I also use the phaser editor to create them (which uses eclipse forked for this sole purpose of making games with phaser)
It's a paid version but it includes a nag screen if you don't pay which will not stop you from creating it.

Here is my tutorial and template and all the info to create a basic one: http://samsstuffsoftware.blogspot.ca/2016/04/mdm-theme-created-with-phaser-framework.html

Hope it helps you out
You don't need the editor to create it but I just like using it as I use it to make games with.

Sam


wow that's radical, I'm just recreating the Login screen of Windows 7 with a row of small icons showing the .face file as your icon inside the box and stuff an d contains two bottom buttons left one does desktop session and the power button one does a pull up menu containing the power options.

User avatar
samriggs
Level 6
Level 6
Posts: 1176
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: Making a Html MDM theme

Postby samriggs » Wed Sep 13, 2017 7:28 am

ya I make games so I use the framework and make the odd mdm theme when I have spare time with it.
If you just want a simpler way you can snag one of my earlier themes and just swap out the artwork for your own and change the theme file to your own (make sure you change the name of the folder and theme file)
A few of done it that way for easier themes.
Heres the link for all my themes, feel to fork one for yourself.
https://samriggs.deviantart.com/gallery/

Sam
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
DrAlexander
Level 1
Level 1
Posts: 10
Joined: Wed Aug 30, 2017 5:52 pm
Location: Cleveland, Ohio

Re: Making a Html MDM theme

Postby DrAlexander » Fri Sep 15, 2017 3:07 am

samriggs wrote:ya I make games so I use the framework and make the odd mdm theme when I have spare time with it.
If you just want a simpler way you can snag one of my earlier themes and just swap out the artwork for your own and change the theme file to your own (make sure you change the name of the folder and theme file)
A few of done it that way for easier themes.
Heres the link for all my themes, feel to fork one for yourself.
https://samriggs.deviantart.com/gallery/

Sam


How I'm gonna replicate Windows 7's using one of these themes via phaser?

User avatar
samriggs
Level 6
Level 6
Posts: 1176
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: Making a Html MDM theme

Postby samriggs » Fri Sep 15, 2017 9:42 am

DrAlexander wrote:
samriggs wrote:ya I make games so I use the framework and make the odd mdm theme when I have spare time with it.
If you just want a simpler way you can snag one of my earlier themes and just swap out the artwork for your own and change the theme file to your own (make sure you change the name of the folder and theme file)
A few of done it that way for easier themes.
Heres the link for all my themes, feel to fork one for yourself.
https://samriggs.deviantart.com/gallery/

Sam


How I'm gonna replicate Windows 7's using one of these themes via phaser?


if all you want to do is put an image on the background that looks like windows 7 , you don't need any phaser or java script canvas or webgl at all, you can do that all in html and just add an image as the background and change the login box via css file to be what you want it to be.
html5 (canvas/javascript) is mainly used if you want to animate something, which you can also do with no javascript via css3 animations depending on what you want to do.
there is plenty of ways to do all this stuff but you have to have some basic knowledge how to do it.
Like I said if all you want is a windows 7 background just grab any theme already made, mine or one on your system already, then change the background image, you will have to change the name of the folder and the theme file info so it wont load a duplicate of the same but if you know anything about css or html or javascript it won't be too hard.
if you don't know any of this stuff then I would suggest learning it first, otherwise it's like wanting to overhaul a hemi engine after lifting the hood and never seeing an engine before.

here is a starter https://www.w3schools.com/
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus

User avatar
DrAlexander
Level 1
Level 1
Posts: 10
Joined: Wed Aug 30, 2017 5:52 pm
Location: Cleveland, Ohio

Re: Making a Html MDM theme

Postby DrAlexander » Sat Sep 16, 2017 2:15 am

samriggs wrote:
DrAlexander wrote:
samriggs wrote:ya I make games so I use the framework and make the odd mdm theme when I have spare time with it.
If you just want a simpler way you can snag one of my earlier themes and just swap out the artwork for your own and change the theme file to your own (make sure you change the name of the folder and theme file)
A few of done it that way for easier themes.
Heres the link for all my themes, feel to fork one for yourself.
https://samriggs.deviantart.com/gallery/

Sam


How I'm gonna replicate Windows 7's using one of these themes via phaser?


if all you want to do is put an image on the background that looks like windows 7 , you don't need any phaser or java script canvas or webgl at all, you can do that all in html and just add an image as the background and change the login box via css file to be what you want it to be.
html5 (canvas/javascript) is mainly used if you want to animate something, which you can also do with no javascript via css3 animations depending on what you want to do.
there is plenty of ways to do all this stuff but you have to have some basic knowledge how to do it.
Like I said if all you want is a windows 7 background just grab any theme already made, mine or one on your system already, then change the background image, you will have to change the name of the folder and the theme file info so it wont load a duplicate of the same but if you know anything about css or html or javascript it won't be too hard.
if you don't know any of this stuff then I would suggest learning it first, otherwise it's like wanting to overhaul a hemi engine after lifting the hood and never seeing an engine before.

here is a starter https://www.w3schools.com/


it's all basic stuff and for the box for icon I'm wondering how it can use your current .face image as the current user plus the images need to light up when hovering and such it's all basic themes for my win 7 replica

User avatar
samriggs
Level 6
Level 6
Posts: 1176
Joined: Sun Apr 24, 2011 6:09 pm
Location: Canada
Contact:

Re: Making a Html MDM theme

Postby samriggs » Mon Sep 18, 2017 4:19 am

it's all basic stuff and for the box for icon I'm wondering how it can use your current .face image as the current user plus the images need to light up when hovering and such it's all basic themes for my win 7 replica


like we stated we gave you the links to learn this stuff both me and catweasel, yes it's all basic web stuff, lighting up a button on hovering is basic stuff and can be done a few different ways in css or javascript here is the link to learn css https://www.w3schools.com/css/default.asp

there is literally thousands and thousands of examples with codes all over the internet for this stuff.
Anything more and we'll be creating the whole thing for you.

We gave you plenty to get you on your way and then some.
"Windows: the worst system for the most money, Linux: the best system for free"
Registered Linux User #545430
Manjaro XFCE / Mint Cinnamon
asus X751LX and an acer and a toshiba and another asus


Return to “Themes, Icons, & Wallpaper”

Who is online

Users browsing this forum: No registered users and 3 guests