General Free Credits wrote:

Just read the article, I dont think it will work for me in bootstrap 3.0 so Thanks any ways D.M I'm going to have to fold on this one and go with the opacity png img ... unless I can find a website with what I want and steel the code with Firebug

General Free Credits wrote:

:twisted: Will do! I'm currently working on a project to create a one page website with the latest coding techniques

<div class="navbar-wrapper">
<div class="navbar navbar-transparent navbar-static-top">
<div class="container">
<div class="navbar-inner">
<a class="brand" href="#">Brand</a>

<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="divider-vertical"></li>
<li><a href="#">More</a></li>
<li><a href="#">Options</a></li>
</ul>
</div>
</div>
</div>
</div>





.page-header {
margin-top:0;
}

.panel-body {
padding-top:0;
}

/* Navigation bar*/
.navbar-inner {
background:rgba(0,0,0,.75)

}


.navbar-text {
color: #fff;
font-size:13px;

}

.navbar .brand{
color:#fff;

}

.navbar .nav >li>a{
color:#fff;

}

.nav-container {
padding-top: 2%;

}



.menu-nav {
float: none;

}

xhynrae wrote:

Did you ever figure out the transparency code? will gave a go at this...lol...should prob go check out bootstrap first...
Gradient opacity?

Code

.navbar-custom1 .navbar-inner {
background: -moz-linear-gradient(top,  rgba(177,0,0,0.65) 0%, rgba(255,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,0,0,0.65)), color-stop(100%,rgba(255,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(177,0,0,0.65) 0%,rgba(255,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(177,0,0,0.65) 0%,rgba(255,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(177,0,0,0.65) 0%,rgba(255,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(177,0,0,0.65) 0%,rgba(255,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6b10000', endColorstr='#00ff0000',GradientType=0 ); /* IE6-9 */
}

General Free Credits wrote:

:doubt: For real? oh my I thought I had explained my self properly.. I need a kick for that