Jump to content
MakeWebGames

RC Engine - BootStrap design.

-BRAIDZ-

By -BRAIDZ-
in Other Game Engines

 Share

Recommended Posts

-BRAIDZ- Newbie

-BRAIDZ-

Posted
Posted (edited)

Here is what I have so far, but when I include it with other pages, that page will display at the bottom.

How can I fix this?

 

    <!DOCTYPE html>
       <html>
   <head>
   <title>Game Name</title>
      <body style='background:#CCCCCC'>

   <!-- Latest compiled and minified CSS -->
       <link type="text/css" rel="stylesheet" media="all" href="../css/chat.css" />
       <link href='/css/ingame.css' rel='stylesheet' type='text/css' />
       <link type="text/css" rel="stylesheet" href="css/popup.css" />
       <link type="text/css" rel="stylesheet" href="css/profiles.css" />
       <link rel="stylesheet" type="text/css" href="css/incrementing.css" />
       <link type="text/css" rel="stylesheet" href="css/main_chat.css" />
       <link type="text/css" rel="stylesheet" href="css/style.css" />
       <link href='css/newcss.css' rel='stylesheet' type='text/css'/> 
       <link rel="stylesheet" href="css/style.css">
       <link rel="stylesheet" href="css/mobile.css">
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
       <link rel="stylesheet" href="css/style.css">
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
       <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
   <!--webfonts-->
       <link href='http://fonts.googleapis.com/css?family=Lobster|Pacifico:400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500italic,500' ' rel='stylesheet' type='text/css'>
       <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,500,600,700,300' rel='stylesheet' type='text/css'>
   <!--webfonts-->
   </head>
       <body>
   <div class="bs-example">
   <nav role="navigation" class="navbar navbar-default">
   <link REL="SHORTCUT ICON" HREF="ico-icon.jpg">
       <!-- Brand and toggle get grouped for better mobile display -->

       <div class="navbar-header">


      <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
       </div>
<form action='/search.php' method='post' class="navbar-brand" class="pull-right">
                                       <input type='hidden' name='type' value='username' />
                                       <input type='text' name='name' placeholder='Search Players' />
                                       <input type='submit' value='Go' name='srch' />
                               </form>
                               </div>

                   </nav>

           <?php
