Wysuwane menu

Inne  Założony przez  Steven21.

12.02.2014, 00:08
#1
wersja skryptu MyBB: 1.6
adres forum: niepodam ; )
na czym polega problem (screen, opis, komunikaty): problem dopiero bedzie

Hey, mam problem z stworzeniem wysuwanego menu, z myBB mam do czynienia od tygodnia wiec prosilbym o proste wskazowki.

Przypuscmy ze tabelka ma sie rozwijac na stronie glownej w MCP
{$lang->modcp}
czyli nazwa mojego (menu do rozwijania) $modcp ?

Teraz potrzebuje skryptu ktory utworzy tableke
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->modcp}</title>
{$headerinclude}
</head>
<body>
{$header}
<table width="100%" border="0" align="center">
<tr>
{$modcp_nav}
<td valign="top">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" align="center" colspan="3"><strong>{$lang->awaiting_moderation}</strong></td>
</tr>
<tr>
<td class="tcat" width="23%"><span class="smalltext"><strong>{$lang->type}</strong></span></td>
<td class="tcat" align="center" width="33%"><span class="smalltext"><strong>{$lang->number_awaiting}</strong></span></td>
<td class="tcat" align="center" width="44%"><span class="smalltext"><strong>{$lang->latest}</strong></span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext"><strong>{$lang->threads}</strong></span></td>
<td class="trow1" align="center"><span class="smalltext">{$unapproved_threads}</span></td>
<td class="trow1" align="center"><span class="smalltext">{$latest_thread}</span></td>
</tr>
<tr>
<td class="trow2"><span class="smalltext"><strong>{$lang->posts}</strong></span></td>
<td class="trow2" align="center"><span class="smalltext">{$unapproved_posts}</span></td>
<td class="trow2" align="center"><span class="smalltext">{$latest_post}</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext"><strong>{$lang->attachments}</strong></span></td>
<td class="trow1" align="center"><span class="smalltext">{$unapproved_attachments}</span></td>
<td class="trow1" align="center"><span class="smalltext">{$latest_attachment}</span></td>
</tr>
</table>
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
    <td class="thead" align="center" colspan="5"><strong>{$lang->latest_5_modactions}</strong></td>
</tr>
<tr>
<td class="tcat"><span class="smalltext"><strong>{$lang->username}</strong></span></td>
<td class="tcat" align="center"><span class="smalltext"><strong>{$lang->date}</strong></span></td>
<td class="tcat" align="center"><span class="smalltext"><strong>{$lang->action}</strong></span></td>
<td class="tcat" align="center"><span class="smalltext"><strong>{$lang->information}</strong></span></td>
<td class="tcat" align="center"><span class="smalltext"><strong>{$lang->ip}</strong></span></td>
</tr>
{$modlogresults}
</table>
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" align="center" colspan="4"><strong>{$lang->bans_ending_soon}</strong></td>
</tr>
<tr>
<td class="tcat" width="25%"><span class="smalltext"><strong>{$lang->username}</strong></span></td>
<td class="tcat" align="center" width="30%"><span class="smalltext"><strong>{$lang->reason}</strong></span></td>
<td class="tcat" align="center" width="25%"><span class="smalltext"><strong>{$lang->ban_length}</strong></span></td>
<td class="tcat" align="center" width="20%"><span class="smalltext"><strong>{$lang->ban_bannedby}</strong></span></td>
</tr>
{$bannedusers}
</table>
<br />
<form action="modcp.php" method="post">
<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
<input type="hidden" name="action" value="do_modnotes" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" align="center" colspan="1"><strong>{$lang->moderator_notes}</strong></td>
</tr>
<tr>
<td class="tcat"><span class="smalltext"><strong>{$lang->notes_public_all}</strong></span>
</td>
<tr>
<td class="trow1"><textarea name="modnotes" style="width: 99%; height: 200px;" rows="5" cols="45">{$modnotes}</textarea></td>
</tr>
</table>
<br />
<div align="center"><input type="submit" class="button" name="notessubmit" value="{$lang->save_notes}" /></div>
</form>
</td>
</tr>
</table>
{$footer}
</body>
</html> 

Czy tam czegos brakuje? Czy to jest poprawnie? Czy takie cos dziala w MyBB ? Szczerze mowiac to jest tabela...
Gdzie to umiescic? Gdzie wpisac $modCP ?
Chodzi mi konkretnie o szablon... utworzyc nowy?

Tak naprawde to nie wiem na jakiej zasadzie ma to dzialac. Jesli da sie to latwiej rozwiazac to prosze o porady.
Rozumiem ze niezbedne bedzie dodanie kilku rzeczy do global.css ?
Jak widac potrzebuje kogos kto mi wytlumaczy to od podszewki.
Matslom napisał 12.02.2014, 18:06:
Kod podajemy w [code] lub [php].
Przenoszę do odpowiedniego działu
12.02.2014, 00:38 (Ten post był ostatnio modyfikowany: 12.02.2014, 00:39 przez SLAVOO.)
#2
Chyba jednym z prostszych sposobów jest coś takiego:
<div class="button">
<p>BUTTON</p>
<div class="menu">
<!-- Tutaj to co ma być rozwijane -->
</div>
</div> 

i do tego jakiś jQuery np:
$(document).ready(function() {
    $('.button').hover(function() {
        $('.menu').slideDown('slow');
    }, function() {
        $('.menu').slideUp('slow');
    });
}); 

akurat oparte na hover

Do CSS
.menu {
display: none;
}
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
13.02.2014, 02:09
#3
Prosilem raczej o pomoc w tym gdzie to wstawic pojedynczo i pokazac gdzie jest parametr taki np zeby rozwijalo sie to na ACP albo MCP zeby pokazac przyklad...

Nie wiem co znaczy oparte na hover... tablelke mozna zrobic na 100 sposobow mniemam wystarczy miec kreatywne myslenie.
Problem w tym ze akurat trzeba wiedziec jak czyta wszystko MyBB czyli ktos moglby udzielic informacje gdzie to wrzucic i jakie parametry sa ruchome.

Nie chce tu wklejek ani czystych kodow z poradnikow. Chce sie nauczyc edytowac te tabelki.
Poprosilbym jakis prosty przyklad z zaznaczeniem np ze ma byc wysuwana na MCP i gdzie ten parametr w tym sposobie wprowadzony.
Oraz czy utworzyc nowe szablony czy moze podlaczac to do starych.
Juz pisalem w temacie ze nie potrzebuje kodow bo te moge wyszukac. Chce poznac zasade...

Takze prosilbym o swoj wlasny komentarz bardziej i humanistyczne wytlumaczenie zagadnienia dlatego ze ciezko mi sie przestawic na ten jezyk programowania. Z reszta sobie poradze juz dzieki internetowi, utknalem na punkcie gdzie mam te kody umieszczac i ktore podlaczyc....

Przypuscmy czy mam cos dodawac w naglowku np stworzyc nowy MCP i potem nowy szablon z MCP i wysuwanym menu?

O takie cos mi chodzi...
13.02.2014, 02:31 (Ten post był ostatnio modyfikowany: 13.02.2014, 02:50 przez SLAVOO.)
#4
Moim zdaniem wiesz, że dzwonią tylko nie wiesz, w którym kościele. Po pierwsze może zacząć od nauki HTML. Na przykładzie Ci pokazałem jak się robi wysuwane elementy. Skoro nie rozumiesz kodu HTML i CSS to jak niby ktoś ma Ci to wytłumaczyć.

Co do szablonów. Zmienne typu {$header} odnoszą się do konkretnych szablonów. Jest to po to, żeby nie robić bałaganu w kodzie. Z resztą do tego jest właśnie zmienna.
Tworzenie szablonów w MyBB w normalny sposób nie działa. Trzeba użyć tego:
https://webboard.pl/wiki.php?tworzenie-w...blonw.html
Jednak chyba (tutaj nie jestem pewny) nie da się użyć javascriptu bezpośrednio na zmiennej. Trzeba to zrobić na klasach lub id w danym szablonie, więc tutaj można zrobić tak, że stworzyć nowy szablon w którym będzie tabelka z odpowiednią klasą i dodać nazwę szablonu do głównego kodu, czyli zmienną. Dokładnie tak samo jak w przypadku tego {$header}.
Javascrpit (jQuery) wykona resztę tak jak podałem na przykładzie.

Czyli:
<table width="100%" border="0" align="center" class="menu">
i patrz wyżej co pisałem o jQuery w poście #02

Sorry, ale ja prościej nie umiem.

PS. Proponuję zacząć od analizy kodu który podałeś, a przede wszystkim od zrozumienia co robi dana linijka kodu. Bez tego ani rusz, czyli ani rusz bez HTML i CSS.
Nie jestem w stanie ocenić jaki jest Twój poziom wiedzy w tej materii.

Cytat:Problem w tym ze akurat trzeba wiedziec jak czyta wszystko MyBB czyli ktos moglby udzielic informacje gdzie to wrzucic i jakie parametry sa ruchome.
Normalnie czyta kod, od góry szablonu (od <html>) do dołu. Jeśli jest zmienna to przeskakuje do innego szablonu, wykonuje go i wraca. I tak do </html>
Może jeszcze tak spróbuję:
<div class="button">
<p>BUTTON</p> <!-- Guzik, jeśli się na niego najedzie myszką to wysuwa się tabelka -->
<div class="menu"> <!-- Schowana tabelka dzięki display none -->
<!-- Tutaj to co ma być rozwijane czyli kod tabelki -->
</div>
</div> 

Prościej się nie da.
Wysuwane menu może być również oparte na CSS, nie musi być na jQuery.
Jeśli Ci pomogłem naciśnij guzik POMÓGŁ lub dodaj PUNKT REPUTACJI
25.02.2014, 03:02
#5
Rozumiem juz troche. Z mojej uwczesnej wiedzy wysuwa sie obraz ze wysuwaną tabelkę da się zrobić na pare niezaleznych sposobow ;)

Jak dobrze zauwazyles jestem początkujący, bo dopiero od 2 tygodni pracuję na MyBB
Nie wiem czy można wrzucać linki, ale stworzylem od 13 lutego do dziś calkiem calkiem forum
www.depresjaonline.pl

Wlasciwie to moj problem polega na tym że chciałbym przypisac wysuwaną tabelkę na głownej stronie np "Panel Uzytkownika"

Cytat:Jednak chyba (tutaj nie jestem pewny) nie da się użyć javascriptu bezpośrednio na zmiennej. Trzeba to zrobić na klasach lub id w danym szablonie, więc tutaj można zrobić tak, że stworzyć nowy szablon w którym będzie tabelka z odpowiednią klasą i dodać nazwę szablonu do głównego kodu, czyli zmienną. Dokładnie tak samo jak w przypadku tego {$header}.

No ta informacja wlasnie mi pokazala mniejwiecej to co mnie interesowalo, a raczej pokazuje jak to mnie wiecej funkcjonuje ;) no resztę juz zacznę sam jakoś powoli łapać. Dzieki wielkie



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

1 gości