Tani hosting

 
Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
Mobilne menu
Sanczo Offline
Użytkownik

Liczba postów: 81
Reputacja: 2
Post: #1
Mobilne menu 20-04-2017 07:42
Cześć,

Jakie klasy odpowiadają za mobilny wygląd a mianowicie mobilne menu w szablonie Batblog?

(Ten post był ostatnio modyfikowany: 20-04-2017 07:43 przez Sanczo.)
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
RootsReggaeRagga Offline
Użytkownik

Liczba postów: 22
Reputacja: 2
Post: #2
RE: Mobilne menu 20-04-2017 11:06
navbar-collapse+ navbar-toggle 

defaultowe menu z bootstrapa
(Ten post był ostatnio modyfikowany: 20-04-2017 11:14 przez RootsReggaeRagga.)
Cytuj
soulman Offline
Użytkownik

Liczba postów: 9
Reputacja: 0
Post: #3
RE: Mobilne menu 20-04-2017 19:26
Przyłączam się do pytania.
Chodzi mi o zmianę koloru tła menu oraz kolorów odnośników.
Cytuj
RootsReggaeRagga Offline
Użytkownik

Liczba postów: 22
Reputacja: 2
Post: #4
RE: Mobilne menu 21-04-2017 11:42
a wiec tak za background odpowiada to:
.navbar-custom.is-fixed {
position: fixed;
background-color: rgba(255, 255, 255, 0.9); <- kolor tła
border-bottom: 1px solid #f2f2f2;
}
(style.css 99 linia)

za kolor linka aktywnego
.navbar-custom.is-fixed .nav > li > a:hover, .navbar-custom.is-fixed .nav > li > a:focus, .navbar-custom.is-fixed .nav > li.active > a{
color: #0085a1;

}
(style.css 116 linia)

za kolor linka podstawowego
.navbar-custom.is-fixed .nav > li > a{
color: #404040;

}
(style.css 111 linia)



panowie podglad strony + f12 w chrome (narzędzia developerskie) szukanie nie boli Big Grin
(Ten post był ostatnio modyfikowany: 21-04-2017 11:44 przez RootsReggaeRagga.)
Cytuj
soulman Offline
Użytkownik

Liczba postów: 9
Reputacja: 0
Post: #5
RE: Mobilne menu 21-04-2017 12:09
Przepraszam, ale nie jestem biegły w CSS.
Stąd moje pytanie.

Nie przewidziano w stylu urządzeń z rozdzielczością poniżej 768px.
Przynajmniej ja nie widzę. Dlatego być może na smartfonie nie widać efektu.

Natchnąłeś mnie i zrobiłem eksperyment.

Skopiowałem całą sekcję klas dla rozdzielczości min-width: 768px, zmieniłem nazwę na max-width: 768px.
Działa. Tylko aby się menu poprawnie wyświetlało,trzeba zmienić odległości pomiędzy elementami menu.

Zagadka wyjaśniona :-)
(Ten post był ostatnio modyfikowany: 21-04-2017 17:08 przez soulman.)
Cytuj
RootsReggaeRagga Offline
Użytkownik

Liczba postów: 22
Reputacja: 2
Post: #6
RE: Mobilne menu 21-04-2017 13:23
Wiesz ja tam tego nie robilem, wiec sie nie zaglębnialem za bardzo, widzialem menu bootstrapowe podpatrzylem kod i podalem gdzie tego mozna szukac Tongue

na mobile masz tak :

(belka menu)
.navbar-default {
     background-color: #333;
     border-color: #222;
}

swoje style montuj tu:
.navbar-custom{


}
(style.css linia 49)


co do nawigacji jest to podstawowa navigacja z bootstrapa z tego co widze wiec musialbys sobie to nadpisac po swojemu Tongue
(Ten post był ostatnio modyfikowany: 21-04-2017 13:26 przez RootsReggaeRagga.)
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości