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 2 de 4. Precedente  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
Recuerdo del primer mensaje :

[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 Jue Ago 27, 2015 3:33 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

Re: [CSS] breadcrums como en Open Source 
el Vie Ago 28, 2015 7:43 am
staff
Buen código voy a probarlo thumbs
Amru G
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 :

https://i.servimg.com/u/f19/19/17/54/05/portad11.jpg


Color de titulos :

#ffffff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

451


Puntos :

538


Me gusta :

83


ingreso :

27/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://elfutbol.activo.mx/

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Ago 28, 2015 12:31 pm
Lindo codigo, gracias por aportarlo
YoshiGM
avatar

¿Que estoy pensando? :

Ho,Ho,Ho! [table class=fecha_up][td]Se modifico:11/12/18 - 20:52 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1168


Puntos :

1567


Me gusta :

237


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://www.yoshifansclub.net

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Sep 04, 2015 3:42 am
Me surgio una duda , también es para otras versiones?
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 Vie Sep 04, 2015 5:45 pm
staff
@kuke escribió:[quotelink="/t669p10-css-breadcrums-como-en-open-source#6786"]
Me surgio una duda , también es para otras versiones?

como el foro es para phpbb3 por default aunque no lo diga lo es, pero, siempre puedo adaptarlo para otras versiones, solo abre el tema en soporte 😇
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 Dom Sep 20, 2015 6:54 pm
Muchas gracias, andaba buscando algo como esto^^
NeuJoker
avatar

¿Que estoy pensando? :

Nada [table class=fecha_up][td]Se modifico:16/04/16 - 12:08 hrs.[/td][/table]


Banner en temas :

http://www.coolfbcovers.com/covers-images/download/Joker%20Fb%20Cover.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

31


Me gusta :

6


ingreso :

20/09/2015


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Miér Sep 23, 2015 10:55 am
muy bueno lo boy a provar gracias
rokitx
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.profilebrand.com/images/facebook-cover/4342-loading-90-percent-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

72


Puntos :

76


Me gusta :

4


ingreso :

18/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Sáb Sep 26, 2015 10:46 am
staff
[tag]chalo[/tag] este es un post no un soporte no lo cierres...
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 Dom Sep 27, 2015 12:12 am
staff
@Dosh escribió:[quotelink="/t669p10-css-breadcrums-como-en-open-source#7217"]
[tag]chalo[/tag] este es un post no un soporte no lo cierres...

upsss andaba probando algo
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 Lun Sep 28, 2015 12:01 pm
Viendo de New! *-* Gracias
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

 En la misma categoria


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