Staff en línea
Últimos temas
[widget]  Widget Administrativo Origin10[widget] Crear mp
por citrato Mar Jul 21, 2020 5:05 am

[widget]  Widget Administrativo Origin10[widget] Aviso flotante
por citrato Lun Jul 20, 2020 8:14 am

[widget]  Widget Administrativo Origin10[recursos] Pack Rangos
por PeruxD Miér Jul 15, 2020 4:37 am

Página 1 de 2. 1, 2  Siguiente

[widget] Widget Administrativo
Tema iniciado por y Añadir a favoritos

[widget] Widget Administrativo 
el Dom Jun 28, 2015 1:17 am
[codebox]Con este code lograras hacer un Widgets atractivo, colocando un usuario en especifico como también miembros del Staff[/codebox]

Preview:

http://33.media.tumblr.com/78699835f538dd209d77f270056ee307/tumblr_np66fhUCFo1tbwufpo1_250.gif

Créditos:
Codigo Creado por: HARDROCKDESING Pastebin

Css:

[hidecode]
Código:
#staff a  {
  width: 60px;
  line-height: 100%;
  background: #000;
  display: inline-block;
  font-size: 10px;
  font-family: calibri;
  color: #eee;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  margin:1px;
}
 
#staff {
  width: 160px;
  height: 80px;
  overflow: hidden;
  position: relative;
  border: 5px solid #000;
  margin-bottom: 10px;
}
#staff .efect2 {
  position: absolute;
  width: 160px;
  height: 80px;
  transition:1.5s;
  overflow: hidden;
}
 
#staff:hover .efect2 {
  width: 0px;
  height: 0px;
  transition:1.5s;
}
[/hidecode]


HTML:

[hidecode]
Código:

<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Dancing+Script:400,700" />
<center>
                                                   
        <div id="staff">
                                                           
                <div class="efect2">
                                                                   
                        <div style="width: 160px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">
                                                                           
                        </div>
                                                                   
                </div>
                                                           
                <div style="width: 160px; height: 80px; background:#D1D1D1;">
                                             
                        <div style="font-family: Dancing Script; font-size: 20px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
                                            Nombre Apellido           
                        </div><a href="">Enviar MP</a><a href="">Ver perfil</a>                                       
                </div>
                                                           
        </div>
        <div id="staff">
                                                           
                <div class="efect2">
                                                                   
                        <div style="width: 160px; height: 80px; background:url(http://i.imgur.com/Eul4kf9.jpg);">
                                                                           
                        </div>
                                                                   
                </div>
                                                           
                <div style="width: 160px; height: 80px; background:#D1D1D1;">
                                             
                        <div style="font-family: Dancing Script; font-size: 20px; text-align: center; padding-top: 10px; line-height: 100%; color: #000; font-weight: bold; padding-bottom: 10px;">
                                            Nombre Apellido           
                        </div><a href="">Enviar MP</a><a href="">Ver perfil</a>                                       
                </div>
                                                           
        </div>
</center>
[/hidecode]
CD"MA
CD

¿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


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:35 am
probando a ver que tal
Dragoneitors
Dragoneitors

¿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://doublemesh.com/wp-content/uploads/2015/12/star-wars-7-cover-photo.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

41


Puntos :

50


Me gusta :

7


ingreso :

26/06/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:42 am
a la Hora de hacer todo no me sirve [widget]  Widget Administrativo 9454204 no hace nada
Dragoneitors
Dragoneitors

¿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://doublemesh.com/wp-content/uploads/2015/12/star-wars-7-cover-photo.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

41


Puntos :

50


Me gusta :

7


ingreso :

26/06/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 2:28 am
[tag]Dragoneitors[/tag] El código funciona perfectamente..

[widget]  Widget Administrativo 33bk94n
CD"MA
CD

¿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


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 10:12 am
staff
Voy a probarlo a ver que tal
RinC
RinC

¿Que estoy pensando? :

Maldita cuarentena... :/ [table class=fecha_up][td]Se modifico:8/04/20 - 17:29 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

792


Puntos :

1156


Me gusta :

202


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:12 pm
staff
veamos muchas gracias por aportar
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7136


Puntos :

9268


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:17 pm
staff


Última edición por Mew el Dom Jun 28, 2015 1:19 pm, editado 2 veces
El código funciona perfecto. Lo que pasa es que están mal colocados los bbcodes y si se copia junto con el código, interfiere.
RinC
RinC

¿Que estoy pensando? :

Maldita cuarentena... :/ [table class=fecha_up][td]Se modifico:8/04/20 - 17:29 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

792


Puntos :

1156


Me gusta :

202


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

[html] Widget Administrativo 
el Dom Jun 28, 2015 1:18 pm
staff
[ok]Publicación editada [/ok]
RinC
RinC

¿Que estoy pensando? :

Maldita cuarentena... :/ [table class=fecha_up][td]Se modifico:8/04/20 - 17:29 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

792


Puntos :

1156


Me gusta :

202


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:20 pm
staff
no le faltara algun js?
Chalo
Chalo

¿Que estoy pensando? :

jugando con un ping de 999 [table class=fecha_up][td]Se modifico:25/05/20 - 10:57 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7136


Puntos :

9268


Me gusta :

1063


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [widget] Widget Administrativo 
el Dom Jun 28, 2015 1:21 pm
staff
Nop, todo funciona con css transition y html
RinC
RinC

¿Que estoy pensando? :

Maldita cuarentena... :/ [table class=fecha_up][td]Se modifico:8/04/20 - 17:29 hrs. [/td][/table]


Banner en temas :

♥♥Open♥♥


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

792


Puntos :

1156


Me gusta :

202


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

 En la misma categoria


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