Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje10-07-2008, 01:44 (UTC)    
Título del mensaje: [CSS] MENU MAC X





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>
<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"LINK O URL" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/home.png" alt="home" /></a>

<a class="dock-item2"LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/imac.png" alt="history" /></a>
 
<a class="dock-item2"LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/msn.png" alt="rss" /></a>

  <a class="dock-item2" href=LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/star.png" alt="rss" /></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
ESTO ES PARA CAMBIAR LA POSICION DEL MENU

<div style="position:absolute;left:600px;top:170px;">


EL EFECTO LO PODRAN VER AQUI:
http://team-iceblue.es.tl/

EL CODIGO SE COLOCA EN :
Advertencia referente al campo de contenido (p.ej. Copyright):

DONDE COLOCAR LA IMAGEN
<div class="dock-container2">
<a class="dock-item2"LINK ALA PAGINA QUE TE MANDARA AL ACER CLIC" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="AQUI COLOCARAN LA IMAGEN EN CASO DE QUE QUIERAN CAMBIARLA" alt="home" /></a>
______________


Ultima edición por team-webmaster el Mie Jul 09, 2008 10:03 pm; editado 5 veces
Mensaje10-07-2008, 01:54 (UTC)    
Título del mensaje:

debes dar indicaciones, algunas instrucciones, más datos sobre qué efecto dá y dónde se coloca,
Mensaje10-07-2008, 01:58 (UTC)    
Título del mensaje:

nixoweb escribió:
debes dar indicaciones, algunas instrucciones, más datos sobre qué efecto dá y dónde se coloca,


YA LO PUSE MIRA EL EFECTO
WWW.TEAM-ICEBLUE.ES.TL
______________
Mensaje10-07-2008, 01:59 (UTC)    
Título del mensaje:

y cómo definimos los botones, url a destino, colores?
Mensaje10-07-2008, 02:01 (UTC)    
Título del mensaje:

nixoweb escribió:
y cómo definimos los botones, url a destino, colores?


mmm en el code te dise donde colocar la url
______________
Mensaje10-07-2008, 02:03 (UTC)    
Título del mensaje:

pues eso deberías aclarar.
Mensaje10-07-2008, 02:04 (UTC)    
Título del mensaje:

nixoweb escribió:
pues eso deberías aclarar.


PUES QUE DA BN EL EFECTO ?
______________
Mensaje10-07-2008, 02:07 (UTC)    
Título del mensaje:

si es un buen menu la apariencia es genial!
______________
Mensaje10-07-2008, 02:09 (UTC)    
Título del mensaje:

ladiskoteka escribió:
si es un buen menu la apariencia es genial!

GRASIAS
______________
Mensaje10-07-2008, 02:19 (UTC)    
Título del mensaje:

team-webmaster escribió:
nixoweb escribió:
pues eso deberías aclarar.


PUES QUE DA BN EL EFECTO ?


qué hay que modificar...
Mensaje10-07-2008, 02:21 (UTC)    
Título del mensaje:

supongo q la url a donde se va a dirigir al dar click al boton y el texto q ahi dice
______________
Mensaje10-07-2008, 06:43 (UTC)    
Título del mensaje:

Solo modificar lo rojo:



<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>
<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"LINK O URL" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/home.png" alt="home" /></a>

<a class="dock-item2"LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/imac.png" alt="history" /></a>

<a class="dock-item2"LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/msn.png" alt="rss" /></a>

<a class="dock-item2" href=LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/star.png" alt="rss" /></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>
Mensaje10-07-2008, 20:09 (UTC)    
Título del mensaje:

esta muy bueno el menu, pero seria bueno que en vez de usar el [ code] [ /code], mejor usar el [ list] [ /list] y asi le pones colores a las indicaciones, gracias T-WM por el code y gracias rme por hacerlo mas agradable a la vista
Mensaje17-07-2008, 19:06 (UTC)    
Título del mensaje:

diegovenegas escribió:
esta muy bueno el menu, pero seria bueno que en vez de usar el [ code] [ /code], mejor usar el [ list] [ /list] y asi le pones colores a las indicaciones, gracias T-WM por el code y gracias rme por hacerlo mas agradable a la vista


si jeje
______________
Mensaje18-07-2008, 20:03 (UTC)    
Título del mensaje:

ola esta muy bueno pero el codigo tiene un error en verdad no se si error aki va

el problema esta aki

<a class="dock-item2"LINK O URL" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/home.png" alt="home" /></a>

esta bien solo quie uno pone el link que quiere y no te manda esto tiene que ser asi

<a class="dock-item2" href=LINK O URL"" target="_top"><span>NOMBRE QUE MOSTRAR EL LINK</span><img src="http://img.webme.com/pic/t/team-iceblue/star.png" alt="rss" /></a>


= no es un problema tan tan grande pero me costo darme cuenta jeje bueno adioz y muchas gracias por el codigo que esta muy bueno
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group