Wysuwany sidebox ze statystykami

**adrian15r1m** · (Ten post był ostatnio modyfikowany: 28.03.2017, 23:50 przez adrian15r1m.)

Chciałbym zrobić coś takiego jak statystyki po prawej i żeby jeszcze można było je zwijać, rozwijać, znalazłem podobne na czyjejś stronie, a więc zapodam będzie łatwiej Wam pokazać o co mi chodzi: http://cqpolska.pl/ , o takie coś po prawej to pierwsza rzecz, a druga jak zrobić by można je było właśnie zwijać(chować) lub rozwijać spowrotem?
-jedynie co znalazłem to taki plugin https://webboard.pl/thread-42250.html ? ale ostatnia modyfikacja to 14.11.2016 i pytanie czy ten plugin na najnowsze MyBB 1.8.10 będzie dobrze działał? nie będzie jakiś błędów robił? wiecie nie znam się w jaki sposób informatyczny to działa, jestem zielony w tych tematach, więc chciałbym się dopytać czy to nie popsuje jakoś forum czy coś, w sensie, że nie jest kompatybilne może czy coś? a może gdzieś są aktualne tylko ja szukać nie potrafię ;/, bo za dobry kompatybilny plugin mógłbym nawet zapłacić by mieć zrobione raz a dobrze, więc tu tez mam pytanie: gdzie tego typu pluginy płatne znajdę, w których mam pewne gwarancje, że będą z forum działać ok?

kiedyś uzywałem MyBB może w 2011 roku, pamiętam, że zawsze były pluginy pod aktualne wersje na stronie mybb, np. https://mods.mybb.com/view/myshoutbox , teraz wiem, że jest nowa strona do pluginów https://community.mybb.com/mods.php ale szczerze mówiąc nie wiem co i jak, chyba wszystkiego zapomniałem

, znalazłem tylko dwa na statystyki ten nasz z tego forum: https://community.mybb.com/mods.php?action=view&pid=269, ale tu chyba jest w wersji angielskiej co nie? no i drugi który ma niby więcej pobrań: https://community.mybb.com/mods.php?action=view&pid=59 on lepszy?, szukałem tam i też za bardzo znaleźć nie mogę, wiem, że jest parę podobnych wątków do mojego, ale wszystkie pluginy są ze starych lat, dlatego mam pytanie który teraz jest aktualny na takie statystyki czy może ten co znalazłem jest dobry, ale pytanie czy on źle nie podziała na forum? ze względu na brak aktualizacji? i jeśli nie to jaki jest teraz najlepszy, może jakiś inny ? i jak zrobić to żeby można było to chować? z góry dziękuje za pomoc, odwdzięczę się za pomoc jak tylko potrafię, na razie choćby zwykłym dodaniem punktu reputacji, dziękuje

**Poftorek** · 28.03.2017, 11:35

(28.03.2017, 11:27)adrian15r1m napisał(a): bo za dobry kompatybilny plugin mógłbym nawet zapłacić by mieć zrobione raz a dobrze, więc tu tez mam pytanie: gdzie tego typu pluginy płatne znajdę, w których mam pewne gwarancje, że będą z forum działać ok?

https://webboard.pl/forum-58.html

(28.03.2017, 11:27)adrian15r1m napisał(a): Chciałbym zrobić coś takiego jak statystyki po prawej

https://webboard.pl/thread-42250.html

(28.03.2017, 11:27)adrian15r1m napisał(a): i jak zrobić to żeby można było to chować?

http://fklar.pl/2013/06/wysuwany-panel-boczny-w-css3/

(28.03.2017, 11:27)adrian15r1m napisał(a): -jedynie co znalazłem to taki plugin https://webboard.pl/thread-42250.html ? ale ostatnia modyfikacja to 14.11.2016 i pytanie czy ten plugin na najnowsze MyBB 1.8.10 będzie dobrze działał? nie będzie jakiś błędów robił? wiecie nie znam się w jaki sposób informatyczny to działa, jestem zielony w tych tematach, więc chciałbym się dopytać czy to nie popsuje jakoś forum czy coś, w sensie, że nie jest kompatybilne może czy coś?

'compatibility' => '18*',

- Więc tak, będzie chodziło.

**adrian15r1m** · (Ten post był ostatnio modyfikowany: 28.03.2017, 11:45 przez adrian15r1m.)

(28.03.2017, 11:35)Fyeem napisał(a):
'compatibility' => '18*',
- Więc tak, będzie chodziło.

oo, gdzie to mogę znaleźć?

(28.03.2017, 11:35)Fyeem napisał(a):
(28.03.2017, 11:27)adrian15r1m napisał(a): i jak zrobić to żeby można było to chować?
http://fklar.pl/2013/06/wysuwany-panel-boczny-w-css3/

dobra a gdzie to mam dodać w swojej strukturze plików? czy może przez ACP gdzieś?

**Poftorek** · 28.03.2017, 12:04

(28.03.2017, 11:35)Fyeem napisał(a): adrian15r1m napisał(a):
Chciałbym zrobić coś takiego jak statystyki po prawej
https://webboard.pl/thread-42250.html

