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

[CSS] Dar estilo a los rangos con CSS
Tema iniciado por y Añadir a favoritos

[CSS] Dar estilo a los rangos con CSS 
el Sáb Mayo 23, 2015 2:03 am
staff


Última edición por Chalo el Lun Dic 07, 2015 9:58 am, editado 1 vez
[codebox]Lo del titulo [/codebox]
Dentro de campo donde se coloca el nuevo rango debera adicionar con este HTML

[hidecode]
Código:
<div id="rank" class="admin"><div id="image"></div><div id="text">Administrador</div></div>
[/hidecode]

El ejamplo de arriba dice Administrador es es lo que saldrá escrito.
class="admin" <----- Para cada rango deberan poner un nobre de class propio, ejemplo: class="mod" lo que quieran

Luego colocamos el CSS principal

Código:
/*
// Ranks administrativos personalizados
// Autor: Wagner'
// Acesse: www.jscript.forumeiros.com
// Para mais informações!
// Favor não retirar os créditos;
*/
/*default*/
#rank{
  background-image: url('http://i.imgur.com/6KHiROK.png') repeat-x;
  padding: 7px;
  border-radius: 3px;
  color: #fff;
  font: 13px "Trebuchet MS";
}
#image{
  background: url('https://cdn1.iconfinder.com/data/icons/PixeloPhilia_2/PNG/medal.png') no-repeat;
  width: 32px;
  height: 32px;
  float: left;
}
#text{
  text-align: center;
  cursor: default;
  text-shadow: rgba(0,0,0,.5) 0 1px 0;
}
/*cores*/
.admin{
  background-color: #d00000;
  box-shadow: 0 1px 0 0 #ED0000 inset, 0 2px 3px rgba(0, 0, 0, 0.2);
  border:1px solid  #780909;
}

Para el ejemplo de mod

Código:
.mod{
  background-color: #008bd1;
  box-shadow: 0 1px 0 0 #009eed inset, 0 2px 3px rgba(0, 0, 0, 0.2);
  border:1px solid  #085378;
}

y así deberán ir creando uno para cada rango, en donde ustedes escogeran el color del fondo, sombras etc, el cielo es el límite
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] Dar estilo a los rangos con CSS 
el Mar Jul 28, 2015 11:24 am
Comento para ver este genial efecto.Gracias chalo
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] Dar estilo a los rangos con CSS 
el Jue Dic 17, 2015 6:53 pm
Muy lindo lo voy a aplicar en mi foro pronto edito con el resultado
Shaiell
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://1.bp.blogspot.com/-BdKKS2wxK04/UsitRCDVRQI/AAAAAAAAA7A/77LYeSjiVIQ/s1600/Charlie-Brown-Christmas-Facebook-Cover.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

28


Puntos :

39


Me gusta :

9


ingreso :

06/12/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Dar estilo a los rangos con CSS 
el Miér Dic 23, 2015 12:35 pm
Muy lindo lo voy a aplicar en mi foro pronto edito con el resultado
@Shaiell escribió:[quotelink="/t492-css-dar-estilo-a-los-rangos-con-css#8395"]
Muy lindo lo voy a aplicar en mi foro pronto edito con el resultado
perdi el codigo... no pidan motivos e.e
resultado :3
Spoiler:

Shaiell
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://1.bp.blogspot.com/-BdKKS2wxK04/UsitRCDVRQI/AAAAAAAAA7A/77LYeSjiVIQ/s1600/Charlie-Brown-Christmas-Facebook-Cover.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

28


Puntos :

39


Me gusta :

9


ingreso :

06/12/2015


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.