Staff en línea
Últimos temas
[html]Menú de enlaces simple Origin10[Ocio]El confesionario Digital
por Chalo Vie Mar 27, 2020 10:14 am

[html]Menú de enlaces simple Origin10Utiliza Android en tu pc de forma nativa
por Fibo Jue Mar 26, 2020 8:38 pm

[html]Menú de enlaces simple Origin10[Ocio] Contemos hasta el 5000
por Chalo Jue Mar 26, 2020 11:33 am

[html]Menú de enlaces simple Origin10[Publicidad] Alfa Gamer
por YoshiGM Dom Mar 22, 2020 11:49 am

[html]Menú de enlaces simple
Tema iniciado por y Añadir a favoritos

[html]Menú de enlaces simple 
el Vie Dic 15, 2017 1:52 pm
staff
[codebox]Lista sencilla de enlaces[/codebox]
DEMO
http://www.opensourcephpbb3.com/h37-listanlace-1-3-aporte


HTML
[hidecode]
Código:
<nav>
  <a class="btn" href="#">Este es un enlace</a>
  <a class="btn" href="#">...aquí otro ...</a>
  <a class="btn" href="#">...otro más...</a>
  <a class="btn" href="#">este también es un enlace</a>
</nav>
[/hidecode]

CSS
[hidecode]
Código:
nav {
  width: 225px;
}

a.btn {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 5px 20px 5px 10px;
  text-decoration: none;
  letter-spacing: 2px;
  margin: 0px 0px 10px 0px;
  color: #fff;
  width: 300px;
  transition: background-color, 1s, ease-out, 0.5s, border 0.5s;
  position: relative;
  overflow: hidden;
}

a.btn:hover {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: #fff;
  border-left-width: 15px;
}

a.btn::after {
  content: "";
  display: block;
  width: 10px;
  height: 100px;
  background-color: #fcba68;
  position: absolute;
  top: 0px;
  left: -10px;
  transition: left 0.5s;
}
[/hidecode]
RinC
RinC

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

791


Puntos :

1154


Me gusta :

201


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [html]Menú de enlaces simple 
el Vie Dic 15, 2017 2:18 pm
Esto también me gusto mucho, es posible usarlo en temas ? e.o

Gracias Rin por el aporte!
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

Re: [html]Menú de enlaces simple 
el Vie Dic 15, 2017 2:33 pm
staff
@Andreii escribió:[quotelink="/t1431-htmlmenu-de-enlaces-simple#18148"]
Esto también me gusto mucho, es posible usarlo en temas ? e.o

Gracias Rin por el aporte!
En temas? Como así?
En sí, puedes usarlo donde quieras
RinC
RinC

¿Que estoy pensando? :

Ni se te ocurra -_- [table class=fecha_up][td]Se modifico:29/03/18 - 17:44 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

791


Puntos :

1154


Me gusta :

201


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [html]Menú de enlaces simple 
el Vie Dic 15, 2017 2:36 pm
Ah dale perfecto, en temas decía en publicaciones. Pero si sería acomodarlos [html]Menú de enlaces simple 953422333
Andreii
Andreii

¿Que estoy pensando? :

Hay... ya sali :( [table class=fecha_up][td]Se modifico:22/02/20 - 16:09 hrs. [/td][/table]


Banner en temas :

http://static.tumblr.com/376a46baffe3444282f3b414a2fd0d46/jsyqb9t/qxbnm1bqy/tumblr_static_tumblr_static_4eo5pzujbwcg8gws0gcc8oc0s_focused_v3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

156


Puntos :

186


Me gusta :

24


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

Re: [html]Menú de enlaces simple 
el Jue Nov 28, 2019 6:30 am
Gracias por el aporte
Lelu
Lelu

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://portadafb.com/wp-content/uploads/2012/05/portada-facebook-nyan-cat.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

34


Puntos :

55


Me gusta :

21


ingreso :

08/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


http://secretsdesires.forosactivos.net/

Volver arriba Ir abajo

 En la misma categoria


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