¿Dónde encontrar un stickymenu con imagen de fondo?

  • Autor Autor lagume2
  • Fecha de inicio Fecha de inicio
L

lagume2

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola ando en busca de un stickymenu (menú pegajoso) pero que le pueda poner a ese menú una imagen de fondo, ¿Alguien sabe donde puedo localizarlo?

Agradezco la ayuda!
 
[MENTION=142778]lagume2[/MENTION] aquí lo tienes aunque no entiendo porque quieres ponerle una imagen de fondo al menu... probe y se ve muy horrible xD amenos que tengas una en especifico aqui tienes

P.D.: le puse una imagen de facebook y no es un color como te imaginas puedes cambiarla en la parte del CSS que dice #nav cambias background-image: url("aqui la imagen")

HTML (cambias todos los párrafos por lo que quieras):

Insertar CODE, HTML o PHP:
<div id="nav">
<p class="title"><a href="#">StickyMenu</a></p>
<ul id="navigation">
 <li><a href="#">Home</a></li>
 <li><a href="#">My Blog</a></li>
 <li><a href="#">Tutorials</a></li>
 <li><a href="#">Downloads</a></li>
 <li><a href="#">About</a></li>
</ul>
</div>
<div id="body">
<h1>  PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO PARRAFO </h1>
</div>

CSS (para cambiar la imagen cambias la url de background-image: url("http://elcirculord.com/wp-content/uploads/2015/06/Facebook-logo.jpeg"); ):

Insertar CODE, HTML o PHP:
body 
{
 margin:0px;
}
#nav
 {
background-image: url("http://elcirculord.com/wp-content/uploads/2015/06/Facebook-logo.jpeg"); 
 width:100%;
 height:50px;
 box-shadow: 0px 1px 50px #5E5E5E;
 position:fixed;
 top:0px;
}
.title
 {
 color:#EDEDED;
 font-family:verdana;
 font-size:25px;
 width:350px;
 margin-top:6px;
 margin-left:150px;
 font-weight:bold;
 float:left;
}
.subtitle 
{
 color:#EDEDED;
 font-family:verdana;
 font-size:15px;
}
#navigation
{
 list-style-type:none; 
}
li 
{
 display:inline;
 padding:10px;
}
#nav a
{
 font-family:verdana;
 text-decoration:none;
 color:#EDEDED;
} 
#nav a:hover 
{
 color:#BDBDBD;
}
#body 
{
 width:850px;
 margin:0px auto;
 margin-top:80px;
 font-family:verdana;
}

espero que te sirva :encouragement:


Aquí el Demo por si lo quieres ver...
 
Última edición:
Muchas gracias JancoBH me has ayudado mucho y tienes razón las imágenes de meritan la pagina, mil gracias nuevamente.
 
Muchas gracias JancoBH me has ayudado mucho y tienes razón las imágenes de meritan la pagina, mil gracias nuevamente.

jajaja de nada, si quieres ponerle una imagen o algo te recomiendo que sea algo de una buena combinación de colores para que no sea un color estándar o algo, saludos :encouragement:
 
Atrás
Arriba