atomaka/NCA-Screens
1
0
Fork 0
Code Releases Activity

Add subpar and poor looking left/right navigation.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

34
css/style.css
View file

@ -224,10 +224,13 @@ h1{
} }
/*------------------------- /*-------------------------
Uploaded Image Uploaded Image
--------------------------*/ --------------------------*/
#imageContainer { #imageContainer {
width: 100%; width: 100%;
text-align: center; 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); 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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/leftarrow.xcf Normal file
View file

Binary file not shown.

BIN
img/rightarrow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.4 KiB

7
view.php
View file

@ -47,6 +47,13 @@ if($id == '' ) {
<header> <header>
<h1>title or navigation or something</h1> <h1>title or navigation or something</h1>
</header> </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)) { ?> <?if (isset($imageOutput)) { ?>
<div id="imageContainer"> <div id="imageContainer">
<?php echo $imageOutput; ?> <?php echo $imageOutput; ?>