1
0
Fork 0

Add subpar and poor looking left/right navigation.

This commit is contained in:
Andrew Tomaka 2011-11-04 23:42:59 -04:00
parent f975dd4f1e
commit 7e947fcf94
5 changed files with 41 additions and 0 deletions

View file

@ -224,10 +224,13 @@ h1{
}
/*-------------------------
Uploaded Image
--------------------------*/
#imageContainer {
width: 100%;
text-align: center;
@ -251,3 +254,34 @@ h1{
box-shadow: 0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1);
}
/*-------------------------
Navigation Tabs
--------------------------*/
#left {
position: absolute;
left: 0;
top: 30%;
width: 50px;
height: 50px;
background-image: url(../img/leftarrow.png);
}
#right {
position: absolute;
right: 0;
top: 30%;
width: 50px;
height: 50px;
background-image: url(../img/rightarrow.png);
}
.navigation {
display: block;
height: 50px;
width: 50px;
}

BIN
img/leftarrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/leftarrow.xcf Normal file

Binary file not shown.

BIN
img/rightarrow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -47,6 +47,13 @@ if($id == '' ) {
<header>
<h1>title or navigation or something</h1>
</header>
<div id="left">
<a href="/<?php echo ($id - 1); ?>" class="navigation"></a>
</div>
<div id="right">
<a href="/<?php echo ($id + 1); ?>" class="navigation"></a>
</div>
<?if (isset($imageOutput)) { ?>
<div id="imageContainer">
<?php echo $imageOutput; ?>