ClaytonWWilson/FightHub
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/FightHub.git synced 2025-12-16 23:38:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adding upload button

Browse Source
This commit is contained in:
Ubuntu 2019-04-19 23:39:59 -04:00
parent 974ec9b655
commit 87cfe55154
3 changed files with 37 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/upload.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
index.php
View File

@ -4,17 +4,17 @@
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
</head> </head>
<body> <body>
<form action="search.php"> <form class="search" action="search.php">
<h1 class="title-text">FightHub</h1> <h1 class="title-text">FightHub</h1>
<input type="text" name="query" class="search" placeholder="Search.."> <input type="text" name="query" class="search" placeholder="Search..">
<input type="submit" name="submit" class="submit" value="Search"> <input type="submit" name="submit" class="submit" value="Search">
<a href="upload.php"><img src="images/upload.png" class="upload" alt="upload"></a>
</form> </form>
<!-- This is where php code for loading preview videos below the titlebar will go --> <!-- This is where php code for loading preview videos below the titlebar will go -->
</body> </body>
</html> </html>

42
main.css
View File

@ -3,24 +3,46 @@ body {
} }
form { /* form.search {
width: 100%; width: 80%;
height: 150px; height: 150px;
/* border: black solid 1px; */ border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
/* div.upload {
width: 5%;
height: 150px;
border: white solid 1px;
border-bottom: #727272 solid 2px;
display: block;
float: left;
} */
form {
/* border: white solid 1px; */
height: 150px;
margin-top: -10px !important;
width: 99% !important;
border-bottom: #727272 solid 2px; border-bottom: #727272 solid 2px;
} }
/* div.titlebar-container {
border: white solid 1px;
border-bottom: #727272 solid 2px;
} */
.title-text { .title-text {
float: left; float: left;
margin-top: 28px; margin-top: 26px;
padding-right: 20px; padding-right: 20px;
color: #FF3D53; color: #FF3D53;
font-family: "Calibri"; font-family: "Calibri";
font-size: 50pt; font-size: 50pt;
} }
.search { .search {
width: 60%; width: 50%;
padding: 10px; padding: 10px;
font-size: 20px; font-size: 20px;
margin-top: 45px; margin-top: 45px;
@ -30,5 +52,11 @@ form {
width: 150px; width: 150px;
padding: 10px; padding: 10px;
font-size: 20px; font-size: 20px;
/* float: left; */ }
img.upload {
width: 150px;
/* margin-bottom: -17px; */
margin-top: 45px;
float: right;
} }