ob_start();
ob_flush();
if ($_SESSION['attacking']) {
   header('location:run.php');
}
$jorh   = array();
$jorh   = mysql_query("SELECT * FROM members WHERE 
            playerid = " . $_SESSION['playerid'] . " ");
$joh    = array();
$joh    = mysql_fetch_array($jorh);
$pl     = mysql_fetch_assoc(mysql_query("SELECT * FROM members WHERE playerid='" . $_SESSION['playerid'] . "'"));
$bgc    = array();
$sides  = array();
$banner = array();

$q_ry  = array();
$q_ry  = "SELECT lc.lc_time,ed.edu_name
               FROM live_courses lc
               LEFT JOIN educate_courses ed
               ON lc.lc_course = ed.edu_id
               WHERE lc.lc_playerid = " . $_SESSION['playerid'] . " ";
$oncrs = array();
$oncrs = mysql_query($q_ry);

$q_ry = array();
   $q_ry = "SELECT a_ammount,a_time
               FROM bank_accounts
               WHERE a_playerid = " . $_SESSION['playerid'] . " ";
   $bnka = array();
   $bnka = mysql_query($q_ry);

   $q_ry = array();
   $q_ry = "SELECT my_job
               FROM members_extra
               WHERE playerid = " . $_SESSION['playerid'] . " ";
if ($joh['my_jail'] > gmtime()) {
   $bgc   = 'E09900';
   $sides = 'j';
} else if ($joh['my_hosp'] > gmtime()) {
   $bgc   = 'FDFDFD';
   $sides = 'h';
} else {
   $bgc   = 'CCCCCC';
   $sides = '';
}
?>

<?php
$playerid = $_SESSION['playerid'];
$statBars = array(
   'energy' => ($joh['my_energy'] / $joh['my_maxenergy']) * 100,
   'happy' => ($joh['my_happy'] / $joh['my_maxhappy']) * 100,
   'nerve' => ($joh['my_nerve'] / $joh['my_maxnerve']) * 100

);
if ($pl['my_dondays']) {
   if ($nextMinute > '50') {
       $energyMins = (60 - $nextMinute);
   } else if ($nextMinute > '40') {
       $energyMins = (50 - $nextMinute);
   } else if ($nextMinute > '30') {
       $energyMins = (40 - $nextMinute);
   } else if ($nextMinute > '20') {
       $energyMins = (30 - $nextMinute);
   } else if ($nextMinute > '10') {
       $energyMins = (20 - $nextMinute);
   } else if ($nextMinute > '00') {
       $energyMins = (10 - $nextMinute);
   }
} else {
   if ($nextMinute > '45') {
       $energyMins = (60 - $nextMinute);
   } else if ($nextMinute > '30') {
       $energyMins = (45 - $nextMinute);
   } else if ($nextMinute > '15') {
       $energyMins = (30 - $nextMinute);
   } else if ($nextMinute > '00') {
       $energyMins = (15 - $nextMinute);
   }
}

if ($nextMinute > '45') {
   $happyMins = (60 - $nextMinute);
} else if ($nextMinute > '30') {
   $happyMins = (45 - $nextMinute);
} else if ($nextMinute > '15') {
   $happyMins = (30 - $nextMinute);
} else if ($nextMinute > '00') {
   $happyMins = (15 - $nextMinute);
}

if ($nextMinute > '55') {
   $nerveMins = (60 - $nextMinute);
} else if ($nextMinute > '50') {
   $nerveMins = (55 - $nextMinute);
} else if ($nextMinute > '45') {
   $nerveMins = (50 - $nextMinute);
} else if ($nextMinute > '40') {
   $nerveMins = (45 - $nextMinute);
} else if ($nextMinute > '35') {
   $nerveMins = (40 - $nextMinute);
} else if ($nextMinute > '30') {
   $nerveMins = (35 - $nextMinute);
} else if ($nextMinute > '25') {
   $nerveMins = (30 - $nextMinute);
} else if ($nextMinute > '20') {
   $nerveMins = (25 - $nextMinute);
} else if ($nextMinute > '15') {
   $nerveMins = (20 - $nextMinute);
} else if ($nextMinute > '10') {
   $nerveMins = (15 - $nextMinute);
} else if ($nextMinute > '05') {
   $nerveMins = (10 - $nextMinute);
} else if ($nextMinute > '00') {
   $nerveMins = (05 - $nextMinute);
}

echo "<div class='container'>
   <div class='row'>
       <div class='col-md-3 col-xs-12 user-stats'>
           <div class='well'>
            <img src='images/" . $pl['my_gender'] . ".gif' title = '" . $pl['my_gender'] . "'>";
if ($mjb['my_job']) {
   echo "<img src='images/";
   if ($mjb['my_job'] == '1') {
       echo "army.png' alt = 'Job: Army' title='Job: Army";
   }
   if ($mjb['my_job'] == '2') {
       echo "market.png' alt = 'Job: Grocer' title='Job: Grocer";
   }
   if ($mjb['my_job'] == '3') {
       echo "casino.png' alt = 'Job: Casino' title='Job: Casino";
   }
   echo "'>";
}

if ($pl['my_faction']) {
   $q_ry = array();
   $q_ry = "SELECT fac_name
               FROM faction_s
               WHERE fac_id = " . ['my_faction'] , " ";
   $fn   = array();
   $fn   = mysql_fetch_array(mysql_query($q_ry));
   echo " <img src='images/navigation/faction.gif' alt = 'Faction: " . $fn['fac_name'] . "' title='Faction: " . $fn['fac_name'] . "'>";
}
if ($pl['my_partner']) {
   $q_ry = array();
   $q_ry = "SELECT playername
               FROM members
               WHERE playerid = " . $pl['my_partner'] . " ";
   $pn   = array();
   $pn   = mysql_fetch_array(mysql_query($q_ry));
   echo " <img src='images/spouse.png' alt = 'Spouse: " . $pn['playername'] . "' title='Spouse: " . $pn['playername'] . "'>";
}
if (mysql_num_rows($bnka)) {
   $bk = array();
   $bk = mysql_fetch_array($bnka);
   echo " <img src='images/bank.png' alt = 'Investment: " . money_alter($bk['a_ammount']) . " - " . gettimeleft($bk['a_time']) . "' title='Investment: " . money_alter($bk['a_ammount']) . " - 
           " . gettimeleft($bk['a_time']) . "'>";
}
if (mysql_num_rows($oncrs)) {
   $onc = array();
   $onc = mysql_fetch_array($oncrs);
   echo " <img src='images/education.png' alt = '" . $onc['edu_name'] . ": " . gettimeleft($onc['lc_time']) . "' title='" . $onc['edu_name'] . ": " . gettimeleft($onc['lc_time']) . "'>";
}
$q_ry   = array();
$q_ry   = "SELECT mi_time,mi_effect_left,mi_drug_id
               FROM member_influences
               WHERE mi_playerid = " .$_SESSION['playerid'] . "
               AND mi_time >= '" . mysql_real_escape_string(time()) . "'";
$druggy = array();
$druggy = mysql_query($q_ry);
if (mysql_num_rows($druggy)) {
   $dr   = array();
   $dr   = mysql_fetch_array($druggy);
   $type = array(
       9 => 'Ecstacey',
       100 => 'Vicodin',
       79 => 'Xanax'
   );
   echo " <img src='images/drug.png' title='" . $type[$dr['mi_drug_id']] . ": " . gettimeleft($dr['mi_time']) . "'>";
}
if ($pl['my_dondays']) {
   echo " <img src='images/donator.gif' alt = 'Donator: " . $pl['my_dondays'] . " Days left' title='Donator: " . $pl['my_dondays'] . " Days left'>";
}
if ($pl['vipday']) {
   echo " <img src='images/vip.jpg' alt = 'VIP: " . $pl['vipday'] . " Days left' title='VIP: " . $pl['vipday'] . " Days left'>";
}
if ($pl['am_i_staff'] > 1) {
   echo " <span  rel = 'tooltip' title = 'Staff Member'><img src='images/staff.png'></span>";
   echo "
               <h5>        
                           <strong>Name: </strong><a href='/profile.php?XID=" . $_SESSION['playerid'] . "'>" . $joh['playername'] . "</a>
                           </h5>
                           <h5>
                           <strong>  Money: </strong> \$" . number_format($joh['wallet']) . "
                           </h5>
                           <h5>
                           <strong>  Level: </strong></td><td align = 'left'>" . $pl['my_level'] . " 
                           </h5>



               <h5>
                   <a href='preferences.php' class='pull-left'>My Account</a>
                   <a href='logout.php' class='pull-right'>Logout</a>
                   <div class='clearfix'></div>
               </h5>
           </div>
       </div>";
}
$q_ry = array();
$q_ry = "SELECT my_experience,my_crimeexp
               FROM members_extra
               WHERE playerid = " .$_SESSION['playerid'] . " ";
$lvl  = array();
$lvl  = mysql_query($q_ry);
$lv   = mysql_fetch_array($lvl);
if (($lv['my_experience'] + ($lv['my_crimeexp'] / $pl['my_level'])) > exp_level($pl['my_level'])) {
   echo "</td><td align = 'center'> [<a href='levelup.php'>upgrade</a>]";
}
$q_ry = array();
$q_ry = "SELECT my_experience,my_crimeexp
               FROM members_extra
               WHERE playerid = " . $_SESSION['playerid'] . " ";
$lvl  = array();
$lvl  = mysql_query($q_ry);
$lv   = mysql_fetch_array($lvl);
if (($lv['my_experience'] + ($lv['my_crimeexp'] / $pl['my_level'])) > exp_level($pl['my_level'])) {
   echo "</td><td align = 'center'> [<a href='levelup.php'>upgrade</a>]
                           ";
}
?>
<?php
echo "
       <div class='col-md-6 col-xs-12 text-center page-header'>
           <h1 class='game-name'>
               Banner.. 
           </h1>   
       </div>";
echo "
       <div class='col-md-3 col-xs-12 user-stats'>
           <h5>Energy:</h5>
           <div class='progress'>
           <div class='progress-bar progress-bar-success' style='width:" . $statBars['energy'] . "%'>
                <font color='black'>   " . $joh['my_energy'] . "/" . $joh['my_maxenergy'] . " </font>
               </div>
           </div>
           <h5>Happy:</h5>
           <div class='progress'>
               <div class='progress-bar' style='width:" . $statBars['happy'] . "%'>
                <font color='black'>   " . $joh['my_happy'] . "/" . $joh['my_maxhappy'] . " </font>
               </div>
           </div>
           <h5>Nerve:</h5>
           <div class='progress'>
               <div class='progress-bar progress-bar-info' style='width:" . $statBars['nerve'] . "%'>
                <font color='black'><center>   " . $joh['my_nerve'] . "/" . $joh['my_maxnerve'] . " </center></font>
               </div>
           </div>

       <div class='row'>
           <div class='col-md-12'>

           </div>
       </div>
   </div>";
?>
<div class="container">
   <div class="row">
       <div class="col-sm-3 col-md-3">
           <div class="panel-group" id="accordion">
               <div class="panel panel-default">
                   <div class="panel-heading">
                       <h4 class="panel-title">
                           <a data-toggle="collapseo" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-folder-close">
                           </span>Areas</a>
                       </h4>
                   </div>
                   <div id="collapseOne" class="panel-collapse collapse in">
                       <div class="panel-body">
                           <table class="table">
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-home text-primary"></span><a href="index.php">Home</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-pencil text-success"></span><a href="item.php">Items</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-city text-info"></span><a href="city.php">City</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-event text-success"></span><a href="events.php">Events (0)</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-award text-success"></span><a href=awards.php">Awards (0)</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-mail text-success"></span><a href="messages.php">Mailbox (0)</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-mail text-success"></span><a href="crimes.php">Crimes</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <b><span class="glyphicon glyphicon-mail text-success"></span><a href="gym.php">Gym</a></b>
                                   </td>
                               </tr>
                           </table>
                       </div>
                   </div>
               </div>

               <div class="panel panel-default">
                   <div class="panel-heading">
                       <h4 class="panel-title">
                           <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-user">
                           </span>Account</a>
                       </h4>
                   </div>
                   <div id="collapseThree" class="panel-collapse collapse">
                       <div class="panel-body">
                           <table class="table">
                               <tr>
                                   <td>
                                       <a href="preferences.php">Preferences</a>
                                   </td>
                               </tr>
                               <tr>
                                   <td>
                                       <a href="logout.php">Logout</a>
                                   </td>


                           </table>
                       </div>
                   </div>
               </div>
               <div class="panel panel-default">
                   <div class="panel-heading">
                       <h4 class="panel-title">
                           <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-file">
                           </span>Report</a>
                       </h4>
                   </div>
                   <div id="collapseOne" class="panel-collapse collapse">
                       <div class="panel-body">
                           <table class="table">
                               <tr>
                                   <td>
                                       <span class="glyphicon glyphicon-bug"></span><a href="bug_report.php">Report A Bug</a>
                                   </td>
                               </tr>
                           </table>
                       </div>
                   </div>
               </div>
           </div>
       </div>

       </div>
   </div>
</div>

 

But other than that, how am I doing with it?

Edited by -BRAIDZ-
Link to comment
Share on other sites
-BRAIDZ- Newbie

-BRAIDZ-

Posted
  • Author
Posted
It's all over the place. Start here.

Thanks, I will have a look.

I'm about to commence in a diploma of Web Development, so I'll learn a bit there.

I just want to know how I can get the other pages to display right next to the side nav bar, it's fine when on a mobile, but not on a pc.

I know it's all over the place, but I am slowly learning coding.

I think I'm doing good so far

Link to comment
Share on other sites
IllegalPigeon Newbie

IllegalPigeon

Posted
Posted
Thanks, I will have a look.

I'm about to commence in a diploma of Web Development, so I'll learn a bit there.

I just want to know how I can get the other pages to display right next to the side nav bar, it's fine when on a mobile, but not on a pc.

I know it's all over the place, but I am slowly learning coding.

I think I'm doing good so far

It depends largely on your CSS, too.

Also, why is your menu you a table? Did you know your "awards" links to: http://www.jquery2dotnet.com? lol

Link to comment
Share on other sites
CaptainQuack Newbie

CaptainQuack

Posted
Posted

You have 3 <head> declarations and 2 </head>.

You have 2 <title> declarations.

You open a <body> tag half way through all of your content.

Before you even start echo'ing out your data (which you don't need to do here) you have 1205 lines of code. How?!

