added random button + styles for default_page + details

added wizard_friend
This commit is contained in:
Nael 2013-10-21 22:37:05 +02:00
parent 8c70b2082e
commit 75dd4d2bd5
18 changed files with 76 additions and 16 deletions

View File

@ -7,31 +7,64 @@
${js} ${js}
</head> </head>
<body style="background: gainsboro;"> <body style="color: gold; background: url(${PICPATH}wall.jpg);">
<div id="logo" style="text-align: center"><img src="${PICPATH}World-Of-Warcraft-Logo.png"/></div> <div id="logo" style="text-align: center"><img src="${PICPATH}World-Of-Warcraft-Logo.png"/></div>
<div id="wrapper" style="background: url(${PICPATH}background.jpg); width: 1000px; margin: auto; -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); border-radius: 5px;"> <div id="wrapper" style="background: url(${PICPATH}background.png); width: 1000px; margin: auto; -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); border-radius: 5px;">
<div id="wizard_navbar" class="navbar"> <div id="wizard_navbar" class="navbar" style="background: black;" >
<div class="navbar-inner"> <div class="navbar-inner" style="background-image: url(${PICPATH}navbar_background.png);">
<a class="brand active" href="#">Welcome</a> <a class="brand active" href="#"><font color="gold">Welcome</font></a>
<ul class="nav"> <ul class="nav">
<li><a href="#" url="?action=wizard_details">Details</a></li> <li><a href="#" url="?action=wizard_details"><font color="gold">Details</font></a></li>
<li><a href="#" url="?action=wizard_visuals">Visuals</a></li> <li><a href="#" url="?action=wizard_visuals"><font color="gold">Visuals</font></a></li>
<li><a href="#" url="?action=wizard_friend">Mates n'Guilds</a></li> <li><a href="#" url="?action=wizard_friend"><font color="gold">Mates n'Guilds</font></a></li>
<li><a href="#" url="?action=wizard_friend">Skills</a></li> <li><a href="#" url="?action=wizard_friend"><font color="gold">Skills</font></a></li>
<li><a href="#" url="?action=wizard_spawn">Spawn</a></li> <li><a href="#" url="?action=wizard_spawn"><font color="gold">Spawn</font></a></li>
<li><a href="#" url="?action=wizard_summ">Summary</a></li> <li><a href="#" url="?action=wizard_summ"><font color="gold">Summary</font></a></li>
<li><a href="#" url="?action=wizard_reg">Registration</a></li> <li><a href="#" url="?action=wizard_reg"><font color="gold">Registration</font></a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div id="content_wrapper" style="padding: 10px;">
<img src="${PICPATH}border_top.png" width="100%" style="margin-top: -40px"/>
<div id="frame_left" style="float: left; margin: 0;">
<img src="${PICPATH}border_left.png" style=""/>
<br>
<img src="${PICPATH}border_left.png" style=""/>
<br>
<img src="${PICPATH}border_left.png" style=""/>
<br>
<img src="${PICPATH}border_left.png" style=""/>
<br>
<img src="${PICPATH}border_left.png" style=""/>
<br>
<img src="${PICPATH}border_left.png" style=""/>
</div>
<div style="float: right; margin-right: -4px;">
<img src="${PICPATH}border_right.png" style=""/>
<br>
<img src="${PICPATH}border_right.png" style=""/>
<br>
<img src="${PICPATH}border_right.png" style=""/>
<br>
<img src="${PICPATH}border_right.png" style=""/>
<br>
<img src="${PICPATH}border_right.png" style=""/>
<br>
<img src="${PICPATH}border_right.png" style=""/>
</div>
<div id="content_wrapper" style="padding-left: 10px; padding-right: 10px;">
<div id="content"> <div id="content">
welcome welcome
</div> </div>
<div style="clear: both;"></div> <div style="clear: both;"></div>
<img src="${PICPATH}border_right.png" style="float: right; margin-right: -10px;"/>
<img src="${PICPATH}border_left.png" style="float: left; margin-left: -10px;"/>
<div id="back" style="float: right;"><img src="${PICPATH}arrow_right.png"/></div> <div id="back" style="float: right;"><img src="${PICPATH}arrow_right.png"/></div>
<div id="next"><img src="${PICPATH}arrow_left.png"/></div> <div id="next" style="float: left;"><img src="${PICPATH}arrow_left.png"/></div>
</div> </div>
<img src="${PICPATH}border_bot.png" width="100%"/>
</div> </div>
</body> </body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -2,10 +2,12 @@
<div id="details_gender" style="float: left; margin: 15px;"> <div id="details_gender" style="float: left; margin: 15px;">
<input type="text" class="form-control input-lg" placeholder="${character_name}"> <input type="text" class="form-control input-lg" placeholder="${character_name}">
<br> <br>
<img src="${PICPATH}button_random.png" width="220px"/>
<br> <br>
<br> <br>
<img src="${PICPATH}male.png" width="100px"/> <br>
<img src="${PICPATH}female.png" width="100px"/> <img src="${PICPATH}male.png" width="110px"/>
<img src="${PICPATH}female.png" width="110px"/>
</div> </div>
<div id="details_gender" style="float: left; margin: 15px;"> <div id="details_gender" style="float: left; margin: 15px;">
<img src="${PICPATH}human_male.png"/> <img src="${PICPATH}human_male.png"/>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -0,0 +1 @@
abc

View File

@ -0,0 +1,24 @@
<?php
class wizard_friend extends SYSTEM\PAGE\Page {
private function js(){
return '';
}
private function css (){
return '';
}
public function html(){
$vars = array();
$vars['js'] = $this->js();
$vars['css'] = $this->css();
$vars['PICPATH'] = \SYSTEM\WEBPATH(new PPAGE(),'wizard_friend/img/');
$vars = array_merge($vars, \SYSTEM\locale::getStrings(DBD\locale_string::VALUE_CATEGORY_MAINPAGE));
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_friend/friend.tpl'), $vars);
}
}