diff --git a/mojotrollz/page/default_navbar/default_navbar.php b/mojotrollz/page/default_navbar/default_navbar.php new file mode 100644 index 0000000..c3e953d --- /dev/null +++ b/mojotrollz/page/default_navbar/default_navbar.php @@ -0,0 +1,24 @@ +js(); + $vars['css'] = $this->css(); + $vars['PICPATH'] = \SYSTEM\WEBPATH(new PPAGE(), 'default_navbar/img/'); + $vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE)); + return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_navbar/wizard_navbar.tpl'), $vars); + + } +} \ No newline at end of file diff --git a/mojotrollz/page/default_navbar/wizard_navbar.tpl b/mojotrollz/page/default_navbar/wizard_navbar.tpl new file mode 100644 index 0000000..490f0b8 --- /dev/null +++ b/mojotrollz/page/default_navbar/wizard_navbar.tpl @@ -0,0 +1,8 @@ +Welcome +
  • Details
    • +
  • Visuals
    • +
  • Mates n'Guilds
    • +
  • Skills
    • +
  • Spawn
    • +
  • Summary
    • +
  • Registration
    • \ No newline at end of file diff --git a/mojotrollz/page/default_page/css/LifeCraft_Font.ttf b/mojotrollz/page/default_page/css/LifeCraft_Font.ttf new file mode 100644 index 0000000..ad0ddfc Binary files /dev/null and b/mojotrollz/page/default_page/css/LifeCraft_Font.ttf differ diff --git a/mojotrollz/page/default_page/css/default_page.css b/mojotrollz/page/default_page/css/default_page.css index 9919864..c9caade 100644 --- a/mojotrollz/page/default_page/css/default_page.css +++ b/mojotrollz/page/default_page/css/default_page.css @@ -21,3 +21,18 @@ position: relative; height: 25px; } +.link-color a{ + color: black; +} + +.fadeout { + opacity: 0.2; +} + +.fadein { + opacity: 0.7; +} + +.selected { + opacity: 1.0; +} \ No newline at end of file diff --git a/mojotrollz/page/default_page/css/font.css b/mojotrollz/page/default_page/css/font.css new file mode 100644 index 0000000..1daed3a --- /dev/null +++ b/mojotrollz/page/default_page/css/font.css @@ -0,0 +1,7 @@ +@font-face { + font-family: "Life-Craft"; + src: url(http://www.mojotrollz.eu/web/mojotrollz/mojotrollz/page/default_page/css/LifeCraft_Font.ttf) format("truetype"); +} +.lifecraft { font-family: "Life-Craft", sans-serif } + + diff --git a/mojotrollz/page/default_page/default_page.php b/mojotrollz/page/default_page/default_page.php index b6f18d2..d339e65 100644 --- a/mojotrollz/page/default_page/default_page.php +++ b/mojotrollz/page/default_page/default_page.php @@ -7,14 +7,16 @@ class default_page extends SYSTEM\PAGE\Page { ''. ''. ''. - ''; + ''. + ''; } private function css (){ - return ''. - ''; + return ''. + ''. + ''; } public function html(){ diff --git a/mojotrollz/page/default_page/default_page.tpl b/mojotrollz/page/default_page/default_page.tpl index 5e95bf3..23a10e2 100644 --- a/mojotrollz/page/default_page/default_page.tpl +++ b/mojotrollz/page/default_page/default_page.tpl @@ -12,15 +12,9 @@
    -
    - - - - +
    + + + +
    - - - - + + + +
    - - - - + + + +
    - - - - + + + +
    - - + +
    - - + +
    - - + +
    - - + +
    -
    -

    Info

    + diff --git a/mojotrollz/page/wizard_details/img/help_questionmark.png b/mojotrollz/page/wizard_details/img/help_questionmark.png new file mode 100644 index 0000000..386888f Binary files /dev/null and b/mojotrollz/page/wizard_details/img/help_questionmark.png differ diff --git a/mojotrollz/page/wizard_details/js/wizard_details.js b/mojotrollz/page/wizard_details/js/wizard_details.js new file mode 100644 index 0000000..188d795 --- /dev/null +++ b/mojotrollz/page/wizard_details/js/wizard_details.js @@ -0,0 +1,113 @@ +function wizard_details (){ + + $('#details_gender a').click(function(){ + $('#details_gender a').removeClass('selected'); + $('#details_race a').removeClass('selected'); + $('#details_class a').removeClass('selected'); + $(this).addClass('selected'); + }); + + $('#details_race a').click(function(){ + $('#details_race a').removeClass('selected'); + $(this).addClass('selected'); + }); + + $('#details_class a').click(function(){ + $('#details_class a').removeClass('selected'); + $(this).addClass('selected'); + + $('#details_race a').removeClass('fadein'); + $('#details_race a').addClass('fadeout'); + if($(this).hasClass('human')){ + $('#details_race .human').addClass('fadein');} + if($(this).hasClass('ork')){ + $('#details_race .ork').addClass('fadein');} + if($(this).hasClass('dwarf')){ + $('#details_race .dwarf').addClass('fadein');} + if($(this).hasClass('undead')){ + $('#details_race .undead').addClass('fadein');} + if($(this).hasClass('nightelf')){ + $('#details_race .nightelf').addClass('fadein');} + if($(this).hasClass('tauren')){ + $('#details_race .tauren').addClass('fadein');} + if($(this).hasClass('gnome')){ + $('#details_race .gnome').addClass('fadein');} + if($(this).hasClass('troll')){ + $('#details_race .troll').addClass('fadein');} + + if(!$('#details_race .selected').hasClass('fadein')){ + $('#details_race .selected').removeClass('selected'); + } + }); + + $('#content .male').click(function (){ + male (); + }); + $('#content .female').click(function (){ + female (); + }); + $('#details_race .human').click(function (){ + wowrace('human'); + }); + $('#details_race .ork').click(function (){ + wowrace('ork'); + }); + $('#details_race .dwarf').click(function (){ + wowrace('dwarf'); + }); + $('#details_race .undead').click(function (){ + wowrace('undead'); + }); + $('#details_race .nightelf').click(function (){ + wowrace('nightelf'); + }); + $('#details_race .tauren').click(function (){ + wowrace('tauren'); + }); + $('#details_race .gnome').click(function (){ + wowrace('gnome'); + }); + $('#details_race .troll').click(function (){ + wowrace('troll'); + }); +} + +function male (){ + $('#content .male').removeClass('fadeout'); + $('#content .male').addClass('fadein'); + + $('#content .female').removeClass('fadein'); + $('#content .female').addClass('fadeout'); + + $('#details_gender .female').removeClass('fadein'); + $('#details_gender .male').removeClass('fadein'); + + $('#details_gender .male').addClass('selected'); + $('#details_gender .female').removeClass('selected'); +} + +function female (){ + $('#content .female').removeClass('fadeout'); + $('#content .female').addClass('fadein'); + + $('#content .male').removeClass('fadein'); + $('#content .male').addClass('fadeout'); + + $('#details_gender .female').removeClass('fadein'); + $('#details_gender .male').removeClass('fadein'); + + $('#details_gender .female').addClass('selected'); + $('#details_gender .male').removeClass('selected'); +} + +function wowrace (cls){ + $('#details_class a').removeClass('fadein'); + $('#details_class a').addClass ('fadeout'); + + $('#details_class .'+cls).removeClass ('fadeout'); + $('#details_class .'+cls).addClass ('fadein'); + + if(!$('#details_class .selected').hasClass('fadein')){ + $('#details_class .selected').removeClass('selected'); + } +} \ No newline at end of file