WebAdmin custom design
#1
I've made a custom design for the MCServer WebAdmin and I'd like to share it with you guys. Here are some screenshots how it looks right now:

[spoiler][Image: qAxZqyC.png][/spoiler]
[spoiler][Image: wShC8eg.png][/spoiler][*]
[spoiler][Image: lpkPkPO.png][/spoiler]

It can be modified via changing the style.css file in the webadmin/files folder. I've added things like "page-PLUGIN-TAB" as css class for styling that is page related and "param-NAME-VALUE" for things like tab-tabs where the url has ?name=value appended to it. There are css classes for warnings (.warn), informations (.info) and errors (.err), so be sure to use them in your plugin Wink

Currently implemented pages using context aware css: Core/Server Settings (for tabs) and Chat[**] for some padding.

[*] - Slightly modified plugins/core/web_plugins.lua to add the css warn class
[**] - Uses IDs. Will also look same if page uses #ChatDiv or #ChatMessage

Download

V1.1
https://www.dropbox.com/s/7zp9syv1mpqmf3...e.zip?dl=1

Installation instructions:
  1. (Optional) backup your template.lua in webadmin/ and your style.css in webadmin/files
  2. Replace webadmin/template.lua with my template.lua and replace webadmin/files/style.css with my style.css
  3. (Optional) Replace Plugins/Core/web_plugins.lua with my one for the warn message. Note: you should probably not do this because the mcserver version you are using could be different than the one from that file. If you still want nicer background color for that 1 warning go to Plugins/Core/web_plugins.lua and search for
    Code:
    if (g_NeedsReload) then
    then add
    Code:
    class="warn"
    3 lines below that after
    Code:
    style="background-color: ..."
  4. Restart Server
Reply
Thanks given by:


Messages In This Thread
WebAdmin custom design - by WebFreak001 - 10-05-2014, 07:09 AM
RE: WebAdmin custom design - by FakeTruth - 10-05-2014, 07:16 AM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 07:17 AM
RE: WebAdmin custom design - by NiLSPACE - 10-05-2014, 07:21 AM
RE: WebAdmin custom design - by FakeTruth - 10-05-2014, 07:22 AM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 07:22 AM
RE: WebAdmin custom design - by bearbin - 10-05-2014, 05:47 PM
RE: WebAdmin custom design - by xoft - 10-05-2014, 06:07 PM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 06:43 PM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 07:12 PM
RE: WebAdmin custom design - by xoft - 10-05-2014, 07:29 PM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 09:25 PM
RE: WebAdmin custom design - by tonibm19 - 10-05-2014, 11:24 PM
RE: WebAdmin custom design - by NiLSPACE - 10-05-2014, 11:34 PM
RE: WebAdmin custom design - by WebFreak001 - 10-05-2014, 11:35 PM
RE: WebAdmin custom design - by Howaner - 10-05-2014, 11:39 PM
RE: WebAdmin custom design - by tonibm19 - 10-05-2014, 11:50 PM
RE: WebAdmin custom design - by NiLSPACE - 10-06-2014, 12:15 AM
RE: WebAdmin custom design - by tonibm19 - 10-06-2014, 12:35 AM
RE: WebAdmin custom design - by NiLSPACE - 10-06-2014, 12:52 AM
RE: WebAdmin custom design - by xoft - 10-06-2014, 01:28 AM
RE: WebAdmin custom design - by Howaner - 10-06-2014, 01:57 AM
RE: WebAdmin custom design - by xoft - 10-06-2014, 03:26 AM
RE: WebAdmin custom design - by tonibm19 - 10-06-2014, 04:12 AM
RE: WebAdmin custom design - by tigerw - 10-06-2014, 04:57 AM
RE: WebAdmin custom design - by ambushed01 - 10-12-2014, 02:39 AM
RE: WebAdmin custom design - by bearbin - 10-12-2014, 03:36 AM



Users browsing this thread: 1 Guest(s)