Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por YoshiGM Vie Dic 14, 2018 1:48 pm

[html] Pagina de Login en 2 pasos
por House M. D. Mar Dic 04, 2018 3:11 pm

Un saludo y Felices fiestas
por Chalo Mar Dic 04, 2018 1:34 pm

Página 1 de 4. 1, 2, 3, 4  Siguiente

[CSS] breadcrums como en Open Source
Tema iniciado por y Añadir a favoritos

[CSS] breadcrums como en Open Source 
el Mar Jun 30, 2015 7:39 am
staff


Última edición por Chalo el Vie Sep 01, 2017 12:05 pm, editado 4 veces
[bkg position="center -262px"] https://i.servimg.com/u/f18/18/99/60/36/captur20.png [/bkg]
[codebox][/codebox]

[hidecode]
Código:

.topic-actions > .search-box,
.pathname-box {
    margin: 0;
    float: none;
}
.pathname-box .nav[href=""] { display: none }
.topic-actions > p:not(.right),
.pathname-box > p {
    background: none;
  border: none;
  padding: 0;
  margin: -6px 0 0 10px;
  font-size: 0;
  display: inline-block;
}
.topic-actions > p:after,
.pathname-box > p:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.topic-actions > p> a,
.pathname-box > p > a {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 0;
    line-height: 36px;
    height: 36px;
    display: block;
    position: relative;
    background: #DDD;
    padding: 0 10px 0 20px;
border:1px solid #ccc
}
.topic-actions > p> a:first-child,
.pathname-box > p > a:first-child {
    background: url(http://i18.servimg.com/u/f18/14/64/86/06/home_p11.png) no-repeat center center #2980b9;
    width: 30px;
    padding-left: 4px;
}
.topic-actions > p> a:first-child > span,
.pathname-box > p > a:first-child > span {
    display: block;
    text-indent: -9999px;
}
.topic-actions > p> a:before,
.topic-actions > p > a:after,
.pathname-box > p > a:before,
.pathname-box > p > a:after {
    content: " ";
    border: 18px solid transparent;
    border-left-width: 12px;
    border-right: 0;
    border-left-color: #DDD;
    display: block;
    position: absolute;
    right: -12px;
    top: 0;
    z-index: 10;
    width: 0;
    height: 0;
}
.topic-actions > p> a:after,
.pathname-box > p > a:after {
    border-left-color: #bbb;
    right: -13px;
    z-index: 5;
}
.topic-actions > p> a:first-child:before,
.pathname-box > p > a:first-child:before { border-left-color: #2980b9 }
.topic-actions > p> a:hover,
.pathname-box > p > a:hover {
    background-color: #333;
    color: #FFF;
}
.topic-actions > p> a:hover:before,
.pathname-box > p > a:hover:before { border-left-color: #333 }
.topic-actions > p> a:hover > span,
.pathname-box > p > a:hover > span { color: #FFF }

[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Mar Jun 30, 2015 8:55 am
voy a probarlo Chalo, como siempre gracias por tus magnificos aportes. thumbs
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Mar Jun 30, 2015 12:14 pm
Muchas gracias [tag]Chalo[/tag] lo probare a ver si funciona con Punbb ojala
CD"MA
avatar

¿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://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

474


Me gusta :

46


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Mar Jun 30, 2015 12:43 pm
staff
Ay yupi! yo kiero!
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: [CSS] breadcrums como en Open Source 
el Jue Jul 02, 2015 5:57 pm
staff
Esto esta interesante chalupi ...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1585


Puntos :

2328


Me gusta :

453


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Jul 03, 2015 11:59 am
veo gracias por el aporte
kensha
avatar

¿Que estoy pensando? :

regresando [table class=fecha_up][td]Se modifico:27/03/17 - 9:42 hrs.[/td][/table]


Banner en temas :

http://facecoverz.com/static/img/uploads/o_facecoverz.com-1365693265366.jpg


Color de titulos :

#0FAEAC


Sombra titulo :

1px 1px 1px #fff


Mensajes :

287


Puntos :

421


Me gusta :

82


ingreso :

12/05/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://bookland.activosforos.com

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Jue Jul 16, 2015 3:40 pm
Posteo para ver y probarlo
XyriuSbLaZ
avatar

¿Que estoy pensando? :

En nada [table class=fecha_up][td]Se modifico:22/7/15 - 22:44 hrs.[/td][/table]


Banner en temas :

http://tweeting.com/wp-content/uploads/2012/04/Cute-Kitten-Facebook-Cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

84


Puntos :

106


Me gusta :

18


ingreso :

10/07/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://megauniverso.superforo.net/

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Dom Ago 23, 2015 4:45 pm


Última edición por kuke el Vie Sep 04, 2015 3:41 am, editado 1 vez
se ve bueno lo probare  thumbs
kuke
avatar

¿Que estoy pensando? :

diseñar y hacer amigos[table class=fecha_up][td]Se modifico:14/8/15 - 1:07 hrs.[/td][/table]


Banner en temas :

https://cherieroedirksen.files.wordpress.com/2012/11/a-new-dawn-facebook-cover.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

120


Puntos :

208


Me gusta :

40


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Jue Ago 27, 2015 2:31 pm
Me gusta, lo probarée !!!
angiemg
avatar

¿Que estoy pensando? :

Con mucho frio [table class=fecha_up][td]Se modifico:21/01/16 - 11:58 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/p6GfH0S.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

70


Puntos :

100


Me gusta :

14


ingreso :

26/08/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Jue Ago 27, 2015 3:31 pm
@Chalo no me queda bien
Thor
avatar

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

335


Puntos :

419


Me gusta :

78


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.adictosalgear.org

Volver arriba Ir abajo

 En la misma categoria


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