Zmiana Buttonów w głównym menu

[bossik]

Witam ! otóż mam pewien problem. Zrobiłem forum testowe na silniku IPB 3.4.6 i chcę zmienić buttony w nawigacji (menu główne) tylko nie wiem jak to zrobić ;c (Znam takie coś jak PPM na dany obszar i potem "Zbadaj element" itd.) ale muszę wiedzieć co i gdzie zrobić aby dobrze to wykorzystać a ja właśnie nie wiem ;c 

 

Chciałbym uzyskać taki efekt:

 

 

A mam tak: 

 

 

Adres forum jakby co: http://webtestforum.ugu.pl/

Edytowane 1 Grudnia 2014 przez bossik

[BitGit]

Chcesz się pozbyć efektu "przycisku"?

Szukaj w szablonach stylu pliku ipb_styles.css Interesujące Cię frazy to: 

#community_app_menu>li>a

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active

#community_app_menu>li.active>a 

Edytowane 1 Grudnia 2014 przez 9xx

[bossik]

 

Chcesz się pozbyć efektu "przycisku"?

Szukaj w szablonach stylu pliku ipb_styles.css Interesujące Cię frazy to: 

#community_app_menu>li>a

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active

#community_app_menu>li.active>a 

tak, ale co mam z tym zrobić? znajdę i co dalej ? 

[BitGit]

tak, ale co mam z tym zrobić? znajdę i co dalej ?

 

Dalej Kolego musisz zmienić sobie stylowanie elementów czyli dostosować ich zawartość do własnych oczekiwań.

Mówiąc w skrócie - zmieniasz definicje i zapisujesz szablon

Edytowane 1 Grudnia 2014 przez 9xx

[bossik]

 

tak, ale co mam z tym zrobić? znajdę i co dalej ?

 

Dalej Kolego musisz zmienić sobie stylowanie elementów czyli dostosować ich zawartość do własnych oczekiwań.

Mówiąc w skrócie - zmieniasz definicje i zapisujesz szablon

 

nie rozumiem jesteś w stanie zmienić to tak jak na przykładzie ?

[BitGit]

jesteś w stanie zmienić to tak jak na przykładzie ?

 

 

Oczywiście, ale jeżeli zaczynasz przygodę z administrowaniem forum, to lepiej będzie jak ogarniesz podstawy. Takich zmian przed Tobą jeszcze mnóstwo… Czytaj to: http://www.kurshtml.edu.pl albo zapomnij o zmianach w skinie.

 

Tu masz rozwiązanie bieżącego problemu (to jest przykład - pisany na szybko)

Znajdź i podmień w pliku ipb_styles.css

 

#community_app_menu>li>a {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
display: block;
padding: 6px
15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #3f94bc;
color: #fff
}

#community_app_menu>li.active>a {
color: #fff;
/*background: #3f94bc;*/ /*Jeśli chcesz mieć podświetloną aktywną aplikację usuń gwiazdki i ukośniki oraz ten tekst*/
font-weight: bold;
margin-top: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

Zanim zmienisz zapisz w notatniku, notesie itp. wartości oryginalne, żebyś w razie czego mógł je powrócić

 

[bossik]

 

jesteś w stanie zmienić to tak jak na przykładzie ?

 

 

Oczywiście, ale jeżeli zaczynasz przygodę z administrowaniem forum, to lepiej będzie jak ogarniesz podstawy. Takich zmian przed Tobą jeszcze mnóstwo… Czytaj to: http://www.kurshtml.edu.pl albo zapomnij o zmianach w skinie.

 

Tu masz rozwiązanie bieżącego problemu (to jest przykład - pisany na szybko)

Znajdź i podmień w pliku ipb_styles.css

 

#community_app_menu>li>a {
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
display: block;
padding: 6px
15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

#community_app_menu>li>a:hover, #community_app_menu>li>a.menu_active {
background: #3f94bc;
color: #fff
}

#community_app_menu>li.active>a {
color: #fff;
/*background: #3f94bc;*/ /*Jeśli chcesz mieć podświetloną aktywną aplikację usuń gwiazdki i ukośniki oraz ten tekst*/
font-weight: bold;
margin-top: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

Zanim zmienisz zapisz w notatniku, notesie itp. wartości oryginalne, żebyś w razie czego mógł je powrócić

 

 

pomogło Po prostu nie wiedziałem w jakiej bibliotece tego szukać bo wcześniej pracowałem z mybb i to już troszkę czasu temu + jak zrobić aby od lewej strony był taki dostęp ?