ForM4iN

Of course you will need to include bootstrap and w3css together, since the latest link you provided is a Bootstrap example, the code I provided is for w3css, which may course a bit of conflict.

Yes! It should as long as the links have the required class name, and onclick event to call required function.

The Problem was, that your code is focused on tabs, isnt it? Because when i clicked that link i couldnt scroll anymore and could only see the content of the linked id.

Okay yeah sry!

It works for the tabs!

But then the scroll function is disabled!

Can also do this with scrolling from id to id and the color changes?

Like this: (scrollspy?)

http://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_scrollspy_affix&stacked=h

but with a different active color in the menu!

Not that we talk different things:

If i have this navbar:

But isnt the link-color then always black? i want it just in the specified section!

Could you give me an example please i dont get it :/

It does not use JavaScript, you would just add required text colour class to link that represents current page you have landed on.

And how do i do this with a onepager and a #example url navigation? sry for asking so much

Or does this script also work with the normal navigation?

So that my first link is green my second is blue...

http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_navbar_active

And it should work on a onepage.

I want the tabs to be my menu. And to have more accessibility it would be nice to scroll between the tabs

Is there also a function, where i can use scrollup and scrolldown to switch the tabs right and left?

Imean when i sroll down the first tab switches to the second?

Not in present state but with

function openCity(evt, cityName) {

var Tabcolor=['red','blue','green'];// set colours for tabs same sequence order the tabs are in

  var i, x, tablinks;
  x = document.getElementsByClassName("city");
  for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
      
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < x.length; i++) {
  tablinks[i].dataset.indexRef=i;
  var tabColorRef=Tabcolor[tablinks[i].getAttribute("data-index-ref")];
  tablinks[i].className = tablinks[i].className.replace(" w3-"+tabColorRef, "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " w3-"+Tabcolor[evt.currentTarget.getAttribute("data-index-ref")];
}

Yes!

Thank you so much!!

Does it work to set the first tab red like it is, the second blue, and the third green?

http://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_tabulators_active

Hey,

is there in W3 already a script, or do i even need one, when i want, that:

my active menu background to switch colors, when i scroll to a new section on my page?

thx for the feedback!

Maybe you can make the accordion open on the left and right site, too!

So u have:

w3-accordion, w3-accordion-left and w3-accordion right.

Hey,

can i include the html code from w3 in my wordpress site?

or is this just for building a site without any other programs?

Alright thank you!

Can you send me a link?

And can i costumize it?

Well i build a website with Brackets.

so without things like Wordpress and so on

Hey guys,

i want to include a forum on my website.

How can i do this?

And maybe there is a way to make a template for this in w3, too?

Hope for reply: David