Jump to content


Photo

MDM - Html 5


  • Please log in to reply
11 replies to this topic

#1 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 16 April 2014 - 09:26 PM

I put this up on the mint forums and I figured I would ask for help here as well.

 

I am trying to modify/create a new MDM theme, and I could use some help. The Original is in CSS and Html 5. While I can do Css (somewhat) the html is kicking my butt.  If anyone can help with pointers It would be appreciated.

 

The incomplete beta mod is here http://hexdef101.dev...egade-447813291. I need to add my version of the mint logo to the center top, and move the Control Buttons to the center bottom of the screen.

 

I've considered just adding the logo to the BG image, but thats a last resort. The buttons absolutely must be moved though.



#2 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 16 April 2014 - 10:02 PM

Everything would be positioned in the CSS file. I'm on Windows, and don't have the MDM preview application installed on Mint. But it looks like the control buttons are positioned in theme.css with #right-box.

 

I think you could do something like:

#right-box {    position: relative;    margin-right: auto;    margin-left: auto;    width: 400px;    height: 200px;    margin-top: 100px;}

I'm just taking a wild guess with positioning it under the login box with "margin-top." That might take some CSS fu to get it to work across monitor resolutions. Though since the right-box div was previously using absolute positioning, it was put at the very bottom of index.html. That might need to be changed with relative positioning.

 

The logo would be about the same CSS. But you would probably put the HTML for it above the login and user pic?

 

Apologies if I'm being captain obvious with any of this.



#3 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 17 April 2014 - 03:14 AM

Thanks for the help obscurant. It didn't work, but I think I see why based on reading up on element positioning.

 

#panel: refers to the actual panel that runs across the top of the screen. its usually invisable, unless you click on the close button

#left_box: seems to be the buttons on said panel, as well as the area of said panel, i think

 

#right_box: this is the 3 buttons generally visable, and the ones I need to reposition (your code for some reason only moved them around in the area covered by the #panel element).

 

I think I have to move the #panel: element and the #left_box and right_box should change position as well.



#4 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 17 April 2014 - 04:02 AM

I guess the left and right boxes are wrapped inside the #panel div. In which case, one would keep the CSS elements for #right_box, etc. intact.

 

It's a really nice, minimal MDM theme, and I'd like to use it once you release the final version.



#5 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 17 April 2014 - 04:20 AM

I Place all of my themes on deviantart. as the original is gpl, Mine will be as well. truthfully its useable as is. I just changed the bg from the original to the renegade gradient, and made the user icon square (instead of round).

 

I thought to check to see if there were any more html5 mdm themes so maybe I could use some of its code. Unfortunately  there are very few options as of recent. and every one have that panel at the Top for some reason.

 

 

Well at least I managed to modify the plymouth theme. :biggrin:



#6 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 17 April 2014 - 04:43 AM

Update: Found a different base mdm theme, with the buttons at the bottom(well part of them were). Ive managed to move all of the buttons down. haven't centered them yet. Unfortunately it doesn't have the user icon( it uses a dropdown). Going to see if I can replace it with a proper user box.



#7 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 17 April 2014 - 01:07 PM

I'm using one of this guy's animated gif themes. Planning on modding it, but haven't gotten around to it.



#8 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 17 April 2014 - 09:11 PM

Well that was an adventure. Tried that mdm theme,Borked MDM, had to figure out how to get back into my system. :biggrin: :lol:

 

That theme doesn't work on LM16 :no: , must have been for the previous version of mdm in LM15. They changed the system and they are not compatable. B)



#9 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 17 April 2014 - 10:19 PM

Whoa. Sorry about that. I'm using Mint16 here and I believe his themes are based on the default Mint16 MDM theme, just with different backgronds. Not sure what happened.



#10 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 18 April 2014 - 03:10 AM

no biggy :laugh: reminded me of my habit of borking dos intentionally,when I first started computers. At least with linux,you can always fix the issue with a minimum of work.



#11 cthu1hu

cthu1hu

    Styler

  • VIP Member
  • 93 posts

Posted 18 April 2014 - 06:34 PM

I don't miss DOS, but I'm glad I had that background, which made the Linux command line a no brainer at first. I don't break my Linux systems very often, but when I do, it's usually catastrophic. I was once installing Quake2 and changed the file permissions on my entire system. But apt-get does a good job of repairing most things.



#12 hexdef101

hexdef101

    Artist

  • Members
  • PipPipPip
  • 64 posts

Posted 18 April 2014 - 08:11 PM

Nice...... Never done that. True Dos was a giant turd, but at least it generally worked. Same cannot be said for many versions of Windows.

At least it wasn't some versions of Mac Os which crashed constantly, and couldn't handle its Drivers in a consistant manner.






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users