Add frame border, modification on profile php ongoing

29d472cf · Husnulzaki Wibisono Haryadi · 427c48a2 · 29d472cf · 29d472cf · 29d472cf
Commit 29d472cf authored 7 years ago by Husnulzaki Wibisono Haryadi
--- a/css/default_style.css
+++ b/css/default_style.css
 .frame {
+    width: 600px;
 	margin: 50px auto;
+    border-left: 0.5px solid black; 
+    border-right: 0.5px solid black;
 }

 .frame h1,h2 {
@@ -40,5 +43,11 @@ a:link, a:visited {
 }

 a:hover {
-	opacity: 10%;
-}
\ No newline at end of file
+	opacity: 0.6%;
+}
+
+/*.menu {
+    border: 0.5px solid black; 
+    width: 200px; 
+    float: left;
+}*/
\ No newline at end of file
--- a/css/profile.css
+++ b/css/profile.css
-#profile_frame {
-    height: 550px;
-    width: 400px;
-}
 #profile_frame h1 {
    text-align: left;
    margin-top: 0;

--- a/main.html
+++ b/main.html
@@ -13,9 +13,9 @@
 		</div>
 		<div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto">
 			<a href="order/order.php" name="order_link">
-				<div style="background-color: red; width: 200px; float: left">
-					<h2>Order</h2>
-				</div>
+			<div style="background-color: red; width: 200px; float: left">
+				<h2>Order</h2>
+			</div>
 			</a>
 			<a href="history/history.php" name="history_link">
 			<div style="background-color: green; width: 200px; float: left">

--- a/profile_page/profile.php
+++ b/profile_page/profile.php
@@ -9,7 +9,7 @@
    <link rel="stylesheet" type="text/css" href="../css/header.css">
 </head>
 <body>
-    <div class="frame" id="profile_frame">
+    <div class="frame">
        <div class="header">
            <?php
                $user_id = $_GET['id'];

--- a/template/menu.php
+++ b/template/menu.php
 <?php
    echo '
-    <a href="../order/order.php">ORDER</a>
-    <a href="../history/history.php">HISTORY</a>
-    <a href="../profile_page/profile.php">PROFILE</a>';
+    <div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto">
+			<a href="order/order.php" name="order_link">
+			<div style="background-color: red; width: 200px; float: left">
+				<h2>Order</h2>
+			</div>
+			</a>
+			<a href="history/history.php" name="history_link">
+			<div style="background-color: green; width: 200px; float: left">
+				<h2>History</h2>
+			</div>
+			</a>
+			<a href="profile/profile.php" name="profile_link">
+			<div style="background-color: yellow; width: 200px; float: left">
+				<h2>My Profile</h2>
+			</div>
+			</a>
+		</div>
+    ';
 ?>