despleglable con enlaces
Publicado por OsGari (2 intervenciones) el 28/11/2011 15:34:02
Buenas, soy muy muy novato y pretendo hacer un menú desplegable para mi sitio (un foro phpbb) que muestre el profile del usuario y unos enlaces a modo de menú de usuario.
El problema es que muestra la parte "plegada", pero nunca la parte "desplegada"...
Lo que quiero es algo como esto:
Lineas para el Html:
A parte tiene un CSS para colocar cada cosa en su sitio dentro del desplegable
Y yo tengo hecho esto, pero solo muestra la parte "plegada":
Tengo listo el CSS para "afinar los paddings" (los tengo todos a 0px, todavía), pero no puedo, por que no se despliega nada.
Pongo el sitio, porque está en construcción (espero que no se considere spam)
http://www.m4z.99h.com.ar/
Ahí se ve el formulario desplegable para loguear, que funciona perfectamente bien (no lo hice yo, claro)
Pero una vez logueado (user: test00 y pass: test00, si alguien quiere entrar), también se puede ver como mis lineas no funcionan igual, me falta algo, sobra algo o algo está mal... y no sé el qué...
Agradezco toda la ayuda posible, gracias adelantadas. (Y si es tener mucho morro, pues gracias igualmente, por leerme...)
El problema es que muestra la parte "plegada", pero nunca la parte "desplegada"...
Lo que quiero es algo como esto:
Lineas para el Html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<script type="text/javascript">
$(document).ready(function(){
$("input:checkbox").each( function() {
(this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
});
$(".fakecheck").click(function(){
($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
$(this.hash).trigger("click");
return false;
});
});
</script>
<div id="head_1">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT --><div class="quick-login-supernova">
<div id="sn-not-logged-in"></div>
<div id="sn-not-logged-in-hover">
<div id="sn-nli-content">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset style="margin-top: -5px; left: 0px">
<span class="sn-form-label">{L_USERNAME}:</span><br />
<input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
<span class="sn-form-label">{L_PASSWORD}:</span><br />
<input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />
<a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
<br /><br />
<!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
<div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
<input type="submit" name="login" value="" id="sn-nli-button" />
</fieldset>
</form>
</div><!-- /sn-nli-content -->
</div><!-- /sn-not-logged-in-hover -->
</div>
<!-- ENDIF -->A parte tiene un CSS para colocar cada cosa en su sitio dentro del desplegable
Y yo tengo hecho esto, pero solo muestra la parte "plegada":
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#md-datauser-menu-in').mouseenter(function() {
$('#md-datauser-in-hover').fadeIn('medium');
});
$('#md-datauser-in-hover').mouseleave(function() {
$('#md-datauser-in-hover').fadeOut('medium');
});
});
</script>
<!-- IF S_USER_LOGGED_IN and not S_IS_BOT --><div class="datauser-menu">
<div id="md-datauser-menu-in"></div>
<div id="md-datauser-menu-in-hover">
<div id="md-datauser-prof">
<fieldset style="margin-top: -5px; left: 0px">
<!-- IF S_HOME_AVATAR --><a href="{U_PROFILE}" title="{L_PROFILE}">{HOME_AVATAR}</a><br /><!-- ENDIF -->
{HOME_USERNAME}<br />
<strong>{HOME_RANK_TITLE}</strong><br />
{HOME_RANK_IMG}<br />
<strong><!-- IF S_DISPLAY_PM --><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
<!-- IF S_DISPLAY_SEARCH --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></strong><br />
<!-- ENDIF -->{LAST_VISIT_DATE}
</fieldset>
</div><!-- /md-datauser-prof -->
<div id="md-nli-content">
<fieldset style="margin-top: -5px; right: 0px">
<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_NEW_POSTS}">{L_NEW_POSTS}</a></li>
<li><a href="{U_UNREAD_POSTS}">{L_UNREAD_POSTS}</a></li>
<!-- ENDIF --> <!-- IF U_UM_BOOKMARKS --><li><a href="{U_UM_BOOKMARKS}">{L_UM_BOOKMARKS}</a></li>
<!-- ENDIF --> <!-- IF S_DISPLAY_SUBSCRIPTIONS --><li><a href="{U_UM_MAIN_SUBSCRIBED}">{L_UM_MAIN_SUBSCRIBED}</a></li>
<!-- ENDIF --> <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></li>
<!-- ENDIF --><li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
<!-- IF U_UM_MCP --><li><a href="{U_UM_MCP}">{L_MCP}</a></li>
<!-- ENDIF --> <!-- IF U_ACP --><li><a href="{U_ACP}">{L_M_ACP}</a></li>
<!-- ENDIF --><li><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
</fieldset>
</div><!-- /md-nli-content -->
</div><!-- /md-datauser-menu-in-hover -->
</div>
<!-- ENDIF --></script>
Tengo listo el CSS para "afinar los paddings" (los tengo todos a 0px, todavía), pero no puedo, por que no se despliega nada.
Pongo el sitio, porque está en construcción (espero que no se considere spam)
http://www.m4z.99h.com.ar/
Ahí se ve el formulario desplegable para loguear, que funciona perfectamente bien (no lo hice yo, claro)
Pero una vez logueado (user: test00 y pass: test00, si alguien quiere entrar), también se puede ver como mis lineas no funcionan igual, me falta algo, sobra algo o algo está mal... y no sé el qué...
Agradezco toda la ayuda posible, gracias adelantadas. (Y si es tener mucho morro, pues gracias igualmente, por leerme...)
Valora esta pregunta
0