ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Administrador
Administrador

Dalton
avatarDalton
Administrador
Ver perfil de usuario http://www.othispano.net
el Dom 06 Mayo 2012, 10:28 pm

Hola, hoy les traigo, una navbar, creada por tito, me gusto, y se las comparto:).
Vista Previa;


Code;
Código:
<style>

.navwd {
background-image: url(http://i41.servimg.com/u/f41/16/71/63/22/fondon11.png);
width: 700px;
margin: 0 auto;
padding: 5px;
font-family: arial;
color: white;
font-size: 12px;
font-weight: 600;
height: 30px;
line-height: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
box-shadow: 0 0 0 3px rgba(0,0,0,.2);
padding-left: 50px;
z-index: 1;
position: relative;
}

.navwd a{
text-decoration:none;
color:#fff;
margin-right: 5px;
margin-left: 5px;
}

.navwd a:hover{color:#eaeaea}

.navwd a img {
position: relative;
top: 3px;
}

.desplegable {
display:none;
width: 650px;
margin: 0 auto;
height: 100px;
padding-left: 15px;
background: #2A2A2A;
color: white;
font-family: arial;
font-size: 12px;
line-height: 40px;
font-weight: 600;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>

<div class="navwd">

<a href="#" id="ldesplegable">Link desplegable<img src="http://i41.servimg.com/u/f41/16/71/63/22/arrow_10.png"></a>

<a href="#">Link normal</a>

<a href="#">Link normal</a>


<form method="get" action="/search" id="search" style="position: relative;top: -43px;left: -10px;"><p class="nomargin" style="float: right;"><b><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';" style="border: 1px solid #2a2a2a;-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;padding: 5px;color: #fff;width: 170px;background-color: #070707;"></b></p></form>


</div>

<div class="desplegable">Contenido</div>


<script>
jQuery("#ldesplegable").click(function() {
  jQuery(".desplegable").slideToggle("slow");
});
</script>

Saludos! :D.

avatar
Usuario VIP
Usuario VIP

.Storm
avatar.Storm
Usuario VIP
Ver perfil de usuario
el Sáb 26 Mayo 2012, 11:43 am

Muchas gracias por aportar.

avatar
Donador
Donador

Levi Bona'parteel Sáb 26 Mayo 2012, 1:28 pm

me gusta esta navbar bastante buena *--* me servira gracias por el aporte se te agradece suerte



avatar
Usuario VIP
Usuario VIP

Erudito™
avatarErudito™
Usuario VIP
Ver perfil de usuario http://web-support.foroactivo.com
el Jue 28 Jun 2012, 6:00 am

esto es para phpbb2,phpbb3, punbb o invision?





LUCHAS CONTRA LAS BOMBAS MI CABALLERO
:4936: :4936: :4936: :4936: :4936: :4936:
avatar
Girl
Girl

bellita
Ver perfil de usuario http://paratidj.foro-activo.com/
el Vie 29 Mar 2013, 3:35 am

posteo para ver..



Foro en el que administro pasen un gusto si se registran,...
Foro
avatar
Usuario
Usuario

Cleddy
avatarCleddy
Usuario
Ver perfil de usuario
el Lun 29 Abr 2013, 1:41 pm

provandoo...

avatar
Usuario
Usuario

CruzitoVlf
avatarCruzitoVlf
Usuario
Ver perfil de usuario http://www.xtremegamer.foro.bz
el Sáb 18 Mayo 2013, 2:04 pm

responder

avatar
Usuario
Usuario

JoorgeSuarez
Ver perfil de usuario http://anti-sxe.host-es.com/
el Mar 22 Oct 2013, 1:32 am

ver.



Hola Invitado Soy Jorge, mucho gusto!! adios
avatar
Usuario
Usuario

Jace Connor
Ver perfil de usuario
el Sáb 25 Oct 2014, 2:37 pm

Para ser sencillo, es mejor que la mayoría.

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.