new styles for user backend. luv it <3

This commit is contained in:
Tobi 2014-11-19 03:03:37 +01:00
parent f1bce9e94b
commit d07d4ff1de
10 changed files with 79 additions and 62 deletions

View File

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@ -1,3 +1,3 @@
<table>
<table style="text-align: left;">
${content}
</table>

View File

@ -1,10 +1,19 @@
<tr class="element_bg2">
<td>
<a href="http://www.wowhead.com/quest=${entry}/" target="_blank">${Title}</a>
<p>Min&nbsp;Lvl:&nbsp;${MinLevel}<br>
Quest&nbsp;Lvl:&nbsp;${QuestLevel}</p>
</td>
<td style="min-width: 170px;">
<p>Previous Quest: ${PrevQuestId}<br>
Next Quest: ${NextQuestId}<br>
Next Quest in Chain: ${NextQuestInChain}</p>
</td>
<td style="max-width: 450px;">
<p>Objectives:<br>
${Objectives}</p>
</td>
<td>${ReqItemId1}:${ReqItemCount1}<br>
${ReqItemId2}:${ReqItemCount2}<br>
${ReqItemId3}:${ReqItemCount3}<br>
${ReqItemId4}:${ReqItemCount4}</td>
</tr>
<tr class="spacer"></tr>

View File

@ -1,21 +1,21 @@
<div style="width: 200px; height: 100%; float: left; padding: 20px;" class="">
<a id="btn_achieve_menu_acc" href="#user_achievements_default"><li class="btn_blue">Community & Account</li></a>
<div style="width: 25%; height: 100%; float: left; padding: 20px;" class="">
<a id="btn_achieve_menu_acc" href="#user_achievements_default"><li class="btn_blue"><p class="no_deco">Community & Account</p></li></a>
<div style="width: 100%;" id="achievement_content_acc"></div>
<a id="btn_achieve_menu_boss" href="#user_achievements_boss"><li class="btn_blue">Dungeonbosses</li></a>
<a id="btn_achieve_menu_boss" href="#user_achievements_boss"><li class="btn_blue"><p class="no_deco">Dungeonbosses</p></li></a>
<div style="width: 100%;" id="achievement_content_boss"></div>
<a id="btn_achieve_menu_pvp" href="#user_achievements_pvp"><li class="btn_blue">PvP Legacy</li></a>
<a id="btn_achieve_menu_pvp" href="#user_achievements_pvp"><li class="btn_blue"><p class="no_deco">PvP Legacy</p></li></a>
<div style="width: 100%;" id="achievement_content_pvp"></div>
<a id="btn_achieve_menu_creature" href="#user_achievements_creature"><li class="btn_blue">Creature Compendium</li></a>
<a id="btn_achieve_menu_creature" href="#user_achievements_creature"><li class="btn_blue"><p class="no_deco">Creature Compendium</p></li></a>
<div style="width: 100%;" id="achievement_content_creature"></div>
<a id="btn_achieve_menu_quest" href="#user_achievements_quest"><li class="btn_blue">Quest Compendium</li></a>
<a id="btn_achieve_menu_quest" href="#user_achievements_quest"><li class="btn_blue"><p class="no_deco">Quest Compendium</p></li></a>
<div style="width: 100%;" id="achievement_content_quest"></div>
<a id="btn_achieve_menu_item" href="#user_achievements_item"><li class="btn_blue">Item Compendium</li></a>
<a id="btn_achieve_menu_item" href="#user_achievements_item"><li class="btn_blue"><p class="no_deco">Item Compendium</p></li></a>
<div style="width: 100%;" id="achievement_content_item"></div>
<a id="btn_achieve_menu_eco" href="#user_achievements_eco"><li class="btn_blue">Economic Success</li></a>
<a id="btn_achieve_menu_eco" href="#user_achievements_eco"><li class="btn_blue"><p class="no_deco">Economic Success</p></li></a>
<div style="width: 100%;" id="achievement_content_eco"></div>
</div>
<div class="window_bg2" style="float: left; padding: 20px; width: 80%; height: 600px;" id="achievement_list">
<div class="window_bg2" style="float: left; padding: 20px; width: 70%;" id="achievement_list">
<div style="float: left; width: 50%;">
<img width="400" src="http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=default_start&id=help_gnome.png"/>
</div>

View File

