web programiranje dokumentacija za sajt · 2016. 12. 7. · uvod: 1.1 korišćeni programski jezici...

174
Visoka škola strukovnih studija za informacione i komunikacione tehnologije Web programiranje Dokumentacija za sajt (http://webprog.danijelastanoevski.rs/index.html) Autor: Danijela Stanoevski 153/15 Beograd, decembar 2016.

Upload: others

Post on 02-Feb-2021

5 views

Category:

Documents


1 download

TRANSCRIPT

  • Visoka škola strukovnih studija za informacione i komunikacione tehnologije

    Web programiranje Dokumentacija za sajt

    (http://webprog.danijelastanoevski.rs/index.html)

    Autor: Danijela Stanoevski 153/15

    Beograd, decembar 2016.

  • Sadržaj:

    Uvod

    1.1. Korišćeni programski jezici 1.2 Opis funkcionalnosti 1.3 Template 1.4 Korišćeni CSS Organizacija

    2.1 Organizaciona šema 2.2 Mapa sajta 2.3 Stranice Kodovi

    3.1 HTML 3.2 JavaScript i Jquery 3.3 XML, XSL

  • Uvod:

    1.1 Korišćeni programski jezici

    Prilikom izrade sajta korišćeno je: HTML, CSS, JavaScript, jQuery, XML,

    XSL i Ajax.

    1.2 Opis funkcionalnosti Slajder– četiri slike se smenjuju na svake 4 sekunde, nalazi se na stranici index.html, usluge.html, cenovnik.html, galerija.html, autor.html, nokti.html,

    trepavice.html,obrve.html, masaza.html, depilacija.html

    Pretraga– pretražuju se usluge (xml tabela) po nazivu usluga(Manikir, Pedikir, Gel lak, Nadogradnja trepavica, Japansko iscrtavanje obrva,Masaža, Depilacija).

    Pretraga je urađena preko Ajaxa. Padajući meni– urađen je preko jQuery-a. Nalazi se na svim stranicama index.html, usluge.html, cenovnik.html, galerija.html, autor.html, nokti.html, trepavice.html, obrve.html, masaza.html, depilacija.html

    Tabela– uradjena je preko Ajaxa, povlači podatke iz xml-a, razlika boja redova u tabeli uradjena je preko jQuery-a. Tabela se nalazi na stranici usluge.html Galerija– urađena je preko jQuery-a, jednostavan slajd slike klikom na strelice. Nalazi se na stranici galerija.html. Kontak forma– uneti podaci iz forme se proveravaju preko regularnih izraza i ako je unet komentar podaci se šalju na e-mail. Nalazi se na stranici kontakt.html.

    Link pri dnu stranice uradjen je u JQuery-ju, kada se klikne na link - animacijom (scroll to), skroluje na vrh stranice. Nalazi se na stranicama: index.html, usluge.html, cenovnik.html, nokti.html, trepavice.html, obrve.html, masaza.html, depilacija.html

    Tabele sa cenovnikom uradjene preko JQuery-ja (zebra tabela sa dodatkom hover-a) Nalazi se na stranici cenovnik.html Animacija za p tag koji ima klasu ha- da dobije padding kad se učita stranica I border

    I to traje 2 sekunde-stranice na kojima se nalazi ova animacija:

    nokti.html, trepavice.html, obrve.html, masaza.html, depilacija.html

  • 1.3 Template

  • CSS

    * {

    margin:0px auto;

    padding:0px;

    }

    #omot

    {

    margin:0 auto;

    width:1024px;

    }

    a {

    text-decoration:none;

    }

    ul

    {

  • list-style:none;

    }

    body {

    font-family: 'Sorts Mill Goudy', serif;

    background-image: url("slike/background.jpg");

    background-size:100% 100%;

    background-repeat:repeat-x;

    background-attachment:fixed;

    }

    #logo {

    float:left;

    }

    #logo img {

    padding-top:20px;

    }

    #zaglavlje {

    width:1024px;

    height:150px;

    }

    #zaglavlje li {

    float:right;

    margin:5px;

  • }

    #zaglavlje a {

    color:black;

    }

    #zaglavlje a:hover {

    color:#c03572;

    }

    #mreze {

    float:right;

    margin-top:100px;

    margin-right:-253px;

    }

    #menipo {

    width:1024px;

    height:40px;

    float:left;

    padding:0;

    margin:0;

    font-size:18px;

    margin-top:-10px;

    border-radius: 5px;

    position:absolute;

    z-index:10;

    background:#c03572;

  • }

    #menipo li {

    float:left;

    margin-left:10px;

    padding-top:6px;

    padding-bottom: 4px;

    margin-right:10px;

    font-size:20px;

    width: 100px;

    }

    #menipo li:first-child{

    margin-left: 30px;

    }

    #menipo a {

    color:white;

    display:block;

    }

    #menipo li ul {

    position:absolute;

    left: -999em;

    width:140px;

    z-index:10;

    }

  • #menipo li:hover ul, #menipo li ul:hover

    {

    left:auto;

    }

    #menipo li:hover

    {

    background:#ef7bad;

    }

    #pod li:hover

    {

    background: #ef7bad;

    }

    #search

    {

    width:12em;

    float:left;

    padding-top:8px;

    padding-left:160px;

    }

    #search input

    {

    height:20px;

  • }

    .search_p {

    padding-right:20px;

    }

    #btn {

    overflow: visible;

    position: absolute;

    float: left;

    border: 0;

    cursor: pointer;

    height: 2.03em;

    width: 70px;

    font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma';

    color: #fff;

    text-transform: uppercase;

    background: #ef7bad;

    border-radius: 0 3px 3px 0;

    margin-top: 3px;

    }

    .pod

    {

    margin:0 !important;

    padding:0;

    background: #c03572;

  • padding: 5px;

    padding-right:0px;

    padding-left: 20px;

    width: 200px !important;

    text-align: left;

    }

    .glavni {

    text-align: center;

    min-width: 80px;

    }

    .cisti

    {

    clear:both;

    }

    #slider img {

    position: absolute;

    }

    #slider{

    width: 1024px;

    height: 400px;

    overflow: hidden;

    }

    #sadrzaj

    {

  • width: 1024px;

    background-color:#eed7dd;

    height:800px;

    }

    #galerijaSadrzaj

    {

    background-color:#eed7dd;

    height:auto;

    }

    #fensibox

    {

    padding-top:65px;

    padding-left:65px;

    padding-bottom:60px;

    }

    .sadp

    {

    padding-top:25px;

    padding-left: 20px;

    padding-right:20px;

    font-size:18px;

    }

    .aktuelno

  • {

    padding-top:20px;

    padding-left:30px;

    font-size:18px;

    }

    #sadrzaj h1

    {

    text-shadow: 5px 5px 5px #c03572;

    font-size:22px;

    padding-left:30px;

    padding-top:10px;

    text-align:center;

    }

    .blok

    {

    float:left;

    width:300px;

    height:420px;

    margin-left:27px;

    margin-top:50px;

    border:2px solid #c03572;

    border-radius:30px;

    }

    .blok h2 {

  • font-size:15px;

    margin:6px;

    padding-left:10px;

    }

    .blok img

    {

    margin-left:50px;

    margin-top:10px;

    }

    .blok p {

    margin:7px;

    }

    .blok a {

    color:#000000;

    }

    .blok a:hover {

    color:#c03572;

    }

    #footer

    {

    height:100px;

    background-color:#c03572;

    }

    #footer li

  • {

    float:left;

    margin-top:30px;

    margin-left:30px;

    font-size:20px;

    }

    #footer ul

    {

    margin-left:250px;

    }

    #footer a {

    color:white;

    }

    #footer a:hover

    {

    background: #ef7bad;

    }

    p.kraj

    {

    margin-left:350px;

    margin-top:15px;

    color:#FFFFFF;

    font-size:18px;

    }

  • #sadrzajAutor

    {

    width:1024px;

    height:450px;

    background-color:#eed7dd;

    }

    #levoA

    {

    float:left;

    width:300px;

    }

    #levoA img

    {

    padding-top:70px;

    padding-left:70px;

    }

    #desnoA

    {

    float:right;

    width:700px;

    }

    #desnoA h3

    {

  • padding-top:70px;

    padding-right:70px;

    }

    #desnoA p

    {

    font-size:18px;

    }

    #sadrzajMasaza

    {

    height:auto;

    background-color:#eed7dd;

    }

    #vrati

    {

    width:1024px;

    height:30px;

    background-color:#eed7dd;

    }

    #vrati a

    {

    color:black;

    padding-left:830px;

    }

    #vrati a:hover

  • {

    color:#c03572;

    }

    #sadrzajU

    {

    width:1024px;

    height:auto;

    background-color:#eed7dd;

    }

    #levoU

    { float:left;

    width:700px;

    height:600px;

    background-color:#eed7dd;

    }

    #desnou

    {

    float:right;

    width:300px;

    height:600px;

    }

    #meniUsluge

    {

    padding-top:50px;

    padding-left:50px;

  • }

    #meniUsluge li

    {

    font-size:18px;

    padding:3px;

    }

    #meniUsluge a:hover

    {

    background-color:#c03572;

    color:white;

    }

    #desnou h3

    {

    text-align:center;

    color:#c03572;

    }

    #tabela

    { float:left;

    width:600px;

    padding-top:40px;

    padding-left:30px;

    }

    #tabela td

  • {

    }

    .zebraTabela

    {

    background-color:#c03572;

    }

    #levou h3

    {

    padding-top:20px;

    padding-left:75px;

    }

    #sadrzajO

    {

    height:880px;

    background-color:#eed7dd;

    }

    #sadrzajM

    {

    height:1000px;

    background-color:#eed7dd;

    }

    .masazapp, .depip

    {

  • padding-top:20px;

    padding-left:20px;

    padding-right:20px;

    font-size:20px;

    }

    ul.masazaul

    {

    font-size:20px;

    padding-top:20px;

    padding-left:60px;

    list-style: square inside url(slike/strelica.png);

    }

    #sadrzajtr

    {

    height:800px;

    background-color:#eed7dd;

    }

    .obrvep , .noktip

    {

    font-size:20px;

    margin:30px;

    }

  • #sadrzajO h3

    {

    padding-top:20px;

    text-align:center;

    }

    .slikeob

    {

    padding-left:30px;

    }

    .slikeob img{

    border:1 px solid #c03572

    }

    #sadrzajk

    {

    width:1024px;

    height:500px;

    background-color:#eed7dd;

    }

    #levok

    {

    float:left;

    width:500px;

    height:500px;

  • }

    #levok h2

    {

    padding-top:30px;

    padding-left:60px;

    font-size:20px;

    color:#c03572;

    }

    #kontakt

    {

    padding-top:50px;

    padding-right:90px;

    }

    .text-box

    {

    border:2px solid #c03572;

    border-radius:5px;

    }

    .ta {

    border:2px solid #c03572;

    border-radius:5px;

    }

  • .dugme

    {

    border:2px solid #c03572;

    }

    .uspehPoslata

    {

    padding-left:230px;

    }

    #desnok

    {

    float:right;

    width:500px;

    height:500px;

    }

    #gmap_canvas img{

    max-width:none!important;background:none!important

    }

    #google-map-code

    {

    overflow:hidden;height:300px;width:400px;

  • }

    #desnok h3

    {

    margin-top:30px;

    }

    h6.kon, h5.kon {

    font-size:15px;

    }

    .kon

    {

    color:#c03572;

    }

    h3.kon

    {

    font-size:17px;

    }

    #pretraga

    {

    padding:15px;

    background-color:#eed7dd;

    }

    #sadrzajc

    {

    height:auto;

    background-color:#eed7dd;

  • }

    #tabelaNokti table

    {

    border: 2px solid #c03572;

    text-align:center;

    }

    #tabelaNokti td, #tabelaDepilacija td, #tabelaMuskarci td, #tabelaPedikir td, #tabelalt td,

    #tabelaMasaza td,#tabelaMasazam td,#tabelaO td

    {

    font-size:18px;

    font-family:"Times New Roman";

    }

    th.tb

    {

    width:280px;

    }

    th.cena

    {

    width:150px;

    }

    .tabelaCenovnik

  • {

    background-color:#d1d1e0;

    }

    tr.tabelaCenovnikHover {

    background-color: #c03572;

    color:#FFF;

    }

    #tabelaMasaza table, #tabelaMasazam table, #tabelalt table ,#tabelaMuskarci

    table,#tabelaDepilacija table,#tabelaPedikir table,#tabelaO table

    {

    margin-top:50px;

    border: 2px solid #c03572;

    text-align:center;

    }

    #tabelaO

    {

    padding-bottom:40px;

    }

    #sadrzajNokti

    {

    height:1840px;

    background-color:#eed7dd;

    }

  • .gelp, .pedikirn

    {

    font-size:20px;

    text-align:center;

    font-weight:bold;

    }

    .pedikirn

    {

    margin-top:50px;

    }

    .ha

    {

    font-size:21px;

    text-align:center;

    }

    .noktip

    {

    padding-left:10px;

    font-size:20px;

    }

    .trepuske

    {

    font-size: 20px;

    padding-left:10px;

  • padding-top:40px;

    }

    .trepuskep {

    font-size: 20px;

    padding-left:10px;

    }

    .txt-wrap

    {

    float:left;

    margin-left:20px;

    margin-right:20px;

    }

    #sadrzajDepilacija

    {

    height:760px;

    background-color:#eed7dd;

    }

    #slikapasta

    {

    padding-top:40px;

    }

    1.4 Korišćeni CSS (tuđi)

    CSS za lightbox

    .fancybox {

  • padding: 10px;

    }

    #fensibox {

    padding-top: 30px;

    }

    #fensibox h2

    {

    padding-left: 15px;

    padding-bottom: 10px;

    }

    .galerija {

    padding-top: 20px;

    }

    .fancybox-wrap,

    .fancybox-skin,

    .fancybox-outer,

    .fancybox-inner,

    .fancybox-image,

    .fancybox-wrap iframe,

    .fancybox-wrap object,

    .fancybox-nav,

  • .fancybox-nav span,

    .fancybox-tmp

    {

    padding: 0;

    margin: 0;

    border: 0;

    outline: none;

    vertical-align: top;

    }

    .fancybox-wrap {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 8020;

    }

    .fancybox-skin {

    position: relative;

    background: #f9f9f9;

    color: #444;

    text-shadow: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

  • }

    .fancybox-opened {

    z-index: 8030;

    }

    .fancybox-opened .fancybox-skin {

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

    }

    .fancybox-outer, .fancybox-inner {

    position: relative;

    }

    .fancybox-inner {

    overflow: hidden;

    }

    .fancybox-type-iframe .fancybox-inner {

    -webkit-overflow-scrolling: touch;

    }

    .fancybox-error {

  • color: #444;

    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

    margin: 0;

    padding: 15px;

    white-space: nowrap;

    }

    .fancybox-image, .fancybox-iframe {

    display: block;

    width: 100%;

    height: 100%;

    }

    .fancybox-image {

    max-width: 100%;

    max-height: 100%;

    }

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url(fancybox_sprite.png);

    }

    #fancybox-loading {

    position: fixed;

    top: 50%;

  • left: 50%;

    margin-top: -22px;

    margin-left: -22px;

    background-position: 0 -108px;

    opacity: 0.8;

    cursor: pointer;

    z-index: 8060;

    }

    #fancybox-loading div {

    width: 44px;

    height: 44px;

    background: url(fancybox_loading.gif) center center no-repeat;

    }

    .fancybox-close {

    position: absolute;

    top: -18px;

    right: -18px;

    width: 36px;

    height: 36px;

    cursor: pointer;

    z-index: 8040;

    }

  • .fancybox-nav {

    position: absolute;

    top: 0;

    width: 40%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

    background: transparent url(blank.gif); /* helps IE */

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    z-index: 8040;

    }

    .fancybox-prev {

    left: 0;

    }

    .fancybox-next {

    right: 0;

    }

    .fancybox-nav span {

    position: absolute;

    top: 50%;

    width: 36px;

    height: 34px;

  • margin-top: -18px;

    cursor: pointer;

    z-index: 8040;

    visibility: hidden;

    }

    .fancybox-prev span {

    left: 10px;

    background-position: 0 -36px;

    }

    .fancybox-next span {

    right: 10px;

    background-position: 0 -72px;

    }

    .fancybox-nav:hover span {

    visibility: visible;

    }

    .fancybox-tmp {

    position: absolute;

    top: -99999px;

    left: -99999px;

    max-width: 99999px;

  • max-height: 99999px;

    overflow: visible !important;

    }

    /* Overlay helper */

    .fancybox-lock {

    overflow: visible !important;

    width: auto;

    }

    .fancybox-lock body {

    overflow: hidden !important;

    }

    .fancybox-lock-test {

    overflow-y: hidden !important;

    }

    .fancybox-overlay {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

    display: none;

  • z-index: 8010;

    background: url(fancybox_overlay.png);

    }

    .fancybox-overlay-fixed {

    position: fixed;

    bottom: 0;

    right: 0;

    }

    .fancybox-lock .fancybox-overlay {

    overflow: auto;

    overflow-y: scroll;

    }

    /* Title helper */

    .fancybox-title {

    visibility: hidden;

    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

    position: relative;

    text-shadow: none;

    z-index: 8050;

    }

  • .fancybox-opened .fancybox-title {

    visibility: visible;

    }

    .fancybox-title-float-wrap {

    position: absolute;

    bottom: 0;

    right: 50%;

    margin-bottom: -35px;

    z-index: 8050;

    text-align: center;

    }

    .fancybox-title-float-wrap .child {

    display: inline-block;

    margin-right: -100%;

    padding: 2px 20px;

    background: transparent; /* Fallback for web browsers that doesn't support RGBa

    */

    background: rgba(0, 0, 0, 0.8);

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    text-shadow: 0 1px 2px #222;

    color: #FFF;

  • font-weight: bold;

    line-height: 24px;

    white-space: nowrap;

    }

    .fancybox-title-outside-wrap {

    position: relative;

    margin-top: 10px;

    color: #fff;

    }

    .fancybox-title-inside-wrap {

    padding-top: 10px;

    }

    .fancybox-title-over-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    color: #fff;

    padding: 10px;

    background: #000;

    background: rgba(0, 0, 0, .8);

    }

  • /*Retina graphics!*/

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),

    only screen and (min--moz-device-pixel-ratio: 1.5),

    only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

    background-image: url([email protected]);

    background-size: 44px 152px; /*The size of the normal image, half the

    size of the hi-res image*/

    }

    #fancybox-loading div {

    background-image: url([email protected]);

    background-size: 24px 24px; /*The size of the normal image, half the size

    of the hi-res image*/

    }

    }

    #fancybox-thumbs {

    position: fixed;

    left: 0;

    width: 100%;

    overflow: hidden;

    z-index: 8050;

    }

  • #fancybox-thumbs.bottom {

    bottom: 2px;

    }

    #fancybox-thumbs.top {

    top: 2px;

    }

    #fancybox-thumbs ul {

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

    }

    #fancybox-thumbs ul li {

    float: left;

    padding: 1px;

    opacity: 0.5;

    }

    #fancybox-thumbs ul li.active {

    opacity: 0.75;

    padding: 0;

    border: 1px solid #fff;

  • }

    #fancybox-thumbs ul li:hover {

    opacity: 1;

    }

    #fancybox-thumbs ul li a {

    display: block;

    position: relative;

    overflow: hidden;

    border: 1px solid #222;

    background: #111;

    outline: none;

    }

    #fancybox-thumbs ul li img {

    display: block;

    position: relative;

    border: 0;

    padding: 0;

    max-width: none;

    }

  • 2. Organizacija 2.1 Organizaciona šema Svaka stranica vodi ka svakoj.

    2.2 Mapa sajta

    http://webprog.danijelastanoevski.rs/index.html

    2016-12-05

    monthly

    1

    http://webprog.danijelastanoevski.rs/usluge.html

    2016-12-05

    monthly

  • 1

    http://webprog.danijelastanoevski.rs/cenovnik.html

    2016-12-05

    monthly

    1

    http://webprog.danijelastanoevski.rs/galerija.html

    2016-12-05

    monthly

    1

    http://webprog.danijelastanoevski.rs/kontakt.html

    2016-12-05

    monthly

    1

    http://webprog.danijelastanoevski.rs/autor.html

    2016-12-05

    monthly

    1

  • http://webprog.danijelastanoevski.rs/dokumentacija.html

    2016-12-05

    monthly

    1

    http://webprog.danijelastanoevski.rs/nokti.html

    2016-12-05

    monthly

    0.7

    http://webprog.danijelastanoevski.rs/trepavice.html

    2016-12-05

    monthly

    0.7

    http://webprog.danijelastanoevski.rs/obrve.html

    2016-12-05

    monthly

    0.7

  • http://webprog.danijelastanoevski.rs/masaza.html

    2016-12-05

    monthly

    0.7

    http://webprog.danijelastanoevski.rs/depilacija.html

    2016-12-05

    monthly

    0.7

    http://webprog.danijelastanoevski.rs/rss.xml

    2016-12-05

    monthly

    0.7

  • 2.3Stranice 2.3.1 Index

  • 2.3.2 Usluge

  • 2.3.3 Cenovnik

  • 2.3.4 Galerija

  • 2.3.5 Kontakt

  • 2.3.6 Nokti

  • 2.3.7 Trepavice

  • 2.3.8 Obrve

  • 2.3.9 Masaža

  • 2.3.10 Depilacija

  • 3.Kodovi

    3.1 HTML

    3.1.1 index.html

    Kozmetički salon Valentina

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

  • Cenovnik

    Galerija

    Kontakt

  • Dobrodošli u kutak za negu lepote Valentina!


    Kada kročite u kozmetički salon Valentina nemate utisak da je

    to salon već zemlja snova gde ubrzo saznajete, zahvaljujući ljubaznom

    i profesionalnom osoblju, da ste vi u glavnoj ulozi u toj bajci i

    izlazite kao princeza, spremna da se suoči sa svim izazovima

    sa širokim osmehom na licu.... I nema potrebe za pitanjem

    "ogledalce, ko je najlepši na svetu", jer odgovor znate i bez toga

    Vi i samo vi! Divno je znati da takvo mesto postoji!


  • Pogledajte šta je danas

    aktuelno!

    Nadogradnja svilenih

    trepavica

    Dugačke, tamne i guste trepavice su oduvek

    izazivale divljenje.  Nadogradnja svilenih trepavica je izuzetno

    popularna tehnika nadogradnje jer

    ostavlja utisak prirodnih trepavica.   Maskara vam

    više neće biti potrebna uz nove, svilene trepavice koje se nadograđuju na

    vaše prirodne, novom metodom za prirodan, a pravi holivudski izgled.

    Gel lak

    Gel lak je odlična zamena za običan gel. Ojačava

    nokat do određene mere i garantuje savršen manikir.

    To je jedna mešavina materijala, koja spaja trajnost

    gelova u boji sa svojstvom jednostavnosti običnog laka za nokte.

  • Gellak trajni lak koji je postojan oko 3 nedelje, ne

    oštećuje nokatnu ploču i skida se acetonom.Kod nas u salonu imate izbor

    preko 60

    nijansi boja..

    Japansko iscrtavanje

    obrva

    Obrve su okvir lica, a lepe obrve mogu da poboljšaju

    doživljaj lepote kojom zrači lice. Skladne obrve mogu da otvore vaš pogled,

    ali da vas učine i privlačnijim u oku posmatrača.

    Pomoću japanske metode isrtavanja obrva uštedećete vreme

    svakog jutra tako što nećete morati da iscrtavate obrve krejonom, a

    imaćete u svakom

    trenutku i u svakoj prilici lepo oblikovane obrve koje se ne

    razmazuju.

  • Vrati se na vrh

    strane

    Početna

    Usluge

    Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

  • 3.1.2 usluge.html

    Kozmeticki salon Valentina

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • " target="blank">

    Pocetna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

  • Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Usluge

    if (window.XMLHttpRequest)

    {

    xmlhttp=new XMLHttpRequest();

    }

  • else {

    xmlhttp = new

    ActiveXObject("Microsoft.XMLHTTP");

    }

    xmlhttp.open("GET","usluge.xml",false);

    xmlhttp.send();

    xmlDoc=xmlhttp.responseXML;

    document.write("Naziv uslugeOpis

    uslugeCena");

    var

    usluge=xmlDoc.getElementsByTagName("Usluga");

    for (var i=0; i< usluge.length; i++)

    {

    document.write("");

    document.write(usluge[i].getElementsByTagName("naziv")[0].childNo

    des[0].nodeValue);

    document.write("");

    document.write(usluge[i].getElementsByTagName("opis")[0].childNod

    es[0].nodeValue);

    document.write("");

    document.write(usluge[i].getElementsByTagName("cena")[0].childNo

    des[0].nodeValue);

  • document.write("");

    }

    document.write("");

    Usluge

    * Nokti

    * Nadogradnja svilenih

    trepavica

    * Japansko iscrtavanje

    obrva

    * Masaža

    * Depilacija

  • Vrati se na vrh

    strane

    Pocetna

    Usluge

    Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmeticki salon Valentina

  • 3.1.3 cenovnik.html

    Kozmetički salon Valentina

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

  • Cenovnik

    Galerija

    Kontakt

  • Manikir

    Cena

  • Manikir/Lakiranje

    500,00/200,00

    Manikir + parafin

    700,00

    Parafinsko pakovanje ruku

    300,00

    Gel + gel-lak

    1000,00

    Gel-lak

    900,00

    Ojačavanje prirodnih noktiju

    gelom

  • 900,00

    Nadogradnja noktiju (tipse)

    1200,00

    Izlivanje noktiju (gel)

    1400,00

    Korekcija

    1000,00

    Ukrašavanje nokta komad

    50,00

    Komplet ukrašavanje

    300,00

  • Korekcija jednog nokta

    200,00

    Skidanje gela ili gel-laka +

    manikir

    500,00

    Pedikir

    Cena

    Estetski pedikir/lakiranje

  • 900,00/200,00

    Pedikir + gel

    1500,00

    Pedikir + gel-lak

    1400,00

    Depilacija za žene

  • Šećerna

    Topla

    Hladna

    Nasnice/brada

    150,00/250,00

    100,00/200,00

    /

    Celo lice

    /

    400,00

    /

    Prepone (bikini zona)

    400,00

    300,00

    /

  • Brazilka

    600,00

    500,00

    /

    Cele ruke/Pola ruku

    500,00/400,00

    400,00/300,00

    400,00/300,00

    Cele noge

    1000,00

    600,00

    600,00

    Pola nogu

    600,00

    400,00

  • 400,00

    Stomak

    400,00

    300,00

    300,00

    Ledja

    400,00

    300,00

    300,00

    Cele noge sa preponama

    /

    900,00

    900,00

    Cele noge sa brazilkom

    /

  • 1100,00

    1100,00

    Pazuh

    300,00

    200,00

    200,00

    Depilacija za muškarce

    Šećerna

    Topla

  • Hladna

    Cele noge sa preponama

    /

    /

    1300,00

    Cele ruke

    /

    /

    600,00

    Grudi

    /

    /

    600,00

  • Ledja

    /

    /

    700,00

    Tretmani lica i tela

    Cena

  • Biološki

    tretman(piling,masaža,maska)

    800

    Korekcija obrva

    300,00

    Farbanje obrva

    300,00

    Korekcija obrva + farbanje

    500,00

    Farbanje trepavica

    300,00

    Nadogradnja svilenih trepavica

    3000,00

  • Dopuna svilenih trepavica

    1500,00

    Trepavice u pramenovima

    1200,00

    Masaža za žene

    Cena

  • Masaža tela (parcijalno)-30min

    700,00

    Masaža tela komplet-1h

    1400,00

    Anticelulit masaža x 10 tret.-

    30min

    8000,00

  • Masaža za muškarce

    Cena

    Masaža tela(parcijalno)-30min

    800,00

    Masaža tela (komplet)- 1h

    1600,00

  • Japansko iscrtavanje

    obrva

    Cena

    Tretman japanskog iscrtavanja

    obrva

    10.000,00

    Osveženje boje

    3.000,00

  • Vrati se na vrh

    strane

    Početna

    Usluge

    Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

  • 3.1.4 galerija.html

    Kozmetički salon Valentina

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

  • Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • src="galerija/thumb/slika1.jpg" height="200px" width="200px" alt="Ulaz

    salona" />

  • Početna

    Usluge

    Cenovnik

    Galerija

  • Kontakt

    © 2016 Kozmetički salon Valentina

    3.1.5 kontakt.html

    Kozmetički salon Valentina

  • function init_map()

    {var myOptions = {zoom:14,center:new

    google.maps.LatLng(44.8673672,20.640521000000035),mapTypeId:

    google.maps.MapTypeId.ROADMAP};

    map = new

    google.maps.Map(document.getElementById("gmap_canvas"),

    myOptions);marker = new google.maps.Marker({map: map,position: new

    google.maps.LatLng(44.8673672, 20.640521000000035)});

  • infowindow = new

    google.maps.InfoWindow({content:"Kozmetički salon

    Valentina
    Vovode Petra Bojovica 12
    Pančevo" });

    google.maps.event.addListener(marker, "click",

    function(){infowindow.open(map,marker);});infowindow.open(map,marker);}

    google.maps.event.addDomListener(window, 'load', init_map);

    Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

  • Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Kontaktirajte nas:

  • Ime:

    Prezime:

    E-mail:

    Poruka:

  • Lokacija:

    Grad: Pančevo

    Ulica: Vojvode Petra Bojovića 12

    Telefon: 064 6688794

    Email:

    [email protected]


  • Početna

    Usluge

    Cenovnik

    Galerija

    Kontakt

  • © 2016 Kozmetički salon Valentina

    3.1.6 nokti.html

    Nega noktiju

  • Sitemap

  • Dokumentacija

      |

    Autor   |

    Početna

    Usluge

  • Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Nega noktiju

    Nokti predstavljaju ogledalo našeg zdravlja, a mnoge

    promene u organizmu se upravo manifestuju promenom boje i strukture

    naših noktiju.

    Pored toga nokti imaju i estetsku ulogu i predstavljaju

    ukras naših ruku.

    Brz tempo zivota nam ne ostavlje mnogo vremena za

    ulepšavanje, te posete manikiru jednom do dva puta mesečno pruža

    vidljive rezultate.

    Manikir je estetsko-higijensko

    sređivanje noktiju na rukama i zanoktica oko noktiju. Pod manikiranjem se

    podrazumeva odstranjivanje masnih naslaga sa nokatne ploče, potiskivanje

    ili sečenje zanoktica, oblikovanje noktiju, zatvaranje pora nokatne ploče

    calcium oil-om, nega ispucale i suve kože zanoktica i lakiranje.

    I dan danas, francuski manikir (French) je najbolje rešenje jer se slaže uz

    sve,veoma je elegantan,lepo izgleda kako na dugačkim, oblim tako i na

    kratkim, četvrtastim noktima. MIslim da je naš dragi frenč zasluženo na

    tronu već skoro 30 godina.

    Gel lak

  • Pre desetak godina u svetu lepote pojavila se jedna veoma praktična stvar

    - takozvani gel lak. Od tada sve više njih traži ovo rešenje kod manikira.

    Neoboriva je činjenica to da gel lakovi postaju sve traženiji, i sve je više

    onih žena koje su koristile nadogradnju noktiju gelom, a sad se odlučuje za

    gel lak.

    Upotreba gela laka je relativno jednostavna. Nanosi se jednostavnim

    pokretima četkice, na pravilno pripremljenu nokatnu ploču. Stručno nanet

    gel lak potrajaće i do 3-4 nedelje!

    Kod nas u salonu možete da se odlučite za IBD-just gel polish i CND-

    Shellac!

    IBD Just Gel Polish

    Nova dimenzija manikira za jače i lepše nokte sa 100% UV gel-lakom u

    boji.

    Više prednosti sa novom, snažnijom formulom gela: Just Gel Polish traje

    danima, bez pucanja.

    Izdržljiv je kao klasičan gel. Jednostavno se nanosi, kao lak za nokte.

    Pruža bogatu, dugotrajnu i ravnomernu boju.

    Štedi vreme jer se brzo suši u LED ili UV lampi. Daje izuzetno visok

    završni sjaj i štiti prirodne nokte.

    Lako se uklanja, za samo 10 minuta (s Polish Removerom). IBD Just Gel

    Polish je mnogo jednostavniji za upotrebu od drugih UV lakova.

  • Posebno otporan, jak i dolazi u preko 80 senzacionalnih nijansi, idealnih

    za svaku priliku.

    CND-Shellac se nanosi se kao lak, nosi se kao najkvalitetniji gel, odmah

    suši, besprekorno sija i traje do 14 dana!

    Skida se za samo 10 minuta. Ne oštećuje nokte! Hipo-alergijski proizvod,

    bez mirisa, ne sadrži formaldehide, toulen i DBP (Dibutyl phthalate)

    kao većina lakova i sličnih proizvoda na tržištu.

    Shellac je otporan na grebanje, udarce, vodu i delovanje sredstava za

    pranje posuđa i hemikalija za čišćenje kuće.



    Pedikir

    U današnje vreme estetski pedikir nije više luksuz, već podrazumeva

    osnovnu, neophodnu higijenu Vaših stopala.

    Poklonite im pažnju koju zaslužuju. Uz pravilno i redovno održavanje

    sačuvajte zdravlje Vaših stopala.

  • Redovna poseta pedikiru ujedno je i preventiva mnogobrojnih problema i

    bolesti koje vrebaju Vaša stopala, a koje stručno

    lice može prepoznati i sprečiti na vreme.

    Vaša stopala i nokti u pravim rukama, biće tretirani vrhunskim proizvodima

    uz stručnu i bezbednu obradu.

    To je naš zadatak , a cilj Vaša sreća i zadovoljstvo. Od nege pa do

    ukrašavanja noktiju, mi Vam možemo ispuniti sve Vaše želje.

    Negovane noge nisu slučajnost, a Vaša stopala će Vam biti zahvalna i

    uspešno Vas nositi kroz život.

    Vrati se na vrh

    strane

    Početna

    Usluge

    Cenovnik

    Galerija

    Kontakt

  • © 2016 Kozmetički salon Valentina

    3.1.7 trepavice.html

    Nadogradnja trepavica

  • Sitemap

    Dokumentacija

      |

    Autor   |

    Početna

  • Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Svilene trepaavice

    Maskara vam više neće biti potrebna uz nove, svilene

    trepavice koje se nadograđuju na vaše prirodne novom metodom, za

    prirodan a pravi holivudski izgled.

    Novi metod produžavanja trepavica svilenim nitima daje

    vam onaj fini, zavodljiv pogled i tajanstven izgled, i dozvoljava da sa svojim

    sjajnim svilenim trepavicama plivate, sunčate se, tuširate se, namigujete,

    bez straha da ćete ih izgubiti.

    Jedino što treba da uradite je da ih, s vremena na vreme

    dogradite.

    Svilene trepavice su identične prirodnim,Stavljaju se

    direktno na dlaku, a sa njom i otpadaju. Baš kao i vlasi kose, i trepavice

    imaju svoj prirodni životni ciklus, pa kada otpadne jedna trepavica,

    na njenom mestu raste nova. Tako da svilene trepavice

    ne otpadaju sa prirodne, nego zajedno s njom,

    pa je zato potrebno nadograditi novu svilenu trepavicu na

    novu prirodnu. U proseku je potrebno jednom mesečno dopuniti ih.



    U čemu je novost i prednost svilenih trepavica u odnosu na

    prethodne varijante:

  • Svaka nit se pojedinačno nadograđuje specijalnim lepkom na jednu

    prirodnu trepavicu, pa deluje savršeno prirodno.

    Trepavice su dostupne u više boja i dužina, kako bi se sasvim stopile sa

    vašim prirodnim.

    Tretman je bezbolan i traje između sat i dva, zavisno od broja trepavica

    koje se nadograđuju.

    Važno je da znate i da na nadogradnju treba da dođete bez ikakve šminke,

    jer šminka otežava nanošenje vlakana, baš kao i bilo kakva krema koja se

    nanosi na očnu zonu i trepavice.

    Vaše prirodne trepavice neće biti oštećene.

    Na ove trepavice možete staviti maskaru, ali ne koristite vodootpornu za

    čije uklanjanje su potrebni uljni skidači šminke. Uostalom, nećete ni imati

    potrebu da stavljate maskaru!

    Vrati se na vrh

    strane

    Početna

    Usluge

    Cenovnik

  • Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

    3.1.8 obrve.html

    Korekcija obrva

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Pocetna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Metoda japanskog isrctavanja obrva

    Tretman iscrtavanja obrva traje od 1h do 1,5h(samo aplikovanje boje 20-

    ak minuta dok se ostatak vremena troši na odredjivanje simetrije).

    Prilikom iscrtavanja japanskom metodom vaše dlačice se ne čupaju već se

    iscrtava izmedju njih. Sam tretman nije bolan jer se boja aplikuje u sloj kože

    koji nije inervisan I prokrivljen(a I koristi se anestetik u toku istog).


    Posle tretmana nema krastica niti otoka.

    Crvenilo se moze javiti prilikom rada oko obrva , ali se povlači za

    maximalno sat vremena.

    Prva korekcija se radi dve do tri nedelje posle tretmana I ona je gratis.

    Tretman se završava prvom korekcijom(osim u slucajevima problematične

    koze) I tada se posmatra kao konačan.


    Boja, gustina, debljina – posle prvog tretmana nisu konačna.

    Boja ce biti svetlija za 20-30%, debljina tanja za 10-15%, a gustina se

    može povećati samo na korekciji.

    Prva korekcija- na prvoj korekciji se toleriše nestanak dlačica, koje se na

    istoj ponovo iscrtavaju.

  • Osveženje boje- jednom godišnje se savetuje osveženje boje I tako im

    produzavate vek za godinu dana.


    Kod problematične kože boja će trajati dosta kraće, nego kod normalne

    koze, I moraće više puta godišnje da se osvežava, jer kod problematične

    kože ćelije se obnavljaju mnogo brže, a to su I spoljašnji faktori: sunce,

    abrazivni tretmani lica.

    Što znači,da je trajnost boje individualna, pigment se aplikuje u epiderm I

    vezuje se za ćelije tog sloja kože I traje upravo toliko koliko I same celije.



    Vrati se na vrh

    strane

    Pocetna

    Usluge

  • Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmeticki salon Valentina

    3.1.9 masaza.html

    Masaža tela

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

    Kontakt

  • Masaža tela

    Masaža tela je jedna od najpoznatijih metoda opuštanja i

    lečenja, obuhvata niz raznovrsnih tehnika,a bazira se na

    lupkanju,pritiskanju ,istezanju i gladjenju mišića i vezivnog tkiva sa

    različitim intenzitetom.


    U suštini, masaža tela stara je koliko i čovek, jer ljudsko biće

    instinktivno trlja delove tela koji ga bole ili su otekli. Danas, zbog

    svakodnevnog stresa, raste interesovanje za masažu kojom se može

    postići harmonizacija psihofizičkih funkcija.Terapeuti u tretmanu obično

    koriste ruke i prste, ponekad i podlaktice, laktove i stopala.


    Svrhu masiranja je veoma lako objasniti,naime mišićima su za bolji i

    efikasniji rad potrebni hrana, kiseonik i odmor.

    U čovekovom organizmu krv obezbeđuje mišićima sve što im je

    neophodno za normalno funkcionisanje, a masaža celog tela ubrzava

    cirkulaciju, što znači da obezbeđuje više kiseonika i uklanja štetne materije

    iz tkiva, opuštajući telo i stvarajući preduslove za dobro zdravlje.


    Brojne su zdravstvene koristi koje nam donosi ova drevna

    terapeutska veština, a to su:

    Opuštanje celog tela

  • Ubrzavanje cirkulacije

    Smanjenje bolova u mišićima

    Detoksikacija organizma

    Poboljšanje sna

    Smanjenje stresa

    Regulacija krvnog pritiska

    Poboljšanje koncentracije

    Jačanje imuniteta

    Vraćanje čitavog organizma u ravnotežu

    Poboljšanje varenja

    Zatezanja kože

    Smanjenje celulita

    Vrati se na vrh

    strane

    Početna

  • Usluge

    Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

    3.1.10 depilacija.html

    Depilacija

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

    Galerija

  • Kontakt

  • Depilacija

    Depilacija je odavno postala nezaobilazni tretman

    ulepšavanja, a depilacija voskom i dalje je jedna od najpouzdanijih metoda.

    Postoje naučni dokazi da kada se radi redovno,

    vremenom dovodi do slabljenja korena dlake i vidnog smanjenja broja

    novoizraslih malja.

    Bez obzira koju od mnogih vrsta depilacija izaberete

    najvažnije je da se odradi stručno da bi se izbegle povrede kože,

    nepravilno čupanje i urastanje dlake. Višestruka je korist

    uklanjanja dlačica na ovaj način. Prvenstveno izdepilirana i negovana koža

    nas čini lepšim i privlačnijim, te se na ovaj način svakako dobija i na

    samopouzdanju.

  • Depilacija šećernom pastom predstavlja

    najnežniju i najnapredniju metodu uklanjanja neželjenih dlačica.

    Zanimljivo je to što je ova metoda uklanjanja neželjenih dlačica veoma

    stara. Potiče sa bliskog istoka, gde je i danas najčešće rešenje za jedan od

    najvećih ženskih problema.

    Otklanjanje dlaka prilikom ovog tretmana se radi u prirodnom smeru rasta

    dlake, za razliku od drugih vrsta depilacije. Ovom metodom uklanjaju se i

    najstitnije dlake, te nema potrebe da čekate da izrastu do određene dužine,

    kao što je to slučaj sa depilacijom voskom.

    Depilacija šećernom pastom može da traje i do 4-5 puta duže od depilacije

    voskom jer je kompleksnija za rad. Takođe joj je i cena nešto viša.

    Vremeski period između svake depilacije se znatno povećava, a dlake su

    sve ređe, te se ova vrsta depilacije često naziva i epilacijom.

    Prilikom ovog tretmana se koriste isključivo prirodni sastojci što svakako

    predstavlja i najzdraviji metod. Nema sadrži hemijske dodatke koji mogu da

    iritiraju kožu, te ne izaziva nikakve alergije čak ni kod klijenata sa veoma

    osetljivom kožom.

    Depilacija šećernom pastom je idealna za one sa osetljivom kožom. Ne

    izaziva alergije i lako se uklanja sa tela običnom vodom.

  • Vrati se na vrh

    strane

    Početna

    Usluge

    Cenovnik

    Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

  • 3.1.11 autor.html

    Kozmetički salon Valentina

  • Sitemap

    Dokumentacija

      |

    Autor   |

  • Početna

    Usluge

    Nokti

    Nadogradnja svilenih trepavica

    Japansko iscrtavanje obrva

    Masaža

    Depilacija

    Cenovnik

  • Galerija

    Kontakt

  • Danijela Stanoevski,

    rođena

    18.02.1996. godine u Pančevu. Završila srednju tehničku školu "23 Maj".



  • Interesovanje za internet tehnologije

    proisteklo je iz stručnog mišljenja osoba koje se bave web programiranjem,

    pa podstaknuta sopstvenim istraživanjima odlučuje

    da upiše Visoku školu strukovnih studija za

    informacione i komunikacione tehnologije.



    Željna znanja, 2015. upisuje Visoku školu

    strukovnih studija za informacione i komunikacione tehnologije,

    smer Internet tehnologije i nada se da će

    uspešno završiti studije i biti stručna u svojoj oblasti.

    Početna

    Usluge

    Cenovnik

  • Galerija

    Kontakt

    © 2016 Kozmetički salon Valentina

  • 3.2 JavaScript i jQuery

    3.2.1 glavni.js

    /* meni */

    $(document).ready(function(){

    $('#menipo li ul').css({

    display: "none",

    left: "auto"

    });

    $('#menipo li').hover(function() {

    $(this)

    .find('ul')

    .stop(true, true)

    .fadeIn(300);

    }, function() {

    $(this)

    .find('ul')

    .stop(true,true)

    .fadeOut(300);

    });

    /*slider*/

  • rotatePics(1);

    function rotatePics(currentPhoto) {

    var numberOfPhotos = $('#slider img').length;

    currentPhoto = currentPhoto % numberOfPhotos;

    $('#slider img').eq(currentPhoto).fadeOut(function() {

    $('#slider img').each(function(i) {

    $(this).css(

    'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos

    );

    });

    $(this).show();

    setTimeout(function() {rotatePics(++currentPhoto);}, 4000);

    });

    };

    //animacija scroll to

    $('#vrati').click(function(){ //ovo je obicna animacija da kad se klikne na

    link on skroluje na vrh strane

    $.scrollTo(0,'slow');

    return false;

  • });

    //zebra tabela za usluge

    $('#tabela tbody tr:odd').addClass('zebraTabela');

    //tabela cenovnik

    $("#tabelaNokti tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaNokti tbody tr').hover(function(){ //na svaki red primenjujem

    hover, to znaci zelim da se nesto desi kad predjem misem, i da se nesto

    desi kad se sklonim misem

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelaDepilacija tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaDepilacija tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

  • $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelaMuskarci tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaMuskarci tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelaPedikir tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaPedikir tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelalt tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelalt tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

  • $("#tabelaMasaza tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaMasaza tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelaMasazam tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaMasazam tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

    $("#tabelaO tbody tr:even").addClass("tabelaCenovnik");

    $('#tabelaO tbody tr').hover(function(){

    $(this).addClass('tabelaCenovnikHover');

    }, function(){

    $(this).removeClass('tabelaCenovnikHover');

    });

  • $('p.ha').animate({ //animacija za svaki p tag koji ima klasu ha - da dobije

    padding kad se ucita stranica i border i to traje dve sekunde

    padding: '20px',

    borderBottom: '2px solid #c03572' }, 2000);

    });//kraj pocetne funkcije

    3.2.2 pretraga.js

    function pretraga(){

    var rec =

    document.getElementById("Pretraga").value.toUpperCase();

    if(rec == "")

    {

    alert("Niste uneli reč u polje za

    pretragu!");

    }

    else

    {

    $('#pretraga').show('slow');

  • if(window.XMLHttpRequest){

    xmlhttp = new

    XMLHttpRequest();

    }

    else{

    xmlhttp = new

    ActivXObject("Microsoft.XMLHTTP");

    }

    xmlhttp.open("GET","usluge.xml",false);

    xmlhttp.send();

    xmlDoc=xmlhttp.responseXML;

    var rezultat = "";

    var usluge =

    xmlDoc.getElementsByTagName("Usluga");

    for(var i=0; i

  • if(naziv.toUpperCase().indexOf(rec)>=0){

    rezultat+="Naziv usluge:

    "+usluge[i].getElementsByTagName("naziv")[0].childNodes[0].nodeValue+"

    Opis:

    "+usluge[i].getElementsByTagName("opis")[0].childNodes[0].nodeValue;

    break;

    }

    }

    if(rezultat==""){

    document.getElementById("pretraga").innerHTML="Niste uneli

    nijednu uslugu za pretragu za pretragu.";

    }

    else{

    document.getElementById("pretraga").innerHTML=rezultat;

    }

    }

    }

  • 3.2.3 kontakt.js

    function prijava()

    {

    var ime = document.getElementById('tbIme');

    var prezime = document.getElementById('tbPrezime');

    var email = document.getElementById('tbEmail');

    var poruka = document.getElementById('taPoruka');

    var reIme = /^[A-Z]{1}[a-z]{2,14}$/;

    var rePrezime = /^[A-Z]{1}[a-z]{2,19}$/;

    var reMail = /^([0-9a-zA-Z]+([_.-]?[0-9a-zA-Z]+)*@[0-9a-zA-Z]+[0-9a-

    zA-Z,.,-]*(.){1}[a-zA-Z]{2,4})+$/

    var greske = new Array();

    var greskeID = new Array();

    var sadrzaj = new Array();

  • if(ime.value.match(reIme))

    {

    ime.style.border="1px solid #ccc";

    }

    else

    {

    greske.push("Ime nije u dobrom formatu!");

    greskeID.push(ime.id);

    }

    if(prezime.value.match(rePrezime))

    {

    prezime.style.border="1px solid #ccc";

    }

    else

    {

    greske.push("Prezime nije u dobrom formatu!");

    greskeID.push(prezime.id);

    }

  • if(email.value.match(reMail))

    {

    email.style.border="1px solid #ccc";

    }

    else

    {

    greske.push("Email nije u dobrom formatu!");

    greskeID.push(email.id);

    }

    if(greske.length == 0)

    {

    var tekst = "Vaša poruka je uspešno poslata!";

    document.getElementById('ispis').innerHTML ="
    "+

    tekst;

    }

    else

    {

  • for(var i = 0; i < greskeID.length; i++)

    {

    document.getElementById(greskeID[i]).style.border="1px

    solid red";

    }

    var listaGresaka = "";

    for(var i = 0; i < greske.length; i++)

    {

    listaGresaka += greske[i] + "
    ";

    }

    document.getElementById('ispis').innerHTML = listaGresaka;

    }

    }

    3.2.4 fensi.js

    $(".fancybox").fancybox({

    helpers : {

    overlay : {

  • css : {

    'background' : 'rgba(28, 42, 45, 0.65)'

    }

    }

    }

    });

    3.3 XML, XSL

    3.3.1 usluge.xml

    Manikir

    Manikir je estetsko-higijensko sređivanje noktiju na

    rukama i zanoktica oko noktiju. Pod manikiranjem se podrazumeva

    odstranjivanje masnih naslaga sa nokatne ploče, potiskivanje ili sečenje

    zanoktica, oblikovanje noktiju, zatvaranje pora nokatne ploče calcium oil-

    om, nega ispucale i suve kože zanoktica i lakiranje.

    500,00

  • Pedikir

    Noge i stopala su najopterećeniji delovi našeg tela. Koža

    na stopalima stari brže od kože ostalih delova tela, jer je podvrgnuta

    brojnim spoljnim uticajima kao što su obuća, odeća, fizičko opterećenje itd.

    Kompletna nega stopala koju pružamo, učiniće Vaš korak lakšim i stopalo

    lepšim. Pedikirom se neguje koža stopala i ulepšava izgled noktiju.

    Tretman počinje kupkom stopala, čime koža omekšava i spremna je za

    čišćenje i odstranjivanje tvrde kože i lakše sečenje noktiju. Sledi hidratacija

    i masaža stopala, uređivanje i lakiranje noktiju, naravno prema Vašim

    željama. Nakon tretmana, Vaša stopala će izgledati odmorno i negovano.

    1500,00

    Gel lak

    Gel lak je odlična zamena za običan gel. Ojačava nokat

    do određene mere i garantuje savršen manikir. To je jedna mešavina

    materijala, koja spaja trajnost gelova u boji sa svojstvom jednostavnosti

    običnog laka za nokte. Gellak trajni lak koji je postojan oko 3 nedelje, ne

    oštećuje nokatnu ploču i skida se acetonom.Kod nas u salonu imate izbor

    preko 60 nijansi boja..

    900,00

  • Nadogradnja trepavica

    Jedna od glavnih stvari koje ženski šarm čini onim što

    jeste jeste „pogled ispod trepavica“. Bujne, uvijene trepavice, je ono što će

    sigurno učiniti vaš izgled neodoljivim čak i kada na sebi ne nosite šminku.

    One, koje priroda nije nadarila ovim darom, moraju da pribegnu drugim

    metodama da to postignu. Bilo da vam je dovoljna maskara, ili volite za

    posebne prilike da nalepite veštačke trepavice, ono što će vam trajati i

    delovati potpuni prirodno su svilene trepavice.

    3000,00

    Japansko iscrtavanje obrva

    Ovom metodom je otvorena mogućnost iscrtavanja

    obrva i do 50% gušće i tanje kao i izgled hiper realističnih dlačica koje

    simuliraju čak i odsjaj prirodne dlačice. Kod microbladinga se takođe otišlo

    dalje u odnosu na ranije metode, jer obrva izgleda toliko prirodno, da Vas

    niko neće pitati da li ste je iscrtavali.

    10.000,00

    Masaža

    MASAŽA je postupak koji bi trebalo da bude sastavni

    deo nege tela, kao što je to odavno u mnogim zemljama Azije, iako je kod

  • nas veliki broj ljudi još uvek vezuje samo za ulepšavanje. Masaža,

    međutim, može imati različite ciljeve, pa se prema tome deli na kozmetičku,

    lekovitu, sportsku, rehabilitacionu, rekreacionu, i dr.

    1400,00

    Depilacija

    Uklanjanje dlačica, odnosno depilacija, postala je obavezni

    deo nege. Ne samo da se postiže efekat nežne i glatke kože, nego se

    obavlja i neophodan piling, čime se uklanjaju mrtvi slojevi kože. Određenim

    tipovima kože više prija depilacija toplim, odnosno hladnim voskom, dok je

    za žene koje imaju malje samo na određenim delovima tela i epilacija jedan

    od izbora

    900,00

    3.3.2 usluge.xsl

  • Naziv usluge

    Opis usluge

    Cena

    3.3.3 rss.xml

  • Nokti:

    nokti.html

    Danijela Stanoevski

    Gel lak je odlična zamena za običan gel. Ojačava

    nokat do određene mere i garantuje savršen manikir. Gellak trajni lak

    koji je postojan oko 3 nedelje, ne oštećuje nokatnu ploču i skida se

    acetonom.Kod nas u salonu imate izbor preko 60 nijansi

    boja..

    Japansko iscrtavanje obrva

    obrve.html

    Danijela Stanoevski

    Iskoristite popust i uradite ovaj savršen tretman,

    više vam neće bitni potrebna olovka za obrve. Neka se svi okreću za vašim

    obrvama. Imaćete sjajan izgled i bićete u trendu

    Depilacija šećernom pastom

    depilacija.html

    Danijela Stanoevski

    Depilacija šećernom pastom predstavlja

    najnežniju i najnapredniju metodu uklanjanja neželjenih dlačica. Uradite

  • ovu depilaciju još danas . Depilacija šećernom pastom je idealna za one sa

    osetljivom kožom. Ne izaziva alergije i lako se uklanja sa tela običnom

    vodom.

    Nadogradnja svilenih trepavica

    trepavice.html

    Danijela Stanoevski

    Novi metod produžavanja trepavica svilenim

    nitima daje vam onaj fini, zavodljiv pogled i tajanstven izgled, i dozvoljava

    da sa svojim sjajnim svilenim trepavicama plivate, sunčate se, tuširate se,

    namigujete, bez straha da ćete ih izgubiti.