Balkan SA:MP

Gledam nesto po guglu i skontao sam kako napraviti transparent navbar ( nisam probao al sam skontao kod )

E sad super je to ali me zanima kako se moze slika staviti ispod navbara,ako znate na sta mislim

Citat: Nervozni ãƒ,, poslato April 02, 2017, 17:40:55 POSLE PODNE

Kao ovo ?

(http://noobot.info/uploader/image.php?di=67M3)

dap

Kod mene je ovako


Ovo je za slike da se listaju:
<!-- Slideshow Background  -->
<script>
$.vegas('slideshow', {
  delay:5000,
  backgrounds:[
     { src:'./img/nature1.jpg', fade:2000 },
{ src:'./img/bw1.jpg', fade:2000 },
    { src:'./img/nature.jpg', fade:2000 },
   { src:'./img/forest.jpg', fade:2000 }
   
  ]
})('overlay', {
src:'./img/overlay.png'
});

</script>
<!-- /Slideshow Background -->

<!-- Mixitup : Grid -->
    <script>
$(function(){
    $('#Grid').mixitup();
      });
    </script>
<!-- /Mixitup : Grid -->


A ovo je od Navbar-a

    <!-- /Header Area -->
  <div id="nav">
    <!-- Navigation -->
    <nav class="navbar navbar-new" role="navigation">
   <div class="container">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mobilemenu">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
<a href="#" class="navbar-brand">Nervozni</a>
  </div>
  <div class="collapse navbar-collapse" id="mobilemenu">

  <ul class="nav navbar-nav navbar-right text-center">
    <li><a href="#top"><i class="service-icon fa fa-home"></i>&nbsp;Home</a></li>
        <li><a href="#about"><i class="service-icon fa fa-info"></i>&nbsp;About</a></li>
        <li><a href="#services"><i class="service-icon fa fa-laptop"></i>&nbsp;Services</a></li>
        <li><a href="#contact"><i class="service-icon fa fa-envelope"></i>&nbsp;Contact</a></li>
    </ul>
  </div><!-- /.navbar-collapse -->
  </div>
</nav>
    <!-- /Navigation -->

A u CSS

/* Navbar */
#nav {
margin-bottom:-20px;
}
.navbar {
border-radius:0px !important;
}
.navbar-new {
  background-color: rgba(0, 0, 0, 0.6);
}
.navbar-new .navbar-brand {
  color: #f1f1f1;
}
}
.navbar-new .navbar-text {
  color: #f1f1f1;
}
.navbar-new .navbar-nav > li > a {
  color: #f1f1f1;
}
.navbar-new .navbar-nav > li > a:hover,
.navbar-new .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0.8);
}
.navbar-new .navbar-toggle {
  border-color: #dddddd;
}
.navbar-new .navbar-toggle:hover,
.navbar-new .navbar-toggle:focus {
  background-color: #000000;
}
.navbar-new .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-new .navbar-collapse,
.navbar-new .navbar-form {
  border-color: #e6e6e6;
}
.navbar-new .navbar-nav > .dropdown > a:hover .caret,
.navbar-new .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.navbar-new .navbar-nav > .open > a,
.navbar-new .navbar-nav > .open > a:hover,
.navbar-new .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
.navbar-new .navbar-nav > .open > a .caret,
.navbar-new .navbar-nav > .open > a:hover .caret,
.navbar-new .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar-new .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}
@media (max-width: 767px) {
  .navbar-new .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-new .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-new .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-new .navbar-link {
  color: #777777;
}
.navbar-new .navbar-link:hover {
  color: #333333;
}
/*Navbar */

Za providnost koristis RGBa boje

Sve je 0 a A ti je providnost od 0 do 255 kao u sampu

Citat: #Kasperzi ãƒ,, poslato April 02, 2017, 18:14:16 POSLE PODNE
Za providnost koristis RGBa boje

Sve je 0 a A ti je providnost od 0 do 255 kao u sampu

Ne treba meni providnost nego kad je navbar providan kako da slika ide gore do kraja stranice kao da ne postoji navbar