@ -8,6 +8,10 @@ html, body {
}
a{
text-decoration: none;
}
.threecol_parent{
//position: absolute;
display: table;
@ -99,7 +103,7 @@ html, body {
#frame_menu{
float: left;
padding: 20px;
padding-top: 20px;
}
#frame_start_stats{
@ -111,13 +115,13 @@ html, body {
}
.btn_blue{
background: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=buttons&id=nav_off.png) no-repeat;
background-size: contain;
text-align: center;
height: 35px;
padding-top: 5px;
width: 150px;
background-size: cover;
height: 50px;
padding-top: 10px;
padding-left: 20px;
width: 260px;
font-size: 16pt;
list-style: none;
text-decoration: none;
@ -131,18 +135,18 @@ html, body {
.btn_submenu{
background: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=wowicons&id=button_submenu.png) no-repeat;
padding-top: 4px;
height: 30px;
width: 140px;
background-size: contain;
text-align: center;
background-size: cover;
padding-top: 6px;
padding-left: 20px;
width: 210px;
font-size: 15pt;
list-style: none;
text-decoration: none;
}
.btn_submenu:hover{
background: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=wowicons&id=button_red.png) no-repeat;
background-size: contain;
background-size: cover;
text-decoration: none;
}
@ -156,4 +160,8 @@ html, body {
.spacer{
height: 15px;
}
.no_deco{
text-decoration: none
}

View File

@ -3,8 +3,5 @@
<a id="btn_achieve" href="#user_achievements_menu"><li class="btn_blue">Compendium</li></a>
<a id="btn_inv" href="#"><li class="btn_blue">Inventory</li></a>
<a id="btn_arm" href="#"><li class="btn_blue">Armory</li></a>
<a id="btn_db" href="#"><li class="btn_blue">Database</li></a>
<a id="btn_logout" href="#"><li class="btn_blue">Logout</li></a>
<a id="btn_logout" href="#"><li class="btn_blue">Logout</li></a>
</div>

View File

@ -1,9 +1,9 @@
<tr>
<td>
<img style="margin: 5px;" width="30" src="${PIC}${race}_male.png">
<img style="margin: 5px;" width="40" src="${PIC}${race}_male.png">
</td>
<td style="">
<img style="margin: 5px;" width="30" src="${PIC}${race}_female.png">
<img style="margin: 5px;" width="40" src="${PIC}${race}_female.png">
</td>
<td>
<p style="margin: 5px;">${race}</p>

View File

@ -1,6 +1,6 @@
<tr>
<td>
<img style="margin: 5px;" width="30" src="${PI}${class}.png">
<img style="margin: 5px;" width="40" src="${PI}${class}.png">
</td>
<td>
<p style="margin: 5px;">${class}</p>

View File

@ -1,27 +1,36 @@
<div style="height: 400px;">
<div style="">
<div style="float: left;">
<div class="window_bg2" style="float: none; width: 224px; min-height: 255px;">
<H3>Welcome to Mojo WoW</H3>
<p>Site is currently <br>under construction.<br> Be gone. Shush!</p>
</div>
<div class="window_bg2" style="float: none;">
<H3>Server Help</H3>
<p><a href="${url_realmlistwtf}" target="_blank">Download realmlist.wtf</a></p>
<p><a href="${url_wowclient}" target="_blank">Download WoW 1.12</a></p>
</div>
</div>
<div style="float: left; width: 250px;" class="window_bg2">
<H3>Server Info</H3>
<p>Realmlist: ${realmlist}</p>
<p>Server Version: ${server_version}</p>
<p>Client Version: ${client_version}</p>
<br>
<p><b>Crossfaction Raids: enabled</b></p>
<br>
<p>Realm Server: ${realm_status}</p>
<p>World Server: ${world_status}</p>
<p>Players Online: ${player_online}</p>
<div style="float: left;">
<div class="window_bg2" style="width: 290px; min-height: 255px;">
<H3>Welcome to Mojo WoW</H3>
<p>Site is currently <br>under construction.<br> Be gone. Shush!</p>
</div>
<div style="clear: both"></div>
<div class="window_bg2" style="width: 290px;">
<H3>Server Help</H3>
<p><a href="${url_realmlistwtf}" target="_blank">Download realmlist.wtf</a></p>
<p><a href="${url_wowclient}" target="_blank">Download WoW 1.12</a></p>
</div>
</div>
<div class="window_bg2" style="width: 220px;">
<H3>Server Info</H3>
<p>Realmlist: ${realmlist}</p>
<p>Server Version: ${server_version}</p>
<p>Client: ${client_version}</p>
<br>
<p><b>CrossRaids: enabled</b></p>
<br>
<p>Realm Server: ${realm_status}</p>
<p>World Server: ${world_status}</p>
<p>Players Online: ${player_online}</p>
</div>
<div style="clear: both"></div>
<div id="frame_vid" class="window_bg2">
<H3><a href="https://www.youtube.com/user/Mojotrolltribe">Visit the Tribe on youtube!</a></H3>
<iframe width="400" height="230" src="//www.youtube.com/embed/Rpoy03UkZFk" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div id="frame_start_stats" class="window_bg2" style="">
<div style="float: left;">
<H3>Racial Pluralism</H3>
@ -37,11 +46,5 @@
Guilds <font style="font-size: 10pt;"> overallcount:${guildcount}</font>
</div>
</div>
<div>
<div id="frame_vid" class="window_bg2">
<H3><a href="https://www.youtube.com/user/Mojotrolltribe">Visit the Tribe on youtube!</a></H3>
<iframe width="400" height="230" src="//www.youtube.com/embed/Rpoy03UkZFk" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>