You have 15 individual stylesheets along with a load of inline CSS/Javascript...!

You have 2 favicons set.

The last section of your code you're displaying images but...display none'ing them...why?

Tables, bad code, blah blah

Seriously. http://www.w3schools.com/html

Link to comment
Share on other sites
-BRAIDZ- Newbie

-BRAIDZ-

Posted
  • Author
Posted
You have 3 <head> declarations and 2 </head>.

You have 2 <title> declarations.

You open a <body> tag half way through all of your content.

Before you even start echo'ing out your data (which you don't need to do here) you have 1205 lines of code. How?!

You have 15 individual stylesheets along with a load of inline CSS/Javascript...!

You have 2 favicons set.

The last section of your code you're displaying images but...display none'ing them...why?

Tables, bad code, blah blah

Seriously. http://www.w3schools.com/html

I didn't write the code in the pastebin..

My main question is how would I get the contents of other pages to display right next to the side bar instead of bellow everything?

Link to comment
Share on other sites
-BRAIDZ- Newbie

-BRAIDZ-

Posted
  • Author
Posted
Create a mobile site just, use mobile specific layout and css, then using js redirect the user to the mobile site if they using a mobile device.

Or use bootstrap properly, use the correct containers etc

Okay thanks, I just started a diploma in Web Development.

So will learn all this as I go along over the next 18 months :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...