Stworzenie diva na podstawie podanego szablonu.

Question

Witam.

Znalazłem w sieci szablon strony, który przypadł mi do gustu. Wyciąłem z niego fragment, który chciałbym zastosować na swojej stronie. Oto ten fragment:

https://zapodaj.net/07fc536f7a21b.jpg.html

Jak widać znajdują się tam na górze przyciski [Homepage], [About]. Weźmy pod uwagę tylko te oba przyciski.

Jak stworzyć diva, aby te oba przyciski były przyczepione do zawartości szarego tła?

Na Homepage chciałbym stworzyć info1, na About - info2. Zależy mi, aby po kliknięciu na About pokazało się info2 na tej samej zawartości szarego tła.

Wiecie może jaki zastosować do tego kod?

Answer 1

Nie do końca rozumiem o jakie przyciski ci chodzi, Masz na myśli ten czarny przycisk z napisem "Learn more"?

Comments

Chodzi mi o te przyciski na górze - Homepage, About itd...

---

Te przyciski nie są częścią obrazka tylko mają ten sam kolor co górna część gradientu. Po prostu weź obrazek i sprawdź jaki ma kolor jego górna część, a następnie background-color diva ustaw na ten sam kolor.

---

Ta strona jest posklejana przy pomocy Photoshopa, czyli element po elemencie. Postaram się pokombinować z kodem...

Answer 2

Bez podania kodu chcesz aby ktoś to wywróżył jak? Inspect element, podstawy CSS i jedziesz...

Answer 3

Takie menu z zakładkami wygląda na podobne do nawigacji na bazie "tabs" albo "pills" w Boostrapie:

http://getbootstrap.com/components/#nav