diff --git a/css/style.css b/css/style.css index f6367c3..8591320 100644 --- a/css/style.css +++ b/css/style.css @@ -224,10 +224,13 @@ h1{ } + /*------------------------- Uploaded Image --------------------------*/ + + #imageContainer { width: 100%; text-align: center; @@ -250,4 +253,35 @@ h1{ margin-top: 25px; 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; } \ No newline at end of file diff --git a/img/leftarrow.png b/img/leftarrow.png new file mode 100644 index 0000000..a61a54b Binary files /dev/null and b/img/leftarrow.png differ diff --git a/img/leftarrow.xcf b/img/leftarrow.xcf new file mode 100644 index 0000000..b9c1eea Binary files /dev/null and b/img/leftarrow.xcf differ diff --git a/img/rightarrow.png b/img/rightarrow.png new file mode 100644 index 0000000..b76c8a9 Binary files /dev/null and b/img/rightarrow.png differ diff --git a/view.php b/view.php index 73e5715..29c639c 100644 --- a/view.php +++ b/view.php @@ -47,6 +47,13 @@ if($id == '' ) {

title or navigation or something

+ +
+ +
+