Hipervinculos desplegables

serpientenegra Usuario habitual
#1•10/Ago/2005, 21:18 Hola! Pos si ando buscando un manual donde te enseñen a hacer vinculos cuyos quando haces "clic" te aparezcan subapartados. Lo llevo buscando desde hace tiempo y no lo he encontrado si algien sabria hacerlo profavor que me enseñé y aisn de paso lo enseña a todos Una eb donde lo ví es en www.habbox.com y quiero hacer un menú asin. Gracias

kn1f3eg @man / @woman
#2•10/Ago/2005, 23:10 Revisa el codigo fuente de esta pagina http://www.habbox.com/navigation.php y verás como lo hicieron...

lick_boy Come y duerme en el foro
#3•11/Ago/2005, 00:53 si eso es lo que el quiero pero resulta que la pagina tiene un codigo para que no copeen en codigo fuente. solo es una esivision para el...

serpientenegra Usuario habitual
#4•11/Ago/2005, 11:32 He estado analizando el codigo de la web de www.habbox.com pero no llego a descartar el trozo donde sale la funcion de desplegar el menú No se que hacer lo he buscado en google y en webs de masters pero nada de nada Gracias =mente a todos aquellos que x el momento han posteado algo. Porfavor si alguien sabe que deje su e-mail o lo postee!

kn1f3eg

@man / @woman

#5•11/Ago/2005, 15:56

Yo digo que es este:

Codigo:

<div id="masterdiv">
<div class="menutitle" onClick="SwitchMenu('sub1')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> Habbox</div>
<span class="submenu" id="sub1"> <a href="home.php" target="rightFrame">Home</a><br>
<a href="vip.htm" target="rightFrame">Habbox VIPs</a><br>

<a href="cu.php" target="rightFrame">Contact Us</a><br>
<a href="jo.htm" target="rightFrame">Job Openings</a><br>
<a href="http://www.habboxforum.com/forumdisplay.php?f=5" target="_blank">Competitions</a><br>
<a href="newsletter/subscribe.php" target="rightFrame">Habbox Newsletter</a><br>
<a href="stafflist.htm" target="rightFrame">Staff (alphabetical)</a><br>
<a href="stafflistdep.htm" target="rightFrame">Staff (by department)</a><br>
<a href="managers.htm" target="rightFrame">Habbox Managers</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('subAL')"><img src="images/skins/summer/fan_blue.gif" width="20" height="14" align="left"> Alterations</div>

<span class="submenu" id="subAL">

<a href="images/Alterations/!xx!kyle!xx!/" target="rightFrame">!xx!kyle!xx!</a><br> <a href="images/Alterations/Max/" target="rightFrame">>Max<</a><br>
<a href="images/Alterations/bortwein/" target="rightFrame">bortwein</a><br>
<a href="images/Alterations/catid/" target="rightFrame">catid</a><br>
<a href="images/Alterations/Exavior/" target="rightFrame">Exavior</a><br>
<a href="images/Alterations/fdb/" target="rightFrame">fdb</a><br>
<a href="images/Alterations/prekko/" target="rightFrame">prekko</a><br>
<a href="images/Alterations/RedStratocas/" target="rightFrame">RedStratoCas</a><br> <a href="images/Alterations/Roboevil/" target="rightFrame">Roboevil</a><br> <a href="images/Alterations/Smiffla/" target="rightFrame">Smiffla</a><br>

<a href="images/Alterations/Soyers/" target="rightFrame">Soyers</a><br>
<a href="images/Alterations/thewaterflame/" target="rightFrame">thewaterflame</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub2')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> Articles</div>
<span class="submenu" id="sub2"> <a href="ar.php" target="rightFrame">Articles</a><br>
<a href="iv.php" target="rightFrame">Interviews</a><br>
<a href="rr.php" target="rightFrame">Room Reviews</a><br>

<a href="ss.htm" target="rightFrame">Safety</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('games')"><img src="images/skins/summer/fan_blue.gif" width="20" height="14" align="left"> Games</div>
<span class="submenu" id="games"> <a href="games_dressup.htm" target="rightFrame">Habbo Dress Up </a><br>
<a href="games_minigames.php" target="rightFrame">Habbox Mini Games</a><span class="submenu" id="sub1"> </span><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub3')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> Habbo Content </div>

<span class="submenu" id="sub3">
<a href="hk.htm" target="rightFrame">Habbo Knowledge</a><br>
<a href="polls.php" target="rightFrame">Polls</a><br> <a href="hc.php" target="rightFrame">Habbo Council</a><br>
<a href="tt.htm" target="rightFrame">Tips & Tricks</a><br>
<a href="hp.htm" target="rightFrame">Hobba Project</a><br>
<a href="hl.htm" target="rightFrame">Habbo Hotels</a><br>
<a href="tsp.php" target="rightFrame">Tiny Space Players</a><br>
<a href="topsites/index.php" target="rightFrame">Topsites</a><br>

