Obserwujący 0
fraceq8_design

Panel boczny zaraz pod forum na wersji mobilnej MyBB

17 postów w tym temacie

Wstaw zmienne "topek" z sidebar pod zmienną {$forums}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Ale ja bym chciał żeby tak było tylko w wersji mobilnej, normalnie ma być z boku.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Dodaj @media_queries i ustaw forum jak i sidebar na 100% szerokości, wtedy osiągniesz to co chcesz.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Wejdź  w szablon Strona Główna -> index stylu mobilnego i wszystkie zmiennie dotyczące sidebar'u które chcesz mieć wyświetlone wklej pod zmienną {$forums}

Edytowane przez VINNER

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Skoro dla wersji desktopowej używasz floatow aby byly obok siebie to dla wersji mobilnej za pomocą media queries ustaw float none i 100% szerokości. Dla pewności daj rodzicowi overflow: hidden aby nic Ci się nie rozwaliło.

2 osoby lubią to

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

A gdzie jest ten plik z całą wersja mobilna bo nie mogę znaleźć..

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Nie ma, musisz sam sobie dopisać.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Tylko sprawdź czy w szablonie index nie masz jakiś stylow inline zarówno dla prawej strony jak i lewej, jezeli tak to usuń i nadaj je bezpośrednio w oddzielnym pliku CSS aby łatwiej było Ci później nimi manipulować. 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Zrobiłem forum i siecbar na 100% w media i nic.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Pokaż kod.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Przecież pisał Ci @rogue o stylach inline, że masz się ich pozbyć. Nic dziwnego, że nie działa.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach
<style> 
  @media_queries 
    #sidebar 
    	width: 100%; 
  	#forum 
  		width: 100%; 
</style>

Wow, co to za zapis?

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Już poprawiłem i nadal nic..

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Ustawiłeś float:none dla obu elementów? Pamiętaj jeszcze o !important bo pewnie zwykłe style nadpisują Ci te mobilne.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na stronach

Żeby dodać komentarz, musisz założyć konto lub zalogować się

Tylko zarejestrowani użytkownicy mogą dodawać komentarze

Rejestracja

Załóż nowe konto. To bardzo proste!


Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.


Zaloguj się teraz
Obserwujący 0