Visoka škola strukovnih studija za informacione i komunikacione tehnlogije Boris Gojkovic Dokumentacija Za sajt: pkf.000webhostapp.com Smer: Internget

Транскрипт

1 Visoka škola strukovnih studija za informacione i komunikacione tehnlogije Boris Gojkovic Dokumentacija Za sajt: pkf.000webhostapp.com Smer: Internget tehnologije Modul: Web programiranje Predemet: web programiranje php2 Beograd, Februar godine

2 1.Uvod Korišćeni programski jezici 1.1 Opis funkcionalnosti 1.2 Template index ostale 1.3 Korišćeni CSS 2. Organizacija 2.1 Ogranizaciona šema 2.2 Mapa sajta 2.3 Slike stranica i opis funkcionalnosti index shop music login profile gallery adminpanel author 3. Kodovi 3.1. PHP index.php shop.php music.php gallery.php login.php profile.php adminpanel.php getcat.php header.php header2.php anketa.php konekcija.php logout.php author.php 3.2. CSS style.css 3.3. Javascript/jquery jquery.js 4. Dizajn baze

3 1. Uvod 1.1 Korišćeni programski jezici Za izradu sajta korišćeni su: html, css, javascript, jquery, php. Sav kod je pisan u notepade++-u. 1.2 Opis funkcionalnosti U zavisnosti da li je korisnik ulogovan prikazuje mu se razlicit meni koji se importuje iz baze, ulogovani korisnici vide link Profile, dok neulogovani na tom mestu vide link Log In/Reg. Na stranici galerija se iz baze ucitavaju slike, klikom na bilo koju od malih slika, ista ta u velikom formatu se prikazuje jquerry efektom, na ovoj stranici je uradjeno stranicenje. Na stranici muzika I prodavnica se importuje sadrzaj iz baze podataka, a na stranici prodavnica samo ulogovani korisnici vide I u mogucnosti su da naruce artikal, sve to rade izborom iz padajuce liste koja radi sa AJAXom I bazom podataka. U adminpanelu, koji je dostupan samo administratorima, moguce je izbrisati, dodati I ili izmeniti korisnika, artikal u prodavnici, ili slike u galeriji. Preko admin panela nije moguce menjati linkove u meniju, zato sto smatram da je ova struktura idealna I nema smisla to menjati, a radi se na isti nacin kao sve. Index stranica je staticka I uvek ista. 1.3 Template index <?php session_start();

4 ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> </head> <body> <div id="wrapper"> <?php

5 if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="content"> <div id="contenttop"> <div id="ifleft"> allowfullscreen></iframe> <iframe src=" <div id="ifright"> allowfullscreen></iframe> <iframe src=" <div id="contentb"> <div class="contentc"> <a href=" target="_blank"> <img src="slike/site.jpg" alt="paulkalkbrenner"/> <p>official website of Paul Kalkbrenner</p> </a> <div class="contentc">

6 <a href=" target="_blank"> <img src="slike/berlincalling.jpg" alt="berlin Calling" /> Kalkbrenner)</p> <p>berlin Calling is a movie about DJ and producer Ickarus(Paul </a> <div class="contentc"> <a href=" target="_blank"> <img src="slike/paulkalkbrenner.jpg" alt="paulkalkbrenner" /> <p>wikipedia page about biography, career, family, discography...</p> </a> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a>

7 </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </ul> </li> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer>

8 </body> </html> ostale

9 Sve ostale stranice imaju istu strukturu, samo se menja sadrzaj u centralnom divu. 1.4 Nema tuđeg CSS koda.

10 2 Organizacija 2.1 Organizaciona šema 2.2 Mapa sajta <?xml version="1.0" encoding="utf-8"?> <urlset xmlns= xmlns:xsi=" xsi:schemalocation="  <url> <loc> </url> <url> <loc> </url> <url> <loc> </url> <url>

11 <loc> </url> <url> <loc> </url> <url> <loc> </url> <url> <loc> </url> <url> <loc> </url> </urlset>

12 2.3 Slike stranica i opis funkcionalnosti index.php Stranica je staticka, uvek ista, s tim da ulogovani korisnici u meniju vide Profile, a neulogovani Log in/ Reg.

13 2.3.2 Shop.php Na osnovu izabranog iz padajuce liste, putem AJAXa se ucitava sadrzaj iz baze podataka, ulogovani korisnici su u mogucnosti da naruce artikal, dok neulogovani ne vide link za narucivanje.

14 2.3.3 music.php Struktura ista kao na svim stranicama, postoji centralni div u kom je sadrzaj, sav sadrzaj se ucitava iz baze podataka.

15 2.3.4 login.php Struktura ista kao na svim stranicama, postoji centralni div u kom je sadrzaj, logovanjem na ovoj stranici korisnik se usmjerava ka profil.php, novi korisnici se mogu registrovati u formi ispod I odmah nakon toga ulogovati na sajt.

16 2.3.5 profile.php Sadrzaj je isti, sadrzaj je u jednom centralnom divu, korisniku se ispisuju njegovi podaci iz baze, sa desne strane nalazi se radiobutton anketa, kao I polje gde se moze dati komentar.

17 2.3.6 gallery.php

18 Struktura je ista kao na ostalim stranicama, sadrzaj se nalazi u centralnom divu, sadrzaj se ucitava iz baze podataka. Na ovoj webstrani je uradjeno stranicenje.

19 2.3.7 author.php Stranica sa statickim sadrzajem.

