Skip to content

Instantly share code, notes, and snippets.

@sunlee-newyork

sunlee-newyork/dashboardheader.html

Created November 16, 2013 21:35
Show Gist options
  • Save sunlee-newyork/7505665 to your computer and use it in GitHub Desktop.
Save sunlee-newyork/7505665 to your computer and use it in GitHub Desktop.
Download ZIP
Website NONAME / DASHBOARDHEADER
Raw
dashboardheader.html
<html>
<head>
<style>
#headerbox {
width:838px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}
#search {
margin-top:12px;
}
#create {
margin-top:12px;
text-align:right;
}
#searchbar {
border-radius:5px;
}
#createbar {
border-radius:5px;
}
#searchbutton {
margin-left:15px;
}
#createbutton {
margin-right:15px;
}
#dashboard_header {
margin-top:5px;
margin-left:auto;
margin-right:auto;
width:800px;
height:80px;
border:1px solid black;
border-radius:5px;
box-shadow: 2px 2px 2px #888888;
}
#dashboard_table {
height:60px;
margin-top:11px;
margin-left:20px;
}
#dashboard_title {
width:250px;
cursor:pointer;
}
#dashboard_title:hover {
box-shadow: -1px -1px 3px rgba(100,0,100,1);
}
#dashboard_title_text {
text-align:center;
font-family:HelveticaNeue-Light;
font-size:40px;
}
#dashboard_blank {
width:30px;
}
#dashboard_profile,
#dashboard_IDEAs,
#dashboard_CMS,
#dashboard_logout {
width:110px;
cursor:pointer;
}
#dashboard_profile_text,
#dashboard_IDEAs_text,
#dashboard_CMS_text,
#dashboard_logout_text {
margin-top:9px;
text-align:center;
font-family:HelveticaNeue-Light;
font-size:20px;
}
#dashboard_profile:hover,
#dashboard_IDEAs:hover,
#dashboard_CMS:hover,
#dashboard_logout:hover {
box-shadow: -1px -1px 5px rgba(10,140,200,1);
}
</style>
</head>
<body>
<table id="headerbox">
<tr>
<td>
<div id="search">
<form action="/IDEA/search/index.php">
<input id="searchbutton" type="submit" value="Search" />
<input id="searchbar" name="search" type="text" value="" />
</form>
</div>
</td>
<td>
<div id="create">
<form action="/IDEA/newcards/index.php">
<input id="createbar" name="create" type="text" value="" />
<input id="createbutton" type="submit" value="Create" />
</form>
</div>
</td>
</tr>
</table>
<div id="dashboard_header">
<table id="dashboard_table">
<tr>
<td id="dashboard_title" ><p id="dashboard_title_text" >DASHBOARD</p></td>
<td id="dashboard_blank" ></td>
<td id="dashboard_profile"><p id="dashboard_profile_text">Profile</p></td>
<td id="dashboard_IDEAs" ><p id="dashboard_IDEAs_text" >IDEAs</p></td>
<td id="dashboard_CMS" ><p id="dashboard_CMS_text" >CMS</p></td>
<td id="dashboard_logout" ><p id="dashboard_logout_text" >Log Out</p></td>
</tr>
</table>
</div>
</body>
</html>
<script>
var dashboard_title = document.getElementById("dashboard_title" );
var dashboard_profile = document.getElementById("dashboard_profile");
var dashboard_IDEAs = document.getElementById("dashboard_IDEAs" );
var dashboard_CMS = document.getElementById("dashboard_CMS" );
var dashboard_logout = document.getElementById("dashboard_logout" );
function click(cell,path) {
cell.onclick = function() {
window.location.href = path;
}
}
click(dashboard_title ,"/IDEA/dashboard/index.php")
click(dashboard_logout,"index.php?cmd=logout");
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment