Add subpar and poor looking left/right navigation.
This commit is contained in:
parent
f975dd4f1e
commit
7e947fcf94
5 changed files with 41 additions and 0 deletions
|
@ -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
BIN
img/leftarrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.5 KiB |
BIN
img/leftarrow.xcf
Normal file
BIN
img/leftarrow.xcf
Normal file
Binary file not shown.
BIN
img/rightarrow.png
Normal file
BIN
img/rightarrow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.4 KiB |
7
view.php
7
view.php
|
@ -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; ?>
|
||||
|
|
Loading…
Reference in a new issue