Staff en línea

Página 1 de 2. 1, 2  Siguiente

[CSS] Tablas de Moderación tipo FDF
Tema iniciado por y Añadir a favoritos

[CSS] Tablas de Moderación tipo FDF 
el Dom Abr 10, 2016 9:03 pm
[codebox]Este es un código CSS y el que se usó para crear las tablas que se usan en FDF para poner moderaciones. El código es totalmente personalizable.[/codebox]

Resultado Final:


Primero añadiremos el siguiente CSS:

[hidecode]
Código:
 
.open-source {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
    border-radius: 15px;
    font-weight: bold;
    margin: 10px auto auto;
    padding: 5px;
    width: 90%;
  border-width: 1px;
  border-style: solid;
  -moz-box-shadow: 1px 1px 10px #086594;
    -webkit-box-shadow:  1px 1px 10px #086594;
    box-shadow:  1px 1px 10px #086594;
    border: 1px solid #086594;
    color: #086594;
}
[/hidecode]

• .open-source -> (es el class, pueden poner el rango del staff o cualquier nombre)
• #086594 -> Es el color del borde,sombra y color de texto. Se recomienda tener todos iguales.

Luego en los temas insertaremos el bbcode:

[hidecode]
Código:

[table class="open-source"][tr][td align="middle"][img]LINK DE LA IMAGEN A LA IZQUIERDA[/img][/td][td]MENSAJE DE MODERACIÓN![/td][/tr]
[/table]
[/hidecode]

En esta otra parte, editaremos lo que se encuentra en mayúsculas por lo que indican. No se olviden también de cambiar al principio el nombre del class del CSS para que funcione. Ambos deben de ser iguales.

NOTA: Hay que dar 2 saltos de línea (enters) para que la tabla aparezca completamente.

Esto es todo! Espero les ayude
YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 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 :

1128


Puntos :

1502


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Lun Abr 11, 2016 6:00 pm
staff
Gracias por compartir con nosotros...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Lun Abr 11, 2016 6:46 pm
staff
gracias yoshi por publicarlo
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6712


Puntos :

8776


Me gusta :

1007


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Lun Abr 11, 2016 6:49 pm
ey esto esta genial, gracias
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 :

333


Puntos :

415


Me gusta :

76


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Dom Mayo 08, 2016 10:11 pm
muchas gracias amigo excelente codigo
tecnomaster
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 :

69


Puntos :

77


Me gusta :

4


ingreso :

08/05/2016


Sexo :

Masculino

Plataforma :

punbb


Navegador :

firefox


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Lun Mayo 09, 2016 2:24 pm
Tengo curiosidades con este code...

¿Hay alguna forma de cambiarle el color de fondo al BBCode? el color de fondo de mi foro es negro, así que no es muy atractivo :/

@YoshiGM
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] Tablas de Moderación tipo FDF 
el Mar Mayo 10, 2016 9:53 am
Lo más simple es añadir es background-color y el color que quieras -w-
YoshiGM
avatar

¿Que estoy pensando? :

¿Cómo puedo ayudarte? :3 [table class=fecha_up][td]Se modifico:7/04/18 - 20:40 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 :

1128


Puntos :

1502


Me gusta :

214


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Mar Mayo 10, 2016 1:02 pm
Ok, muchas gracias y buen code
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] Tablas de Moderación tipo FDF 
el Lun Oct 30, 2017 12:00 pm
Muchas gracias posteo para ver
Andreii
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://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 :

165


Me gusta :

19


ingreso :

21/01/2016


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Jue Dic 14, 2017 5:51 am
Gracias por todo el trabajo!
Lelu
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://portadafb.com/wp-content/uploads/2012/05/portada-facebook-nyan-cat.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

25


Puntos :

38


Me gusta :

13


ingreso :

08/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://secretsdesires.forosactivos.net/

Volver arriba Ir abajo

 En la misma categoria


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