W szablonach ACP.

**adrian15r1m** · 28.03.2017, 12:10

(28.03.2017, 12:04)Fyeem napisał(a): W szablonach ACP.

można dokładniejsza instrukcje? jestem w tym zielony

dziękuje!

**Poftorek** · 28.03.2017, 12:12

ACP -> Style i szablony -> Szablony -> Twój_szablon -> Strona główna -> index.

**adrian15r1m** · (Ten post był ostatnio modyfikowany: 28.03.2017, 14:50 przez adrian15r1m.)

Odnośnie wysuwanego panelu tego http://fklar.pl/2013/06/wysuwany-panel-boczny-w-css3/ , bo nie do końca rozumiem, kod html to wiadomo dodaje do index, a ten styl to w co to mam zrobić i gdzie wsadzić? pamiętam kiedyś był łatwiejszy sposób https://webboard.pl/zwijany-panel-jak-w-...posob.html , ale widze już go nie ma, może już nie działa, to prosiłbym o pomoc odnośnie tego, bo nie wiem co z tym stylem zrobić w sensie w jaki plik zapisać i gdzie wsadzic? nie znam się na css, ale z tego co widze to chyba bedzie to jakoś inaczej wyglądać, a ja bym chciał po prostu taką strzałkę:

która będzie chować, lub po kliknięciu znów pokazywać, ten poradnik tego się tyczy? wybaczcie ale w tych tematach jestem zielony naprawdee

**Penny** · 28.03.2017, 14:59

Style wrzucasz do swojego szablony (proponuję stworzyć nowy styl i tam umieścić css z tej strony)

**adrian15r1m** · (Ten post był ostatnio modyfikowany: 28.03.2017, 15:53 przez adrian15r1m.)

(28.03.2017, 14:59)Penny napisał(a): Style wrzucasz do swojego szablony (proponuję stworzyć nowy styl i tam umieścić css z tej strony)

tutaj mam stworzyć nowy styl dobrze rozumiem?:

? wybacz ale naprawdę jestem w tym zielonym, nigdy nie robiłem tego i po Twojej wypowiedzi moge się tylko domyślać to mam zrobić tutaj? czy stworzyć sam plik .css i wrzuć gdzieś go do moich plików forum przez FTP?

**Poftorek** · 28.03.2017, 15:55

(28.03.2017, 15:52)adrian15r1m napisał(a):
(28.03.2017, 14:59)Penny napisał(a): Style wrzucasz do swojego szablony (proponuję stworzyć nowy styl i tam umieścić css z tej strony)

tutaj mam stworzyć nowy styl dobrze rozumiem?:
[attachment=11673]
? wybacz ale naprawdę jestem w tym zielonym, nigdy nie robiłem tego i po Twojej wypowiedzi moge się tylko domyślać to mam zrobić tutaj? czy stworzyć sam plik .css i wrzuć gdzieś go do moich plików forum przez FTP?

Nowy arkusz CSS.

**Divir** · 28.03.2017, 18:38

Wrzuć to sobie do global.css, zaoszczędzisz jedno zapytanie.

Coś mi się zdaje, że kod który podałeś w linku nie jest tym czego szukasz. Potrzebujesz raczej tego: https://jsfiddle.net/7zsxsdk5/ wysuwany sidebox.

**adrian15r1m** · (Ten post był ostatnio modyfikowany: 28.03.2017, 19:29 przez adrian15r1m.)

(28.03.2017, 15:55)Fyeem napisał(a): Nowy arkusz CSS.

okej nie mam pojęcia jak to zrobić, dodałem styl css:

i dodałem ten kod html do index:

