Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje31-10-2008, 20:47 (UTC)    
Título del mensaje: [Código HTML] Menu Horizontal Mac Osx

Bueno aqui les traigo este codigo que es muy util.

Este codigo fué posteado por Team-Webmaster aca en el foro de pwg, pero no funcionaba correctamente
ahora ah sido modificado para que funcione.
fue sacado del foro de javidj

**Nota: Cambien estos lugares

Link o Url donde llevara y Nombre del link


**Nota: Este codigo debe ser colocado en la 1ra box de la derecha.

Código:
<div style="position:absolute;left:600px;top:170px;">
<div align="center">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"  />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/jquery.js"></script>
<script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/interface.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="http://extremeart.bplaced.net/filemanager/style.css" rel="stylesheet" type="text/css" />
</head>
<body><center>
<!--bottom dock --><div width="921" height="150">
<div class="dock" id="dock2">
<div class="dock-container2">
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_self"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/home.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/home.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/imac.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/imac.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/msn.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/msn.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/star.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/star.png" alt="Home" /></a>
</div>
</div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 70,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 50,
proximity: 90,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>
</center>
</body>
</html>
<br></FONT>
<table height="27">
<tr>
<td height="27" valign="middle">
<script type="text/javascript">
_uacct = "UA-2594508-8";
urchinTracker();
</script></body>
</html>
</div>



**Nota: Funciona con PWG.

saludos***


Ultima edición por seba37 el Vie Nov 21, 2008 4:05 pm; editado 2 veces
Mensaje31-10-2008, 21:07 (UTC)    
Título del mensaje: Oye Amigo

Oye Amigo Sera Posible colocarle mas link a ese menu para ver si borro el menu de mi web y le pongo ese pero con mas imagenes??


osea

POner mas link y cambiarles los colores?
Mensaje31-10-2008, 21:12 (UTC)    
Título del mensaje:

Este codigo ya habia sido publicado

http://www.paginawebgratis.es/forum/viewtopic.php?t=3825&highlight=menu+mac
______________







Mensaje31-10-2008, 21:14 (UTC)    
Título del mensaje:

Cita:
<div style="position:absolute;left:600px;top:170px;">
<div align="center">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/jquery.js"></script>
<script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/interface.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="http://extremeart.bplaced.net/filemanager/style.css" rel="stylesheet" type="text/css" />
</head>
<body><center>
<!--bottom dock --><div width="921" height="150">
<div class="dock" id="dock2">
<div class="dock-container2">
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_self"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/home.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/home.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/imac.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/imac.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/msn.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/msn.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/star.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/star.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/imac.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/imac.png" alt="Home" /></a>
<a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://img.webme.com/pic/t/team-iceblue/msn.png" _fcksavedurl="http://img.webme.com/pic/t/team-iceblue/msn.png" alt="Home" /></a>

</div>
</div>
</div>
<!--dock menu JS options -->
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock2').Fisheye(
{
maxWidth: 70,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 50,
proximity: 90,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>
</center>
</body>
</html>
<br></FONT>
<table height="27">
<tr>
<td height="27" valign="middle">
<script type="text/javascript">
_uacct = "UA-2594508-8";
urchinTracker();
</script></body>
</html>
</div>




lo que esta en rojo es lo que se agrega para tener mas link

suerte!!!

wedmasterayuda lo que pasa es que anda mal el codigo.

el codigo fue sacado del foro de javidj.


Ultima edición por seba37 el Vie Oct 31, 2008 5:18 pm; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group