Staff en línea

Página 2 de 2. Precedente  1, 2

[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
Recuerdo del primer mensaje :

[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? :

El último esfuerzo del año C: [table class=fecha_up][td]Se modifico:28/11/18 - 18:20 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 :

1158


Puntos :

1555


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] Tablas de Moderación tipo FDF 
el Jue Dic 14, 2017 11:08 am
Un placer Lelu! Si tienes dudas de cómo modificarlo, me avisas y te ayudo con gusto
YoshiGM
avatar

¿Que estoy pensando? :

El último esfuerzo del año C: [table class=fecha_up][td]Se modifico:28/11/18 - 18:20 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 :

1158


Puntos :

1555


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] Tablas de Moderación tipo FDF 
el Lun Ene 29, 2018 12:30 pm
Muchas gracias por el aporte.
Szao
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 :

11


Puntos :

16


Me gusta :

5


ingreso :

29/01/2018


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [CSS] Tablas de Moderación tipo FDF 
el Sáb Feb 03, 2018 10:25 am
Un placer ayudar a esta excelente comunidad.
Espero te sirva mucho para tu foro y si tienes dudas de su modificación, no dudes en decirmelo ;)
YoshiGM
avatar

¿Que estoy pensando? :

El último esfuerzo del año C: [table class=fecha_up][td]Se modifico:28/11/18 - 18:20 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 :

1158


Puntos :

1555


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

 En la misma categoria


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