Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Chalo Lun Oct 15, 2018 8:24 am

[Revisado] Errores Yoshi Fans club
por YoshiGM Sáb Oct 13, 2018 12:36 pm

[CSS] Dar estilo a los rangos
por Eslam Love Miér Oct 03, 2018 11:15 pm

Página 3 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? :

ayudando como debe ser [table class=fecha_up][td]Se modifico:2/010/18 - 20:40 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6839


Puntos :

8934


Me gusta :

1030


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 Miér Dic 23, 2015 10:21 am
Gracias Chalo! estaba buscando algo asi
Ysamar
avatar

¿Que estoy pensando? :

jjp´j [table class=fecha_up][td]Se modifico:10/05/18 - 19:04 hrs. [/td][/table]


Banner en temas :

http://descargarimagenestiernas.com/wp-content/uploads/2015/07/imagenes-tiernas-con-frases-para-descargar-3.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

68


Puntos :

78


Me gusta :

10


ingreso :

28/11/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Ene 01, 2016 3:45 pm
me parece interesante el codigo. a probarlo
Junior Ñuflo Talaverano

¿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://static.comicvine.com/uploads/original/11112/111120351/3111627-563583_10150711503988485_11648563484_9583859_396787402_n.jpg


Color de titulos :

#fff


Sombra titulo :

0 -1px #333


Mensajes :

32


Puntos :

41


Me gusta :

5


ingreso :

01/01/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Ene 01, 2016 6:44 pm
Dejame verlo pues jhaja!
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

424


Puntos :

597


Me gusta :

63


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.forumotion.com/

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Miér Ene 27, 2016 3:00 pm
Gracias por este 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 :

142


Puntos :

167


Me gusta :

21


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Miér Mar 23, 2016 9:42 am
gracias por el aporte
kyusenka
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

70


Me gusta :

15


ingreso :

22/03/2016


Sexo :

Masculino

Plataforma :

phpbb2


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Lun Mayo 09, 2016 8:11 pm
Que increíble, se mucho mejor que los escritos comunes
Gotilon
avatar

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Lun Mayo 15, 2017 7:33 pm
ocupo ver algo
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 Miér Ago 02, 2017 12:16 am
viendo el post. gracias
Junior Ñuflo Talaverano

¿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://static.comicvine.com/uploads/original/11112/111120351/3111627-563583_10150711503988485_11648563484_9583859_396787402_n.jpg


Color de titulos :

#fff


Sombra titulo :

0 -1px #333


Mensajes :

32


Puntos :

41


Me gusta :

5


ingreso :

01/01/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Miér Ago 02, 2017 11:17 am
No sé qué es, así que comento para enterarme [Cesp]#128522;[/Cesp]
Cristianita
avatar

¿Que estoy pensando? :

Todo lo puedo en Cristo, que me fortalece (Filipenses 4:13) [table class=fecha_up][td]Se modifico:11/02/17 - 15:21 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ATCmmOmh.jpeg


Color de titulos :

#ffffff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

47


Puntos :

69


Me gusta :

12


ingreso :

01/02/2016


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Firefox


Ver perfil de usuario http://plantandoeternidad.com

Volver arriba Ir abajo

Re: [CSS] breadcrums como en Open Source 
el Vie Sep 15, 2017 11:05 pm
Odio cuando es exclusivo para punbb, muchas gracias parece ser legal
muykay
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

67


Puntos :

69


Me gusta :

2


ingreso :

07/09/2017


Sexo :

Masculino

Plataforma :

punBB


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.