Staff en línea

[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
avatar

¿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 :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

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
avatar

¿Que estoy pensando? :

Regresando a Open ^^ [table class=fecha_up][td]Se modifico:14/08/18 - 10:52 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 :

144


Puntos :

169


Me gusta :

21


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

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
avatar

¿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 :

789


Puntos :

1147


Me gusta :

198


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

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
Andreii
avatar

¿Que estoy pensando? :

Regresando a Open ^^ [table class=fecha_up][td]Se modifico:14/08/18 - 10:52 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 :

144


Puntos :

169


Me gusta :

21


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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