</span>
<div class="menutitle" onClick="SwitchMenu('subHF')"><img src="images/skins/summer/fan_blue.gif" width="20" height="14" align="left">Habbo Friends</div>
<span class="submenu" id="subHF">
<a href="scripts/friends/index.php" target="rightFrame">Main Page</a><br>
<a href="scripts/friends/view.php" target="rightFrame">View Archives</a><br>
<a href="scripts/friends/add.php" target="rightFrame">Submit a list</a><br>
<a href="scripts/friends/statistics.php" target="rightFrame">Statistics</a><br>
<a href="scripts/friends/delete.php" target="rightFrame">Delete a list</a><br>

</span>
<div class="menutitle" onClick="SwitchMenu('sub4')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> Help</div>
<span class="submenu" id="sub4"> <a href="hd.php" target="rightFrame">Habbox Help Desk</a><br>
<a href="aah.php" target="rightFrame">Ask a Hobba</a> <br>
<a href="http://www.habbohotel.co.uk/habbo/en/help/" target="_blank">Habbo UK FAQs</a><br> <a href="images/Max/Pages-2/21/hxhd-bb-9074/Habbox%20-%20HxHD%20BB.php" target="rightFrame">HxHD Big Brother</a><br> </span>
<div class="menutitle" onClick="SwitchMenu('sub5')"><img src="images/skins/summer/fan_blue.gif" width="20" height="14" align="left"> News</div>

<span class="submenu" id="sub5"> <a href="newsuk.php" target="rightFrame">Habbo UK</a><br>
<a href="newsusa.php" target="rightFrame">Habbo USA</a><br>
<a href="newsint.php" target="rightFrame">Habbo International</a><br>
<a href="newshx.php" target="rightFrame">Habbox</a><br>
<a href="newsout.php" target="rightFrame">Outside Habbo</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub6')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> Rares</div>

<span class="submenu" id="sub6"> <a href="scripts/rares_public/pages_norm.php" target="rightFrame">Normal Rare Values</a><br>
<a href="scripts/rares_public/pages_super.php" target="rightFrame">Super Rare Values</a><br>
<a href="scripts/rares_public/pages_season.php" target="rightFrame">Seasonal Rare Values</a><br> <a href="rwposters.htm" target="rightFrame">Rare Watch</a><br>
<a href="rareFAQs.htm" target="rightFrame">Rare Values FAQs</a></span><span class="submenu" id="sub7"><br> </span> <div class="menutitle" onClick="SwitchMenu('sub9')"><img src="images/skins/summer/fan_blue.gif" width="20" height="14" align="left"> Habbox Forum</div>
<span class="submenu" id="sub9"> <a href="http://www.habboxforum.com/" target="_blank">Forum</a><br>

<a href="http://www.habboxforum.com/showthread.php?t=34" target="_blank">Forum Rules</a><br>
<a href="http://www.habboxforum.com/register.php?" target="_blank">Register</a><br>
<a href="http://www.habboxforum.com/showthread.php?t=2033" target="_blank">Become a VIP</a><br>
<a href="http://www.habboxforum.com/faq.php?" target="_blank">FAQs</a><br>
<a href="http://www.habboxforum.com/sendmessage.php" target="_blank">FORUM Contact Form</a><br>
</span>
<div class="menutitle" onClick="SwitchMenu('sub10')"><img src="images/skins/summer/fan_green.gif" width="20" height="14" align="left"> <a href="http://www.habboxradio.com" target="_blank">Habbox Radio</a></div>
</div></td>

</tr>
</table></td>
</tr>
</table>

Editalo y lo pruebas... Giño

serpientenegra Usuario habitual
#6•11/Ago/2005, 18:05 No es este codigod ebido a que lo he pasado al dreamweaver y lo he publicado y me sale como un menú normal sin que se despliegen.

kn1f3eg @man / @woman
#7•11/Ago/2005, 19:40•Editado por kn1f3eg Si ya he estado probando, debe hacer falta algun truquillo por ahi pero no le atino.. esperemos que alguien tenga la solucion..

User 390661

@man / @woman

#8•11/Ago/2005, 20:30

El unico truco esque no has puesto el javascript:]
<script type="text/javascript">

if (document.getElementById){

document.write('<style type="text/css">\n')

document.write('.submenu{display: none;}\n')

document.write('</style>\n')

}

function SwitchMenu(obj){

if(document.getElementById){

var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){

for (var i=0; i<ar.length; i++){

if (ar.className=="submenu")

ar.style.display = "none";
} el.style.display = "block";
}else{

el.style.display = "none";
} }}

</script>

lick_boy Come y duerme en el foro
#9•13/Ago/2005, 05:37 mmmmmmmmm, me temo que esto no es lo que quiere el, es un codigo, no me acuerdo de la pagina donde vi muchos tipos de menu de distintos tipos y forma. te prometo que cuando encuentre la pagina te lo hare saber...

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Ayuda para webmasters

HTML básico

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Temas similares

No se han encontrado temas similares