Wysuwany sidebox ze statystykami

Szukam  Założony 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 :)
- ok usunąłem ten Twój fragment z css,
więc został mi tylko kod w index oto on:
- kod js dodałem w tagu script przed /body tak jak mówisz, nie wiem czy dobrze zobacz
- a kod html zostawiłem jak był, bo nic o nim nie wspomniałeś
zerknij czy ok, to mój aktualny kod w 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}";
// -->
</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}
<script type="text/javascript">
$("#toggleAside").click(function() {
if ($('#sidebar').is(':visible')) {
  $('#sidebar').hide();
  $("#forums").css({
    width: "100%"
  });
} else {
  $('#sidebar').show();
  $("#forums").css({
    width: "80%"
  });
}
});
</script>
</body>
</html>

na forum niestety nadal dobrze nie działa, ale już cos się rusza, sam zobacz, ale jak najeżdżam na przycisk "przełącz" to pojawia sie ten kursor jakbym coś pisał yy? ale jak się kliknie to już coś się dzieje, już przynajmniej coś działa! :D, ale nie tak jak powinno, no ale coś pyka, w sumie teraz nie rozumiem czemu kazałeś mi css usunąć, zobacz co się dzieje www.e-inwestuj.pl , a pluginu na żadne ciasteczka nie mam, nie będę ich używał, to bezsens jak dla mnie, chciałem tylko zobaczyć jak to się robi, a to co mi poprawiłeś ten kod i tak mi nie działało, no może to był błąd tych kropek, nie wiem, nie mam już tego, z innych generatorów działało z tego nie, nie wiem czemu, ale nie ważne, więc cookies nie mam, więc no, nadal mam problem bo nie wiem co i jak, czekam na odpowiedź z góry bardzo dziękuje


(29.03.2017, 15:19)Divir napisał(a): 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.
widzę, że to ogarniasz jakbyś podesłał te warte uwagi kursy z chęcią bym skorzystał, jestem w tym zielony i sam nie wiem które są te warte ;/, albo jakbyś sam potrafił krok po kroku napisać jak to zrobić to w ogóle było by super, ale zanim to, to prosiłbym o pomoc z tym tutaj, bo nawet to nie chce mi pykać ;/
Dodaj poprawnie ten kod css
.forum,
.aside {
 float: left;
}

.forum {
 background: darkred;
 width: 70%;
}

.aside {
 background: red;
 width: 30%;
}

.toggle-aside {
 cursor: pointer;
}

proponuję zmienić też .aside width na 20% aby wyświetlało się obok forum.
Wsparcie poza forum - odpłatne.
Do css dodaj po prostu:

#toggleAside { cursor: pointer; }
.forum, .aside { float: left; }
.aside { width: 20%; }

Co do kursów to możesz skorzystać z:
https://www.codecademy.com/
https://www.youtube.com/watch?v=k2IydkL3EOs
https://www.youtube.com/watch?v=ApkaCOFhTJU

Drugiego linku z yt nie oglądałem tylko teraz przeleciałem urywkami, a pierwszy... Mi osobiście on nie odpowiada, ale wiele ludzi uważa jego metody nauczania jako jedyne słuszne.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
(29.03.2017, 20:53)Penny napisał(a): Dodaj poprawnie ten kod css
.forum,
.aside {
 float: left;
}
 
.forum {
 background: darkred;
 width: 70%;
}
 
.aside {
 background: red;
 width: 30%;
}
 
.toggle-aside {
 cursor: pointer;
}
 
proponuję zmienić też .aside width na 20% aby wyświetlało się obok forum.
1. czy to jest poprawne dodanie kodu do css poprzez dopisanie na samym końcu? czy trzeba dodawać wszystko przed tym całym "/** Impromptu End */"?:
   

 
(29.03.2017, 22:11)Divir napisał(a): Do css dodaj po prostu:

#toggleAside { cursor: pointer; }
.forum, .aside { float: left; }
.aside { width: 20%; }
 
Co do kursów to możesz skorzystać z:
https://www.codecademy.com/
https://www.youtube.com/watch?v=k2IydkL3EOs
https://www.youtube.com/watch?v=ApkaCOFhTJU
 
Drugiego linku z yt nie oglądałem tylko teraz przeleciałem urywkami, a pierwszy... Mi osobiście on nie odpowiada, ale wiele ludzi uważa jego metody nauczania jako jedyne słuszne.
2. ok dodałem to do css i niby wszystko ok śmiga, ale jak za pierwszym razem wchodzę na forum to nie pokazuje normalnie tylko trzeba kliknąć chociaż raz na "przełącz", za każdym odświeżeniem się psuje, sam zobacz www.e-inwestuj.pl, o co chodzi? screen:
   

ok dzięki za filmy ale zanim to ogarne wszystko od podstaw to pewnie potrwa zanim dojdę jak zrobić strzałkę
3. i jeszcze trzecia sprawa dlatego, czy byłby ktoś wstanie opisac mniej więcej jak zrobic tą strzałke by była nad tym bocznym panelem ? żeby to nie był tekst no i, żeby to było we właściwym miejscu, a nie gdzieś po lewej?
1. Dodaj po tym komentarzu, bo on oznacza akurat to, że tam się kończy fragment kodu do czegoś.
2. Dodaj jeszcze do css:

.forum { width: 80%; }
3. To są naprawdę podstawy, obejrzyj te poradniki i od razu to załapiesz.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

1 gości