20 2.3.8 adminpanel.php Prvi deo adminpanela, na kom je moguce uneti novog, izmeniti ili izbrisati postojeceg korisnika. Adminpanel je zasticen da mogu samo administratori da pristupe I vide sadrzaj.

21 Drugi deo adminpanela, vezan za galeriju. Ovde je moguce izbrisati sliku iz galerije, ili dodati novu sliku u galeriju

22 Treci deo adminpanela u kom se mogu izmeniti dodati novi ili izbrisati artikli iz prodavnice.

23 3. Kodovi 3.1 PHP index <?php session_start();?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="content"> <div id="contenttop"> <div id="ifleft"> <iframe src=" allowfullscreen></iframe> <div id="ifright"> <iframe src=" allowfullscreen></iframe>

24 <div id="contentb"> <div class="contentc"> <a href=" target="_blank"> <img src="slike/site.jpg" alt="paulkalkbrenner"/> target="_blank"> Kalkbrenner)</p> target="_blank"> <p>official website of Paul Kalkbrenner</p> </a> <div class="contentc"> <a href=" <img src="slike/berlincalling.jpg" alt="berlin Calling" /> <p>berlin Calling is a movie about DJ and producer Ickarus(Paul </a> <div class="contentc"> <a href=" <img src="slike/paulkalkbrenner.jpg" alt="paulkalkbrenner" /> <p>wikipedia page about biography, career, family, discography...</p> </a> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href="

25 target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> </footer> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </body> </html

26 3.1.2 shop.php <?php session_start();?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> <script> function showcat(str) { if (str == "") { document.getelementbyid("shopb").innerhtml = ""; return; else { if (window.xmlhttprequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.onreadystatechange = function() { if (this.readystate == 4 && this.status == 200) { document.getelementbyid("shopb").innerhtml = this.responsetext; ; xmlhttp.open("get","getcat.php?q="+str,true); xmlhttp.send(); </script> </head> <body>

27 <div id="wrapper"> <?php if(isset($_session['iduloge'])){ else {?> include("header2.php"); include("header.php"); <section id="content"> <div id="shopa"> <h3>choose a category</h3> <select id="ddlshop" name="ddlshop" onchange="showcat(this.value)"> <option value="0">choose...</option> <?php $upit = "SELECT * FROM prodavnicakategorije"; $rez = mysqli_query($konekcija, $upit); while($r = mysqli_fetch_array($rez)) { echo "<option value='".$r['idkategorije']."'>".$r['nazivkategorije']."</option>";?> </select> <div id="shopb"> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href="

28 target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> </footer> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </body> </html>

29 3.1.3 music <?php session_start();?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <script src="jquery.innerfade.js"></script> <script src="mojjquery.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> </head> <body> <div id="wrapper"> <?php

30 if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="content"> <h1 class="alb"> Albums: </h1> <?php include("konekcija.php"); $upit = "SELECT * FROM muzika"; $rez = mysqli_query($konekcija, $upit); while($r=mysqli_fetch_array($rez)){ echo " <div class='klasa'> <img src='".$r['putanjaslike']."'/> <p> NAME: ".$r['ime']." </br> YEAR: ".$r['godina']." </br> </a> </p> LABEL: ".$r['label']." ";?> </section>

31 <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span>

32 <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer> </body> </html> gallery <?php session_start();?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <script src="jquery.innerfade.js"></script>

33 <script src="mojjquery.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> <link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen"/> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.lightbox-0.5.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content a.aa').lightbox(); ); </script> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php");

34 else { include("header.php");?> <section id="content"> <div id=glrj> <?php $koliko_po_strani = 9; if(isset($_get['skriveno'])) { $skriveno = $_GET['skriveno']; else {$skriveno = 0; include ("konekcija.php"); $upit = mysqli_query($konekcija, "SELECT count(idslike) from slike"); $niz = mysqli_fetch_array($upit); $ukupno_zapisa = $niz[0]; $levo = $skriveno - $koliko_po_strani; $desno = $skriveno + $koliko_po_strani; // Zaglavlje tabele sa navigacijom echo ("<table width=\"200px\"><tr><td width=\"70px\">"); if($levo<0){

35 echo (" Home </td><td width=\"70px\"><a href=\"gallery.php?skriveno=$desno\"> Next </a>"); elseif($desno > $ukupno_zapisa){ echo (" <a href=\"gallery.php?skriveno=$levo\">previous</a></td><td width=\"70px\"> End "); else { echo ("<a href=\"gallery.php?skriveno=$levo\"> Prethodni </a></td> <td width=\"70px\"><a href=\"gallery.php?skriveno=$desno\"> Naredni </a>"); echo ("</td></tr>"); $rezultat = mysqli_query($konekcija, "SELECT text FROM test LIMIT $koliko_po_strani OFFSET $skriveno "); $upit="select * FROM slike LIMIT $koliko_po_strani OFFSET $skriveno"; $rez=mysqli_query($konekcija, $upit); while($r=mysqli_fetch_array($rez)){ echo " <a class='aa' href='".$r['putanjaslike']."'><img src='".$r['putanjaslike']."'/></a> "; echo "</table>";?> </section>

36 <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span>

37 <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer> </body> </html> login.php <?php session_start(); include("konekcija.php"); if(isset($_request['btnsubmit'])){ $username = $_REQUEST['tbUser']; $password = $_REQUEST['tbPass']; $upit = "SELECT * FROM korisnici k JOIN uloge u ON k.iduloge=u.iduloge WHERE Username='$username'

38 AND Password = '$password'"; $rez = mysqli_query($konekcija, $upit); if(mysqli_num_rows($rez) == 0) { echo "Mistake :("; else { $r = mysqli_fetch_array($rez); $_SESSION['IDUloge'] = $r['iduloge']; $_SESSION['Uloga'] = $r['nazivuloge']; $_SESSION['Username'] = $r['username']; $_SESSION['Ime'] = $r['ime']; $_SESSION['Prezime'] = $r['prezime']; $_SESSION['Mail'] = $r['mail']; switch($_session['uloga']) { case 'administrator': header("location: profil.php"); break; case 'korisnik': header("location: profil.php");

39 break;?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> <script>

40 function ispisgreske(obj) { $(obj).addclass("greska"); greske=true; $(obj).next('.opis_greske').text("mistake!"); $(document).ready(function(){ $("#btnprijavi").click(function(){ greske=false; var username = $("#tbnewuser").val(); var formaime=$("#tbime").val(); var formaprezime=$("#tbprezime").val(); var forma =$("#tb ").val(); var formalozinka1=$("#tblozinka1").val(); var formalozinka2=$("#tblozinka2").val(); $("input").removeclass("greska"); $("select").removeclass("greska"); $(".opis_greske").text(" "); var reuser=/^[a-za-z0-9]{2,20$/; var reime=/^[a-z][a-z]{2,19$/; var reprezime=/^[a-z][a-z]{3,40$/; var re =/^\w+@[a-za-z_]+?\.[a-za-z]{2,3$/; var relozinka=/^[\w]{5,20$/; if(!reuser.test(username)) { ispisgreske("#tbnewuser");

41 if(!reime.test(formaime)) { ispisgreske("#tbime"); if(!reprezime.test(formaprezime)) { ispisgreske("#tbprezime"); if(!re .test(forma )) { ispisgreske("#tb "); if(!relozinka.test(formalozinka1)) { ispisgreske("#tblozinka1"); if(!relozinka.test(formalozinka2)) { ispisgreske("#tblozinka2"); if(formalozinka1!=formalozinka2) { ispisgreske("#tblozinka1"); ispisgreske("#tblozinka2"); ); ); var forma = document.getelementbyid('forma');

42 forma.action = "login.php?btnprijavi=1"; forma.submit(); </script> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="content"> <div id="login"> <form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" name="forma" id="forma"> <table style="width:500px; margin:0 auto;"> <tr> <th colspan="2" class="naslov"><h3>log in:</h3></th> </tr> <tr> <td>username:</td> <td>

43 <input type="text" class="styled" name="tbuser" /> </td> </tr> <tr> <td>password:</td> <td> <input type="password" class="styled" name="tbpass"/> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="prijavi" class="button" name="btnsubmit" /> </td> </tr> </table> </form> <div id="reg"> <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>" id="forma" name="forma" onsubmit="return validateform()"> <table class="tabela"> <tr> <th colspan="2" class="naslov"><h3>register now:</h3></th> </tr> <tr> <td class="naziv">username</td> <td> <input type="text" class="text-box" id="tbnewuser" name="tbnewuser" /> <div class="opis_greske"> </td> <tr> <td class="naziv">name</td>

44 <td> <input type="text" class="text-box" id="tbime" name="tbime" /> <div class="opis_greske"> </td> </tr> <tr> <td class="naziv">surname</td> <td> <input type="text" class="text-box" id="tbprezime" name="tbprezime"/> <div class="opis_greske"> </td> </tr> <tr> <td class="naziv"> </td> <td> <input type="text" class="text-box" id="tb " name="tb " /> <div class="opis_greske"> </td> </tr> <tr> <td class="naziv">password:</td> <td> <input type="password" class="text-box" id="tblozinka1" name="tblozinka1" /> <div class="opis_greske"> </td> </tr> <tr> <td class="naziv">password again:</td> <td> <input type="password" class="text-box" id="tblozinka2" name="tblozinka2"/> <div class="opis_greske"> </td> </tr>

45 <tr> <td colspan="2" align="center"> <input type="submit" value="submit" class="dugme" name="btnprijavi" id="btnprijavi" /> <input type="reset" value="reset" class="dugme" id="btnponisti" /> </td> </tr> </table> </form> <?php if(isset($_request['btnprijavi'])){ $user= $_REQUEST['tbNewUser']; $ime = $_REQUEST['tbIme']; $prezime = $_REQUEST['tbPrezime']; $mail = $_REQUEST['tb ']; $pass = $_REQUEST['tbLozinka1']; $pass2 = $_REQUEST['tbLozinka2']; $a=2; $greske = array(); $reime="/^[a-z][a-z]{2,19$/"; $reprezime="/^[a-z][a-z]{3,40$/"; $re ="/^\w+@[a-za-z_]+?\.[a-za-z]{2,3$/"; $relozinka="/^[\w]{5,20$/"; if(!preg_match($reime, $ime)){ $greske[] = "Mistake 1"; if(!preg_match($reprezime, $prezime)){ $greske[] = "Mistake 2"; if(!preg_match($re , $mail)){

46 $greske[] = "Mistake"; if(!preg_match($relozinka, $pass)){ $greske[] = "Mistake"; if(count($greske)!= 0){ echo "Correct your mistakes!"; else { $upit_upis="insert INTO korisnici VALUES ('', '$ime', '$prezime', '$user', '$pass', '$mail', $a)"; $rez_upis = mysqli_query($konekcija, $upit_upis); if(!$rez_upis) { echo "Mistake - "; else { echo "Excellent, now you can log in!";

47 ?> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li>

48 </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer> </body> </html> profil.php <?php session_start(); if(!isset($_session['iduloge']))

49 { header('location:index.php');?> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> <script> function getvote(int) { if (window.xmlhttprequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

50 xmlhttp.onreadystatechange=function() { if (this.readystate==4 && this.status==200) { document.getelementbyid("poll").innerhtml=this.responsetext; xmlhttp.open("get","anketa.php?vote="+int,true); xmlhttp.send(); </script> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="contentp"> <div id="prof"> <?php include("konekcija.php"); $username = $_SESSION['Username']; $ime = $_SESSION['Ime'];

51 $prezime = $_SESSION['Prezime']; $mail = $_SESSION['Mail']; echo "<h3>hello, ".$username."</h3>"; echo "<h3>".$ime." ".$prezime."</h3>"; echo "<h3>".$mail."</h3>"; echo "<h3>".@date('d.m.y.')."</h3>"; echo "<h3><a href='logout.php'>log out!</a></h3>"; if($_session['iduloge']==1){ echo "<h3><a href='adminpanel.php'>admin panel</a></h3>";?> <div id="poll"> <h3>do you like this webpage?</h3> <form> Yes: <input type="radio" name="vote" value="0" onclick="getvote(this.value)"/> <br>no: <input type="radio" name="vote" value="1" onclick="getvote(this.value)"/> </form> <form class="ta" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>"> <textarea name="takomentar" cols="30" rows="5"></textarea><br/> <input type="submit" name="aaa" value="give us a comment!"/>

52 </form> <?php if(isset($_request['aaa'])){ include("konekcija.php"); $komentar=$_post['takomentar']; $user=$_session['iduloge']; $upit="insert INTO komentari VALUES ('','$komentar', $user)"; $rez=mysqli_query($konekcija, $upit); if(!$rez) { echo ""; else { echo "Thank you! :)";?> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a">

53 <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer>

54 </body> </html> adminpanel.php <?php session_start(); if($_session['iduloge']!=1){ header('location:index.php'); //brisanje korisnika if(isset($_post["brisi-kor"])) { $zabrisanje=$_post["brisanje"]; include("konekcija.php"); foreach($zabrisanje as $brisi){ $upit="delete FROM korisnici WHERE IDKorisnika=$brisi"; $rez_brisi=mysqli_query($konekcija, $upit) or die("greska BRISI korisnika!"); // editovanje korisnika if(isset($_post["editkor"])){

55 include("konekcija.php"); $id_save_edited=$_post["ideditsave"]; $novoime=$_post["novoime"]; $novoprezime=$_post["novoprezime"]; $novimail=$_post["novimail"]; $noviuser=$_post["noviuser"]; $novipass=$_post["novipass"]; $novauloga=$_post["novauloga"]; if(empty($novipass)){ $upit="update korisnici SET Ime='$novoime', Prezime='$novoprezime', Mail='$novimail', Username='$noviuser', IDUloge=$novauloga WHERE IDKorisnika=$id_save_edited"; $rez=mysqli_query($konekcija, $upit) or die("greska upit EDIT SAVE!"); else{ $upit1="update korisnici SET Ime='$novoime', Prezime='$novoprezime', Mail='$novimail', Username='$noviuser', Password='$novipass', IDUloge=$novauloga WHERE IDKorisnika=$id_save_edited"; $rez=mysqli_query($konekcija, $upit) or die("greska upit EDIT SAVE!"); // upis korisnika if(isset($_request['btnprijavi'])){ include("konekcija.php"); $user= $_REQUEST['tbNewUser'];

56 $ime = $_REQUEST['tbIme']; $prezime = $_REQUEST['tbPrezime']; $mail = $_REQUEST['tb ']; $pass = $_REQUEST['tbLozinka1']; $a=$_request['a']; $upit_upis="insert INTO korisnici VALUES ('', '$ime', '$prezime', '$user', '$pass', '$mail', $a)"; $rez_upis = mysqli_query($konekcija, $upit_upis); { // brisanje slika if(isset($_post["brisislike"])) $zabrisanje=$_post["brisanjes"]; include("konekcija.php"); foreach($zabrisanje as $brisi){ $upit="delete FROM slike WHERE IDSlike=$brisi"; $rez_brisi=mysqli_query($konekcija, $upit) or die("greska BRISI korisnika!"); // brisanje artikala if(isset($_post["brisiartikle"])) { $zabrisanje=$_post["brisanjea"]; include("konekcija.php");

57 foreach($zabrisanje as $brisi){ $upit="delete FROM prodavnica WHERE IDArtikla=$brisi"; $rez_brisi=mysqli_query($konekcija, $upit) or die("greska BRISI korisnika!"); //editovanje artikala if(isset($_post["editprod"])){ include("konekcija.php"); $id_save_editeda=$_post["ideditsavea"]; $novinaziv=$_post["novinaziv"]; $novacena=$_post["novacena"]; $novakategorija=$_post["novakategorija"]; $imeslike = $_FILES['novaslika']['name']; $tmpslike = $_FILES['novaslika']['tmp_name']; $putanjaslike = "slike/prodavnica/".$imeslike; if(move_uploaded_file($tmpslike, $putanjaslike)) { $upit="update prodavnica SET NazivArtikla='$novinaziv', Cena=$novacena, IDKategorije='$novakategorija', PutanjaSlike='$putanjaSlike' WHERE IDArtikla=$id_save_editeda"; $rez=mysqli_query($konekcija, $upit) or die("greska upit EDIT SAVE!");

58 // unos artikala if(isset($_request['unesia'])){ include("konekcija.php"); $imeartikla= $_REQUEST['tbnaziv']; $cenaartikla = $_REQUEST['tbcena']; $idkategorije = $_REQUEST['tbkat']; $imeslike = $_FILES['slikap']['name']; $tmpslike = $_FILES['slikap']['tmp_name']; $putanjaslikea = "slike/prodavnica/".$imeslike; if(move_uploaded_file($tmpslike, $putanjaslikea)) { $idkategorije)"; $upit_upis="insert INTO prodavnica VALUES ('', '$imeartikla', '$putanjaslikea', $cenaartikla, $rez_upis = mysqli_query($konekcija, $upit_upis);?> <!DOCTYPE html> <html> <head>

59 <meta charset="utf-8" /> <title>paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="shortcut icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus"/> <meta name="author" content="boris Gojković"/> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?> <section id="contentad">

60 <div id="korisnici"> <h1>korisnici</h1> <?php include("konekcija.php"); IDKorisnika"; $upit="select * FROM korisnici k inner join uloge ul on k.iduloge=ul.iduloge order by $rez=mysqli_query($konekcija, $upit) or die("greska upit KORISNICI! "); if(mysqli_num_rows($rez)>0){ echo "<form action='adminpanel.php' method='post'>"; echo "<table><tr><th>ime</th><th>prezime</th><th>username</th><th>uloga</th><th>delete</th><th>edit</th> </tr>"; while($r=mysqli_fetch_array($rez)){ echo "<tr><td>".$r['ime']."</td> <td>".$r['prezime']."</td> <td>".$r['username']."</td> <td>".$r['nazivuloge']."</td> <td><input type='checkbox' name='brisanje[]' value='".$r['idkorisnika']."'></td> <td><a href='adminpanel.php?idedit=".$r['idkorisnika']."'>change</a></td></tr>"; echo "<tr><td colspan='6' align='center'><input type='submit' name='brisi-kor' value='delete' id='btndelete' /></td></tr> </table></form>"; else{ echo "No users...";

61 ?> <div id="korisnikedit"> <?php include("konekcija.php"); if(isset($_get["idedit"])){ $id_edit=$_get["idedit"]; WHERE IDKorisnika=$id_edit"; $upit="select * FROM korisnici k inner join uloge ul on k.iduloge=ul.iduloge $rez=mysqli_query($konekcija, $upit) or die("greska upit PODACI korisnik! "); if(mysqli_num_rows($rez)>0){ $r=mysqli_fetch_array($rez); echo "<h1>edit:</h1>"; echo "<table><form action='adminpanel.php' method='post'>"; echo "<input type='hidden' name='ideditsave' value='".$id_edit."'>"; echo "<tr><td>ime: </td><td><input type='text' name='novoime' value='".$r["ime"]."' /></td></tr>"; echo "<tr><td>prezime: </td><td><input type='text' name='novoprezime' value='".$r["prezime"]."' /></td></tr>"; echo "<tr><td> </td><td><input type='text' name='novimail' value='".$r["mail"]."' /></td></tr>"; echo "<tr><td>username: </td><td> <input type='text' name='noviuser' value='".$r["username"]."'></td></tr>"; echo "<tr><td>password: </td><td> <input type='password' name='novipass' value='' placeholder='enter new...' /></td></tr>"; echo "<tr><td>uloga: </td><td><input type='text' name='novauloga' value='".$r["iduloge"]."' /></td></tr>"; echo "<tr><td>naziv uloga: </td><td> <input type='text'

62 value='".$r["nazivuloge"]."' disabled />"; echo "<tr><td colspan='2' align='center'><input type='submit' name='editkor' value='edit' id='btnedit' /></td></tr>"; echo "</table></form>"; else{ echo "Korisnik ne postoji!?";?> <div id="korisniciupis"> <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>" id="forma" name="forma"> <table> <tr> <th colspan="2" ><h1>novi korisnik:</h1></th> </tr> <tr> <td class="naziv">username</td> <td> <input type="text" class="text-box" id="tbnewuser" name="tbnewuser" /> </td> <tr> <td class="naziv">ime</td> <td> <input type="text" class="text-box" id="tbime" name="tbime" /> </td> </tr> <tr> <td class="naziv">prezime</td> <td> <input type="text" class="text-box" id="tbprezime" name="tbprezime"/> </td>

63 </tr> <tr> <td class="naziv"> </td> <td> <input type="text" class="text-box" id="tb " name="tb " /> </td> </tr> <tr> <td class="naziv">password:</td> <td> <input type="password" class="text-box" id="tblozinka1" name="tblozinka1" /> </td> </tr> <tr> <td class="naziv">1-admin, 2-User:</td> <td> <input type="text" class="text-box" name="a"/> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="unesi u bazu" class="dugme" name="btnprijavi" id="btnprijavi" /> <input type="reset" value="reset" class="dugme" id="btnponisti" /> </td> </tr> </table> </form>

64 <div id="slikea"> <h1>slike</h1> <div id="slikebr"> <?php include("konekcija.php"); $upit = "SELECT * FROM slike"; $rez=mysqli_query($konekcija, $upit); echo "<form action='adminpanel.php' method='post'>"; echo "<table><tr><th>slika</th><th>delete</th></tr>"; while($r=mysqli_fetch_array($rez)){ echo "<tr><td><img src='".$r["putanjaslike"]."' /></td>"; echo "<td><input type='checkbox' name='brisanjes[]' value='".$r['idslike']."'></td></tr>"; echo "<tr><td colspan='2' align='center'><input type='submit' name='brisislike' value='delete' id='btndelete' /></td></tr> </table></form>";?> <div id="slikeupis"> <form method="post" action="adminpanel.php" enctype="multipart/form-data"> <table> <tr><td colspan="1" align="center">unesi sliku:</td></tr> <tr><td><input type="file" class="styled" name="fslika"/></td></tr> <tr><td colspan="1" align="center"> <input type="submit" value="upload" name="btnslika"/></td></tr> </table>

65 </form> <?php if(isset($_post["btnslika"])){ include("konekcija.php"); $imeslike = $_FILES['fSlika']['name']; $tmpslike = $_FILES['fSlika']['tmp_name']; $putanjaslike = "slike/gallery/".$imeslike; if(move_uploaded_file($tmpslike, $putanjaslike)) { $upit = "INSERT INTO slike VALUES('', '$putanjaslike')"; $rez_upis = mysqli_query($konekcija, $upit); if(!$rez_upis) { echo "Greska prilikom upisa - "; else { echo "Podaci su upisani!"; else { echo "Greska prilikom upload-a slike!";

66 ?> <div id="zameni"> <h1>prodavnica</h1> <?php include("konekcija.php"); $upit = "SELECT * FROM prodavnica p INNER JOIN prodavnicakategorije pk ON p.idkategorije=pk.idkategorije"; $rez=mysqli_query($konekcija, $upit); echo "<form action='adminpanel.php' method='post'>"; echo "<table><tr><th>slika</th><th>naziv Artikla</th><th>Cena</th><th>Kategorija</th><th>Delete</th><th>Edit</th></tr>"; while($r=mysqli_fetch_array($rez)){ echo "<tr><td><img src='".$r["putanjaslike"]."' /></td> <td>".$r['nazivartikla']."</td> <td>".$r['cena']."</td> <td>".$r['nazivkategorije']."</td> <td><input type='checkbox' name='brisanjea[]' value='".$r['idartikla']."'></td> <td><a href='adminpanel.php?idedita=".$r['idartikla']."'>change</a></td></tr>"; echo "<tr><td colspan='5' align='center'><input type='submit' name='brisiartikle' value='delete' id='btndelete' /></td></tr> </table></form>";

67 ?> <div id="zamenii"> <?php include("konekcija.php"); if(isset($_get["idedita"])){ $id_edita=$_get["idedita"]; $upit = "SELECT * FROM prodavnica p INNER JOIN prodavnicakategorije pk ON p.idkategorije=pk.idkategorije WHERE IDArtikla=$id_edita"; $rez=mysqli_query($konekcija, $upit) or die("greska upit PODACI korisnik! "); if(mysqli_num_rows($rez)>0){ $r=mysqli_fetch_array($rez); echo "<h1>edit:</h1>"; echo "<table><form action='adminpanel.php' method='post' enctype='multipart/form-data'>"; echo "<input type='hidden' name='ideditsavea' value='".$id_edita."'>"; echo "<tr><td>ime: </td><td><input type='text' name='novinaziv' value='".$r["nazivartikla"]."' /></td></tr>"; echo "<tr><td>cena: </td><td><input type='text' name='novacena' value='".$r["cena"]."' /></td></tr>"; echo "<tr><td>slika: </td><td><input type='file' name='novaslika' /></td></tr>"; echo "<tr><td>kategorija: </td><td><input type='text' name='novakategorija' value='".$r["idkategorije"]."' /></td></tr>"; echo "<tr><td>naziv kategorije: </td><td> <input type='text' value='".$r["nazivkategorije"]."' disabled />"; echo "<tr><td colspan='2' align='center'><input type='submit' name='editprod' value='edit' id='btnedit' /></td></tr>"; echo "</table></form>";

68 else{ echo "Artikli ne postoje";?> <div id="upisprodavnica"> <form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>" id="forma" name="forma" enctype='multipart/form-data'> <table> <tr> <th colspan="2" ><h1>upis artikala:</h1></th> </tr> <tr> <td class="naziv">naziv artikla</td> <td> <input type="text" class="text-box" id="tbnaziv" name="tbnaziv" /> </td> <tr> <td class="naziv">slika</td> <td> <input type="file" class="text-box" id="slikap" name="slikap" /> </td> </tr> <tr> <td class="naziv">cena</td> <td> <input type="text" class="text-box" id="tbcena" name="tbcena"/> </td> </tr> <tr> <td class="naziv">1-t-shirts, 2-Vinyls, 3-Accessories, 4- Hoodies</td>

69 <td> <input type="text" class="text-box" id="tbkat" name="tbkat" /> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="unesi u bazu" class="dugme" name="unesia" id="unesia" /> <input type="reset" value="reset" class="dugme" id="btnponisti" /> </td> </tr> </table> </form> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a>

70 </li> <li> <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer> </body> </html>

71 3.1.8 getcat <?php session_start(); $q = intval($_get['q']); include("konekcija.php"); $upit="select * FROM prodavnica WHERE IDKategorije = $q"; $rez = mysqli_query($konekcija, $upit); while($r = mysqli_fetch_array($rez)) { echo " <div class='klasaa'> <img src='".$r['putanjaslike']."'/> <p> ".$r['nazivartikla']." </br> Price: ".$r['cena']." </br> </p>"; if(isset($_session['iduloge'])) { echo "<a href='#'>buy it now!</a>"; echo"";?> header.php <?php echo "<header class='fheader'> <nav> <div id='menu'>";

72 include ("konekcija.php"); $upit= "SELECT * FROM meni WHERE Login<2"; $rez = mysqli_query($konekcija, $upit); echo "<ul class='glavna'>"; while($r=mysqli_fetch_array($rez)){ echo "<li><a href='".$r['putanjameni']."'>".$r['nazivmeni']."</a></li>"; echo "</ul>";?> header2.php <?php echo "<header class='fheader'> <nav> <div id='menu'>"; include ("konekcija.php"); $upit= "SELECT * FROM meni WHERE Login>0"; $rez = mysqli_query($konekcija, $upit); echo "<ul class='glavna'>"; while($r=mysqli_fetch_array($rez)){ echo "<li><a href='".$r['putanjameni']."'>".$r['nazivmeni']."</a></li>"; echo "</ul>";

73 ?> anketa.php <?php $vote = $_REQUEST['vote']; //get content of textfile $filename = "poll_result.txt"; $content = file($filename); //put content in array $array = explode(" ", $content[0]); $yes = $array[0]; $no = $array[1]; if ($vote == 0) { $yes = $yes + 1; if ($vote == 1) { $no = $no + 1; //insert votes to txt file $insertvote = $yes." ".$no; $fp = fopen($filename,"w"); fputs($fp,$insertvote); fclose($fp);?> <h2>result:</h2> <table> <tr> <td>yes:</td> <td> <img src="poll.gif" width='<?php echo(100*round($yes/($no+$yes),2));?>'

74 height='20'> <?php echo(100*round($yes/($no+$yes),2));?>% </td> </tr> <tr> <td>no:</td> <td> <img src="poll.gif" width='<?php echo(100*round($no/($no+$yes),2));?>' height='20'> <?php echo(100*round($no/($no+$yes),2));?>% </td> </tr> </table> konekcija.php <?php $konekcija = mysqli_connect('localhost', 'id _goykowicz', 'gljive'); $baza = mysqli_select_db($konekcija, "id _gljive"); $greske = array(); if(!$konekcija) { $greske[] = "Greska prilikom konekcije sa serverom baze podataka - "; else { if(!$baza) { $greske[] = "Greska prilikom izbora baze podataka - ";

75 mysqli_set_charset($konekcija,"utf8");?> logout.php <?php session_start(); if(isset($_session['iduloge'])) { unset($_session['iduloge']); unset($_session['uloga']); unset($_session['username']); session_destroy(); header('location:index.php'); else { header('location:index.php');?> autor.php <?php session_start();?> <!DOCTYPE html>

76 <html> <head> <meta charset="utf-8" /> <title>about me Paul Kalkbrenner Fan Club</title> <script src="jquery min.js"></script> <link rel="stylesheet" type="text/css" href="style.css" /> <link href=" rel="stylesheet"> <link rel="icon" href="slike/favicon.png" type="image/png"/> <meta name="description" content="this is fanpage of DJ and producer Paul Kalkbrenner"/> <meta name="keywords" content="paul, Kalkbrenner, producer, dj, Ickarus, Fanclub"/> <meta name="author" content="boris Gojković"/> </head> <body> <div id="wrapper"> <?php if(isset($_session['iduloge'])){ include("header2.php"); else { include("header.php");?>

77 <section id="contenta"> <div id="right"> <img src="slike/autor.jpg" alt="boris Gojkovic" /> </br> <p>hi, my name is Boris Gojkovic. I was born on the 8th of June in After finishing highschool I moved from Visegrad to Belgrade, and this website is a project for Web Programming course at ICT college.</p> <p>you can contact me on:</br></br> <a href="facebook.com/gojaas">facebook</a> </br> <a href="instagram.com/goykowicz">instagram</a> </br> <a href="mailto:goykowicz@gmail.com">mail</a> </p> </section> <footer id="mfooter"> <div id="sitemaprss"> <ul class="a"> <li> <a href=" target="_blank"><img id="face" src="slike/fb.png" alt="facebook" title="facebook Page"></a> </li> <li> <a href=" target="_blank"><img id="instagram" src="slike/insta.png" alt="instagram" title="instagram"></a> </li> <li>

78 <a href=" target="_blank"><img id="tw" src="slike/twitter.png" alt="twitter" title="twitter"></a> </li> <li> <a href=" target="_blank"><img id="yt" src="slike/yt.png" alt="youtube" title="youtube channel"></a> </li> </ul> <span class="sss"> <a href="dokumentacija.pdf">documentation</a> <a href="author.php">about ME</a> <a href="sitemap.xml">sitemap</a> </span> <div class="copy"> <h6>visoka ICT škola Web dizajn Boris Gojković 2018</h6> </footer> </body> </html>

79 3.2 CSS * { font-family: 'Orbitron', sans-serif; padding:0px; margin:0px auto; /* body & header */ body { background-color:black; background-image: URL(slike/sa2.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top; #wrapper { width: 1348px; padding: 0px; margin: 0px auto;.fheader { background-image: URL(slike/sa123.jpg); margin: 0px auto; width:960px; height:400px; position:absolute; margin-left:194px;

80 #menu { margin-bottom:0px; /*position:absolute;*/ margin-top:347px; background:rgba(255,255,255,0.2); width:960px; ul.glavna { list-style-type: none; margin: 0; padding: 0; overflow:hidden; ul.glavna li { float: left; width:192px; ul.glavna li a { display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; font-size:20px;

81 #menu ul li a:hover { background:rgba(255,255,255,0.7); color:black; /*index content*/ #content { width:960px; background-color: #111; height:800px; margin:0px auto; #contentad { width:960px; background-color: #111; margin:0px auto; height:3400px; #contenta { width:960px; background-color: #111; height:600px; margin:0px auto; color:#ccc;

82 #contentp{ width:960px; background-color: #111; height:340px; margin:0px auto; color:#ccc; text-align:center; #contentp h3{ padding:10px; #contentp a{ color:#ccc; #contenttop { width:960px; height: auto; margin:0px auto; #ifleft { margin:20px 10px 20px 20px; float:left;

83 #ifleft iframe { width:450px; height:249px; border-width: 0px; #content h1 { color:#ccc; text-align:center; padding-top:20px; #ifright iframe { width:450px; height:249px; border-width: 0px; #ifright { margin:20px 20px 20px 10px; float:right;.spanh3 { text-align:center; #contentb{ width:960px; height:auto;

84 .contentc { margin: 10px; border:2px solid #222; border-radius:12px; float:left; width:290px; height:auto;.contentc img { margin:20px;.contentc p { padding:0px; margin-left:20px; margin-right:20px; margin-bottom:10px;.contentc a { display: block; color: white; text-align: center; text-decoration: none; font-size:14px; height:400px; /*main footer*/ #mfooter { margin: 0px auto;

85 width:960px; height:130px; background-color:#222; #sitemaprss { width:960px; height: 40px; float:left; margin-top:15px; #sitemaprss a { text-decoration:none; font-size:14px; color: #ccc; #sitemaprss ul { list-style-type:none; display:inline; #sitemaprss ul li { display:inline; margin-left:160px; #sitemaprss ul li a:hover { background-color:#222;

86 #sitemaprss img { filter: grayscale(100%); width:30px; height:30px; #sitemaprss img:hover { filter: grayscale(0%); transform: rotate(20deg);.sss a { color:#ccc; text-decoration:none; margin-left:140px;.copy { margin-top:30px; text-align:center; color:#ccc; /*login*/ #login { border: 1px solid #ccc; color: #ccc; width:470px;

87 border-radius:5px; float:left; margin: 50px 250px; text-align:center; #login input { margin:10px; #reg { border: 1px solid #ccc; width:470px; border-radius:5px; float:left; margin: 0px 250px; text-align:center; color:#ccc; #reg input { margin:10px; #reg h3 { margin:20px; #login h3 { margin:20px;.greska { border:1px solid #FF0000;.opis_greske{ color:#ff0000;

88 .zavrsavam { color:#ccc; padding:0px 10px; text-align:center; #rss { text-align:center; color:#ccc; width:500px; #rss a { text-decoration:none; color:yellow; #rss h2 { margin-bottom:30px; #glrj img { width:200px; margin: 30px; margin-left:70px; margin-bottom: 10px; #glrj a { text-decoration:none; color: #777;

89 font-size: 24px; #glrj { color:white;.klasa { float:left; border:1px solid #ccc; width: 290px; text-align:center; color: #ccc; margin:13px; margin-top:30px; height: 300px;.klasa img { width: 200px; margin-top: 20px;.klasaa { float:left; border:1px solid #ccc; width: 290px; text-align:center; color: #ccc; margin:13px; margin-top:30px; height: 325px;

90 .klasaa img { width: 180px; margin-top: 20px;.klasaa a { text-decoration:none; color:yellow; h1.alb { font-size:30px; #right { text-align:center; #right img { width: 400px; margin:20px; #right a { text-decoration:none; color:yellow; #prof { float:left; width: 500px;

91 #poll { float:right; width: 450px; text-align:center;.ta textarea { margin:20px; resize:none; #shopa { width:960px; text-align:center; color:#ccc; #korisnici { color:#ccc; width:960px; border-bottom:1px solid #ccc; text-align:center; #korisnici th { color:white; #korisnici a {

92 text-decoration:none; color:yellow; #contentad h1{ padding:20px; font-size:24px; color:#ccc; text-align:center; #btndelete { margin:10px; #slikea { border-bottom:1px solid #ccc; float:left; #slikebr img { width:50px; #slikebr { width: 100px; height:900px; float:left; color:#ccc; margin-left:20px; #slikebr td { text-align:center;

93 #slikeupis { width: 400px; height:400px; float:left; margin:200px; color:#ccc; #zameni img { width: 60px; height: auto; #zameni { color: #ccc; border-bottom:1px solid #ccc; #zameni a { color:yellow; text-decoration:none; 3.3 JS <script> function ispisgreske(obj) { $(obj).addclass("greska"); greske=true; $(obj).next('.opis_greske').text("mistake!");

94 $(document).ready(function(){ $("#btnprijavi").click(function(){ greske=false; var username = $("#tbnewuser").val(); var formaime=$("#tbime").val(); var formaprezime=$("#tbprezime").val(); var forma =$("#tb ").val(); var formalozinka1=$("#tblozinka1").val(); var formalozinka2=$("#tblozinka2").val(); $("input").removeclass("greska"); $("select").removeclass("greska"); $(".opis_greske").text(" "); var reuser=/^[a-za-z0-9]{2,20$/; var reime=/^[a-z][a-z]{2,19$/; var reprezime=/^[a-z][a-z]{3,40$/; var re =/^\w+@[a-za-z_]+?\.[a-za-z]{2,3$/; var relozinka=/^[\w]{5,20$/; if(!reuser.test(username)) { ispisgreske("#tbnewuser"); if(!reime.test(formaime)) { ispisgreske("#tbime");

95 if(!reprezime.test(formaprezime)) { ispisgreske("#tbprezime"); if(!re .test(forma )) { ispisgreske("#tb "); if(!relozinka.test(formalozinka1)) { ispisgreske("#tblozinka1"); if(!relozinka.test(formalozinka2)) { ispisgreske("#tblozinka2"); if(formalozinka1!=formalozinka2) { ispisgreske("#tblozinka1"); ispisgreske("#tblozinka2"); ); ); </script>