Webboard

Pełna wersja: Wysuwany sidebox ze statystykami
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
- 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.
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.
(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 */"?:
[attachment=11717]

 
(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:
[attachment=11718]

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.
Stron: 1 2