Bueno paso tiempo de que no aportaba algo... Así que... Vamos...
Es el menú tipo mac que tanto están pidiendo y nadie les da...
___________________________________________________
Demo:
(Click Para Agrandar)___________________________________________________
Demo Live:
http://teope.net___________________________________________________
Como logran esto? Simple...
• Descarguen y extraigan el archivo .rar adjunto...
• Obtendrán una carpeta de nombre "barra" que deberán de subir a la siguiente ruta, a su sitio web...
- /Themes/default/
• Ahora biene la parte que a muchos no le gusta ^^, la de modificar archivos...
- Abren el archivo "index.template.php" correspondiente al theme que estan utilizando... En mi caso abro:
- /Themes/taringa/index.template.php
- /Themes/default/index.template.php, si utilizan el por defecto.
___________________________________________________
Buscan por: (Linea 31 Aprox.)
</head>
Agregan Antes:
<script type="text/javascript" src="/Themes/default/barra/js/jquery.js"></script>
<script type="text/javascript" src="/Themes/default/barra/js/interface.js"></script>
<link type="text/css" href="/Themes/default/barra/css/interface-fisheye.css" rel="stylesheet">
___________________________________________________
Si utilizan el theme "Taringa v0.3" o alguno de sus editaciones...
Buscan por: (Linea 140 Aprox.)
<div id="bg-cuerpo">
Si utilizan el theme "default" o alguno de sus editaciones...
Buscan por: (Linea 140 Aprox.)
<div id="bodyarea">
Agregan Antes:
<div id="fisheye" class="fisheye">
<div class="fisheyeContainter">
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Animaciones.png" width="30" /><span>Animaciones</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/anime.png" width="30" /><span>Anime</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Apple.png" width="30" /><span>Apple</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Celular.png" width="30" /><span>Celular</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/comics.png" width="30" /><span>Comic\'s</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/deportes.png" width="30" /><span>Deportes</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/download.png" width="30" /><span>Download</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Enlaces.png" width="30" /><span>Enlaces</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/humor.png" width="30" /><span>Humor</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Imagenes.png" width="30" /><span>Imagenes</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Juegos.png" width="30" /><span>Juegos</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Libros.png" width="30" /><span>Libros</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/linux.png" width="30" /><span>Linux</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Manuales-Tutoriales.png" width="30" /><span>Manuales y Tutoriales</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Musica.png" width="30" /><span>Musica</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/noticias.png" width="30" /><span>Noticias</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Off-topic.png" width="30" /><span>Off-Topic</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/warezz.png" width="30" /><span>warezz</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Tips-y-Trucos.png" width="30" /><span>Tips y Trucos</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/Torrents.png" width="30" /><span>Torrents</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/TV-Peliculas-y-series.png" width="30" /><span>TV, Peliculas y series</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/videos.png" width="30" /><span>Videos</span></a>
<a href="/index.php?id=95" class="fisheyeItem"><img src="/Themes/default/barra/images/windows.png" width="30" /><span>Windows</span></a>
</div>
</div>
<script type="text/javascript">
$(document).ready(
function()
{
$(\'#fisheye\').Fisheye(
{
maxWidth: 40,
items: \'a\',
itemsText: \'span\',
container: \'.fisheyeContainter\',
itemWidth: 35,
proximity: 70,
halign : \'center\'
}
)
}
);
</script>
___________________________________________________
• Para modificar las URL a las que enlazan las imágenes y las imágenes mismas, modifican lo siguiente:
- "/index.php?id=95", por la URL a enlazar...
- Las imágenes las suben a "/Themes/default/barra/images/" y las reemplazan por las ya incluidas en el código...
• Listo ya tienen su barra tipo mac...
___________________________________________________
Aclaración: Este menú no me gusta, por eso lo aporto ^^...[archivo adjunto borrado por el administrador]
