Page 1 of 4

VestaCP theme edit

Posted: Wed Nov 05, 2014 11:05 pm
by joeryy
Hello,

VestaCP is a nice control panel but one thing I hate is that it isn't responsive. So I tried to edit the HTML and CSS to make it responsive but the HTML in Vesta is horrible...

I started doing this today and I don't know if it's worth it to complete because there is already a responsive layout coming soon.

The menu is already responsive and I can make everything responsive tomorrow.

Screenshots: http://imgur.com/SdeDdS7,GWeEAh7,H5671V4

When it's finished I'm going to release it. So should I complete it or is it a waste of time?

Joery. (Don't know if this is the right section to post it.)

Re: VestaCP theme edit

Posted: Thu Nov 06, 2014 3:26 am
by turkey3
I think it's gorgeous! Did you simply modify the CSS and HTML, nothing else? Also it goes perfectly with the blue of my site.

Re: VestaCP theme edit

Posted: Thu Nov 06, 2014 9:25 am
by Milka
Cool! And maybe this will inspire more people to create themes.

Re: VestaCP theme edit

Posted: Thu Nov 06, 2014 3:18 pm
by joeryy
turkey3 wrote:I think it's gorgeous! Did you simply modify the CSS and HTML, nothing else? Also it goes perfectly with the blue of my site.
Yes I modified the CSS and a little bit of the HTML to make it responsive, nothing else.

/list/user/ is like this on a smaller screen:
Image

Re: VestaCP theme edit

Posted: Thu Nov 06, 2014 3:28 pm
by Milka
How will you you publish the theme? github?

Re: VestaCP theme edit

Posted: Thu Nov 06, 2014 3:42 pm
by joeryy
Milka wrote:How will you you publish the theme? github?
I've no idea how Github works so I'll upload a .zip.

For smaller screen I made this menu for the tables:
Image

Re: VestaCP theme edit

Posted: Fri Nov 07, 2014 10:29 pm
by joeryy
/list/web/ is done, the rest of all the pages are really easy to edit now, just some copy and paste.
Image

Re: VestaCP theme edit

Posted: Fri Nov 07, 2014 11:08 pm
by imperio
it's cool :)

Re: VestaCP theme edit

Posted: Sat Nov 08, 2014 9:44 pm
by joeryy
imperio wrote:it's cool :)

Thank you!


Adding page (Almost the same for every page so it's easy to make for alle pages).
Mobile layout:
Image

Desktop layout:
Image

Re: VestaCP theme edit

Posted: Sun Nov 09, 2014 3:02 pm
by joeryy
The following pages are finished now:
list_user.html
list_web.html
list_dns.html
list_dns_rec.html

add_user.html
add_web.html
add_dns.html
add_dns_rec.html

edit_dns.html
edit_dns_rec.html

list_dns.html example:
Image

I'll finish the rest of this the following week.