HTML - despleglable con enlaces

   
Vista:

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:

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 -->gt;
 
		<br /><br />
 
		<!-- IF S_AUTOLOGIN_ENABLED -->t;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 -->="{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 -->SAGE_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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

despleglable con enlaces

Publicado por OsGari (2 intervenciones) el 01/12/2011 11:02:20
Ya está, solucionado. Viendo el código fuente de mi página, veréis como lo he hecho...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar