Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por YoshiGM Vie Dic 14, 2018 1:48 pm

[html] Pagina de Login en 2 pasos
por House M. D. Mar Dic 04, 2018 3:11 pm

Un saludo y Felices fiestas
por Chalo Mar Dic 04, 2018 1:34 pm

[CSS] Editor estilizado
Tema iniciado por y Añadir a favoritos

[CSS] Editor estilizado 
el Mar Feb 09, 2016 7:15 pm
staff


Última edición por Chalo el Vie Mayo 11, 2018 6:27 pm, editado 2 veces
[codebox]
Cambia el diseño tal como se ve en la imagen
[/codebox]

[hidecode]
Código:

body .sceditor-container {
    border: 1px solid #b6b6b6;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    padding: 0;
}
body .sceditor-toolbar {
    background: #cfd1cf url("http://i.imgur.com/XPb5FAh.png") repeat-x scroll 0 0 !important;
    border-bottom: 1px solid #b6b6b6 !important;
    box-shadow: 0 1px 0 #fff inset !important;
    padding: 6px 8px 2px;
    white-space: normal;
}
body .sceditor-group {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #e4e4e4 url("http://i.imgur.com/lvfV1wd.png") repeat-x scroll 0 0 !important;
    border-bottom-color: #979797 !important;
    border-image: none;
    border-left: 1px solid #a6a6a6;
    border-radius: 3px;
    border-right: 1px solid #a6a6a6;
    border-style: solid;
    border-top: 1px solid #a6a6a6;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset !important;
    margin: 0 6px 5px 0 !important;
    padding: 0 !important;
}
.sceditor-button {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
}
.sceditor-group .sceditor-button:first-child {
    border-left: 0 none;
}
.sceditor-button:hover {
    background: #ccc url("http://i.imgur.com/q00xTJ9.png") repeat-x scroll 0 0 !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset !important;
    cursor: default;
}
.sceditor-button.active, .sceditor-button.hover, .sceditor-button:active {
    background-color: #b5b5b5 !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) inset, 0 1px 0 rgba(0, 0, 0, 0.2) !important;
}
.sceditor-button.sceditor-button-size {
    background: rgba(0, 0, 0, 0) url("http://i.imgur.com/YhbMMLO.png") no-repeat scroll 0 0 !important;
    height: 22px !important;
    width: 51px;
}
.sceditor-button.sceditor-button-font {
    background: rgba(0, 0, 0, 0) url("http://i.imgur.com/mpo02pM.png") no-repeat scroll 0 0 !important;
    height: 22px !important;
    width: 81px;
}
.sceditor-button.sceditor-button-font, .sceditor-button.sceditor-button-size {
    border-radius: 3px !important;
    box-shadow: none !important;
    cursor: default;
}
.sceditor-button.sceditor-button-font > div, .sceditor-button.sceditor-button-size > div {
    display: none;
}
.sceditor-container iframe, .sceditor-container textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.6;
    margin: 15px !important;
    min-height: 180px;
}
.sceditor-container textarea {
    box-sizing: border-box;
}
#smiley-box {
    border: 1px solid #ddd;
    padding: 3px;
}
[/hidecode][likepost][time="20/05/18 - 9:16 hrs."][avatar="https://s.yimg.com/wv/images/cbe5af0680d53694356a643fe831528c_96.jpeg" user_id="https://source.foroactivo.com/u105"][userlike="https://source.foroactivo.com/u105"] Ysamar[/userlike], [time="11/05/18 - 18 hrs."][avatar="https://s.yimg.com/wv/images/cbe5af0680d53694356a643fe831528c_96.jpeg" user_id="https://www.opensourcephpbb3.com/u105"][userlike="https://www.opensourcephpbb3.com/u105"] Ysamar[/userlike][/likepost]
Chalo
avatar

¿Que estoy pensando? :

Soy leyenda 3.0 [table class=fecha_up][td]Se modifico:20/11/18 - 12:05 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6863


Puntos :

8959


Me gusta :

1031


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [CSS] Editor estilizado 
el Mar Feb 09, 2016 8:41 pm
staff
#ADarleConTODO

Muy excelente aporte, gracias por tan maravillosos códigos que desarrollas todos los días para todos nosotros.

Fibo
avatar

¿Que estoy pensando? :

Estamos en Open, Estamos en Familia [table class=fecha_up][td]Se modifico:1/02/17 - 19:06 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/R9vnOcf.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

409


Puntos :

618


Me gusta :

121


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


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

Volver arriba Ir abajo

Re: [CSS] Editor estilizado 
el Miér Feb 24, 2016 4:14 pm
voy a probar esto a ver que tal
Himnoshistoricos
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 :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

500


Puntos :

661


Me gusta :

95


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


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

Volver arriba Ir abajo

Re: [CSS] Editor estilizado 
el Miér Mar 02, 2016 3:20 pm
staff
Vamos a ver los códigos
Athan
avatar

¿Que estoy pensando? :

Athan [table class=fecha_up][td]Se modifico:8/03/16 - 10:55 hrs.[/td][/table]


Banner en temas :

http://i68.tinypic.com/2dr5nit.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

204


Puntos :

278


Me gusta :

52


ingreso :

10/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [CSS] Editor estilizado 
el Jue Mar 03, 2016 6:52 pm
Simple a la vez que elegante, me encanto
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] Editor estilizado 
el Jue Mayo 10, 2018 10:50 am
no se si podre usarlo, pero me da curiosidad verlo
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] Editor estilizado 
el Jue Mayo 10, 2018 11:37 am
Se ve muy moderno, gracias [likepost][time="20/05/18 - 9:16 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/1-51.gif" user_id="https://source.foroactivo.com/u1"][userlike="https://source.foroactivo.com/u1"] Chalo[/userlike], [time="11/05/18 - 18 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/1-51.gif" user_id="https://www.opensourcephpbb3.com/u1"][userlike="https://www.opensourcephpbb3.com/u1"] Chalo[/userlike][/likepost]
YoshiGM
avatar

¿Que estoy pensando? :

Ho,Ho,Ho! [table class=fecha_up][td]Se modifico:11/12/18 - 20:52 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 :

1168


Puntos :

1567


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.