Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][BootStrap] Menu nawigacyjne w stylu podanym w przykładzie.
DonPolaczek
post 20.02.2015, 02:02:51
Post #1





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Witam serdecznie, mam taki problem ponieważ tworzę sobie projekt do którego używam Twitter Bootstrap i zaprojektowałem sobie takie menu w Photoshop i zupełnie nie mogę sobie z tym poradzić aby ten mały trójkącik co pojawia się przy wyborze strony działał poprawnie oraz ta mała przedziałka koloru zółtego z prawej strony np Strona Główna i ten element |

Jakieś sugestię na prawdę proszę o pomoc.
Go to the top of the page
+Quote Post
ilidir
post 20.02.2015, 07:30:18
Post #2





Grupa: Zarejestrowani
Postów: 183
Pomógł: 14
Dołączył: 27.09.2014

Ostrzeżenie: (0%)
-----


Co do pionowej "kreski" poczytaj tutaj - http://forum.php.pl/index.php?showtopic=212280

Co do trójkącika to możesz go po najechaniu na pozycje menu wyśweitlać w postaci obrazka pod daną pozycją menu.
Go to the top of the page
+Quote Post
Jarma
post 20.02.2015, 08:43:20
Post #3





Grupa: Zarejestrowani
Postów: 36
Pomógł: 11
Dołączył: 20.07.2009

Ostrzeżenie: (0%)
-----


To może pomóc
Go to the top of the page
+Quote Post
DonPolaczek
post 20.02.2015, 12:07:09
Post #4





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Dziękuję bardzo Panowie, mam pytanie a mianowicie czy da się jakoś ustalić klasę tabeli dla każdej z osobna czyli
Tabela nr 1:
  1. <ul>
  2. <li><p>Strona Główna</p></li>
  3. <li><p>Jak to działa</p></li>
  4. <li><p>Oferta</p></li>
  5. <li><p>Portfolio</p></li>
  6. <li><p>Kontakt</p></li>
  7. </ul>

Ma inną klasę css dla dla ul, li oraz p
Jak i Tablera nr2:
  1. <ul>
  2. <li><p>Tlen</p></li>
  3. <li><p>o2</p></li>
  4. <li><p>Gmail</p></li>
  5. <li><p>Yahoo</p></li>
  6. <li><p>Onet</p></li>
  7. </ul>

Ma swoje właściowści css ?

Ten post edytował DonPolaczek 20.02.2015, 12:07:27
Go to the top of the page
+Quote Post
Jarma
post 20.02.2015, 12:17:03
Post #5





Grupa: Zarejestrowani
Postów: 36
Pomógł: 11
Dołączył: 20.07.2009

Ostrzeżenie: (0%)
-----



Takie coś ?
Go to the top of the page
+Quote Post
DonPolaczek
post 21.02.2015, 00:25:58
Post #6





Grupa: Zarejestrowani
Postów: 64
Pomógł: 0
Dołączył: 19.01.2015

Ostrzeżenie: (0%)
-----


Dokładnie przyjacielu wielkie dzięki !.
Go to the top of the page
+Quote Post
NickOver
post 21.02.2015, 14:16:12
Post #7





Grupa: Zarejestrowani
Postów: 332
Pomógł: 10
Dołączył: 13.03.2014
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


"Co do trójkącika to możesz go po najechaniu na pozycje menu wyśweitlać w postaci obrazka pod daną pozycją menu."

Obrazek do trójkąta? Paaaanie mamy css 3.
Wpisz w google css3 triangle generator i znajdziesz.

A co do menu to daj po prostu elementom <li> takie style:

  1. display: none;
  2. padding: 8px 6px;
  3. border-left: 1px solid KOLOR;


a potem zrób nową klase o takiej samej nazwie tylko dopisz do jej nazwy :last
a w niej:
  1. border-left: none;
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:17