no i nie pyka(chodzi o to: http://fklar.pl/2013/06/wysuwany-panel-boczny-w-css3/ ), nie wiem jak to robic po prostu, za instrukcje krok po kroku bardzo dziękuje, strzelam że jest to bardzo proste, no ale ja po prostu jeszcze tego nie umiem, nie wiem co jak, bo niby jak ten css ma się z tym łączyć nie mam pojęcia, ktoś by pomógł krok po kroku jak to zrobić? z góry dzięki

ale to prawda dopiero teraz zobaczyłem, że tak czy siak to nie jest to czego szukam, ja chciałbym zwykły przycisk zrobić strzałkę jakąś która by chowała lub wyciągała, więc teraz drugie pytanie, aczkolwiek to na górze tez z chęcią bym poznał, więc jak ktoś umie pomóc i powiedzieć co i jak zrobić, dziękuje:

(28.03.2017, 18:38)Divir napisał(a): Wrzuć to sobie do global.css, zaoszczędzisz jedno zapytanie.

Coś mi się zdaje, że kod który podałeś w linku nie jest tym czego szukasz. Potrzebujesz raczej tego: https://jsfiddle.net/7zsxsdk5/ wysuwany sidebox.

tak chodzi o wysuwany sidebox, to teraz powiedz mi co ja mam z tym zrobić, sorki jestem bardzo w tym zielony i czy to będzie taki wysuwany panel boczny?:

?
bo takiego szukam, no i jak to zrobić? co i jak gdzie dodać? z góry bardzo dziękuje

**Divir** · 28.03.2017, 22:34

https://jsfiddle.net/7zsxsdk5/ Kopiuj i wklej kod css do arkusza global.css, javascript do szablonu index (pomiędzy tagi <script></script>), a klasy i id musisz dostosować pod swój html. Z tego co widzę, to muszisz wprowadzić następujące zmiany w js:
forum -> forums
aside -> sidebar
70% -> 80%

I w swoim kodzie html dodać id="forums" tam gdzie masz klasę forums i analogicznie z sidebar.

**adrian15r1m** · 28.03.2017, 23:46

(28.03.2017, 22:34)Divir napisał(a): https://jsfiddle.net/7zsxsdk5/ Kopiuj i wklej kod css do arkusza global.css, javascript do szablonu index (pomiędzy tagi <script></script>), a klasy i id musisz dostosować pod swój html. Z tego co widzę, to muszisz wprowadzić następujące zmiany w js:
forum -> forums
aside -> sidebar
70% -> 80%

I w swoim kodzie html dodać id="forums" tam gdzie masz klasę forums i analogicznie z sidebar.

zrobiłem tak i coś mi nie pyka, nie wiem co źle robię
to z tej strony https://jsfiddle.net/7zsxsdk5/
z CSS wkleiłem na koniec arkusza 'global.css'

javascript do szablonu index tak jak powiedziałeś między <script></script>

a HTML tez do index bo chyba ma być tutaj tak?

co tu jest nie tak?
wejdź na moje forum www.e-inwestuj.pl i zobacz, że coś się dodało, ale dupa nic nie działa ;/

tu załączam swój kod z index:

<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

lang.no_new_posts = "{$lang->no_new_posts}";

lang.click_mark_read = "{$lang->click_mark_read}";

// -->

$("#toggleAside").click(function() {

 if ($('#sidebar').is(':visible')) {

   $('#sidebar').hide();

   $("#forums").css({

     width: "100%"

   });

 } else {

   $('#sidebar').show();

   $("#forums").css({

     width: "80%"

   });

 }

});

</script>

</head>

<body>

{$header}

<p id="toggleAside" class="toggle-aside">

 Przełącz

</p>

<div id="forums" class="forum">{$forums}</div>

<aside id="sidebar" class="aside">{$topStats['LastThreads']}

{$topStats['LastActiveThreads']}

{$topStats['MostViews']}

{$topStats['Posters']}</aside>

{$boardstats}

<dl class="forum_legend smalltext">

<dt><span class="forum_status forum_on" title="{$lang->new_posts}"></span></dt>

<dd>{$lang->new_posts}</dd>

<dt><span class="forum_status forum_off" title="{$lang->no_new_posts}"></span></dt>

<dd>{$lang->no_new_posts}</dd>

<dt><span class="forum_status forum_offlock" title="{$lang->forum_locked}"></span></dt>

<dd>{$lang->forum_locked}</dd>

<dt><span class="forum_status forum_offlink" title="{$lang->forum_redirect}"></span></dt>

<dd>{$lang->forum_redirect}</dd>

</dl>

<br class="clear" />

{$footer}

</body>

</html>

kurcze nie wiem co jest nie tak, ale tak ogólnie to Twoja konfiguracja w taki sposób będzie działać? z takim brzydkim tłem i w ogole? znalazłem tutaj na naszym forum mybboard.pl gościa który ma forum i ma ten sidebar z ładnym przyciskiem (http://cqpolska.pl/ ) to nie będzie taki, tak? w sumie mi nawet ten nie wychodzi, czekam na pomoc, dzięki z góry

**Divir** · (Ten post był ostatnio modyfikowany: 29.03.2017, 15:23 przez Divir.)

Nie pamiętam czemu kazałem skopiować css, nieważne. Usuń dodany css, jest on ci zbędny. Potrzebny on jest tylko w przykładzie.
Kod JS umieść w tagu script, ale na samym dole strony (nad </body>). Poza tym ten kod powoduje ci błąd:

jQuery(document).ready(function(){

	jQuery.fn.cookiesEU({

		text:		'Własny',

		close:		'Zamknij',

		position:	'bottom',

		...

	});

});

Zamień go na:

jQuery(document).ready(function(){

	jQuery.fn.cookiesEU({

		text:		'Własny',

		close:		'Zamknij',

		position:	'bottom'

	});

});

Jeśli masz dołączony plugin na te ciasteczka to wszystko będzie ok.

Jeśli chcesz identyczny sidebar jak na tamtym forum, to po prostu zamień tag p na tag img (zachowując id). Reszta to kwestia ostylowania w css. W Internecie jest multum kursów. Tylko lepiej nie korzystaj z jakichś sprzed kilku lat, są zbyt stare i nieaktualne. To że działają nie znaczy, że tak się ciągle pisze.

Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Wysuwany sidebox ze statystykami

adrian15r1m

Poftorek

adrian15r1m

Poftorek

adrian15r1m

Poftorek

adrian15r1m

Penny

adrian15r1m

Poftorek

Divir

adrian15r1m

Divir

adrian15r1m

Divir

Użytkownicy przeglądający ten wątek:

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie