Menu wysuwane w stylu IPB

[96th]

Witam. Wie ktoś jak zrobić takie menu jak jest w profilu w IPB? Widze w kodzie strony że taki kod jest użyty:

					<div class='popupmenu-new' id='pp-entry-gender-wrap_menu' style='display:none;width:162px'>
					<div class='popupmenu-item'><img src='style_images/elegance_e/folder_profile_portal/gender_male.png' alt='' border='0' /> <a href='#' onclick="ips_personal_portal.save_settings( 'gender', { 'pp_gender' : 'male' }, ''); return false;">Ustaw jako Mężczyzna</a></div>
					<div class='popupmenu-item'><img src='style_images/elegance_e/folder_profile_portal/gender_female.png' alt='' border='0' /> <a href='#' onclick="ips_personal_portal.save_settings( 'gender', { 'pp_gender' : 'female' }, ''); return false;">Ustaw jako Kobieta</a></div>
					<div class='popupmenu-item-last'><img src='style_images/elegance_e/folder_profile_portal/gender_mystery.png' alt='' border='0' /> <a href='#' onclick="ips_personal_portal.save_settings( 'gender', { 'pp_gender' : 'mystery' }, ''); return false;">Ustaw jako 'Brak danych'</a></div>
				</div>

Chodzi mi o to menu:

Nie chodzi mi o identyczne, bo przecież mogę sam to zmienić. Chodzi mi o to żeby nie było to zwykłym menu wysuwanym, tylko jak to nazwali w kodzie "menu pop-up".

[DawPi]

Witam,

chcesz takie menu zrobić na oddzielnej stronie, nie związanej z IP.Board?

[96th]

Ach, zapomniałem tego napisać. Tak, jak by było na IPB to bym umiał. Chcę to zrobić na WordPressie.

[DawPi]

Wg mnie powinieneś zainteresować się tematem jquery i rozwijanymi menu - to bardzo fajne i ciekawe rozwiązanie, jednak wymaga poznania.

[96th]

Zobaczyłem nowe rozwiązanie, a mianowicie to przykład z http://jquery.com/ . Widział ktoś gdzieś ten kod, bo ja nie moge znaleźć.

[DawPi]

Heh, widział nie widział. Dużo rozwiązań z jquery można spotkać w Internecie.

Działaj kolego działaj.

[Batman]

jqery do menu które można w CSS zrobić??

[96th]

Nie, źle mnie zrozumiałeś. Na dole strony jest takie "Run Code". Napewno to zauważysz. I właśnie chce coś takiego stworzyć. Może być za pomocą czegokolwiek (ale spokojnie, PHP, HTML, JS- nie jakiś Python) aby działało.

[Dr.C4M3L3ON]

poszukaj jakiegos java-script do tego menu.. napewno znajdziesz to o co ci chodzi.

[96th]

Tylko nie wiem za bardzo jak zformułować zapytanie. Wysuwane... wysuwane co? Szukałem już wcześniej, lukałem w ich kodzie strony, ale nic nie mogę wymyślić.

[Batman]

drop down menu ??

[96th]

Nie, źle mnie zrozumiałeś. Na dole strony jest takie "Run Code". Napewno to zauważysz. I właśnie chce coś takiego stworzyć. Może być za pomocą czegokolwiek (ale spokojnie, PHP, HTML, JS- nie jakiś Python) aby działało.

A idź się przepspać batman Teraz o to mi chodzi, bo zorientowałem się że takie będzie lepsze.

[Batman]

więc w czym jest problem na tej stronie masz wszystko czego potrzebujesz

[96th]

Tak, ale nie mogłem tego zmusić do działania. W nocy wymyśliłem że zrobie div'a wyglądającego tak i najpierw spróbóje połączyć tamten kod który jest na stronie jQuery a jak się nie uda to sam coś spróbóje napisać. Myślicie że to zadziała?

EDIT: Zrobiłem takie coś:

Kod w pliku comments.php gdzie chce to umieścić:

<script type="text/javascript">
$("div.contentToChange links:hidden").slideDown("slow");
$("div.contentToChange links:visible").slideUp("slow");
</script>
<div class="links">
Lorem ipsum dor amet.
</div>

CSS:

.links {
width: 345px;
padding: 2px 2px 2px 2px;
color: #CCCCCC;
background-color: #04749e;
}

Teraz mam problem. links:hidden, links:visible czy to wymaga abym coś jeszcze robił z CSS? I jak wyświetlić przycisk Schowaj/Pokaż?

Edytowane 7 Marca 2009 przez 96th

[Gość Dori]

Po najechaniu myszką ma pokazywać? Czy po kliknięciu?

[96th]

Po kliknięciu.