Staff en línea
Últimos temas
Noticias para este 2019
por pirulo Miér Feb 13, 2019 2:57 am

[Ocio] ¿De que país sois?
por Carolinaa Mar Feb 12, 2019 5:57 pm

[Ocio] Contemos hasta el 5000
por Carolinaa Mar Feb 12, 2019 1:02 pm

[Aviso] SE BUSCA DESAPARECIDO
por pirulo Mar Feb 12, 2019 3:09 am

[javascript] Crear BBcodes
por pirulo Lun Feb 11, 2019 11:24 am

[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
Chalo

¿Que estoy pensando? :

Ha, Ha, ha [table class=fecha_up][td]Se modifico:17/12/18 - 8:35 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6874


Puntos :

8973


Me gusta :

1032


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
Fibo

¿Que estoy pensando? :

De nuevo en OpenSource [table class=fecha_up][td]Se modifico:18/01/19 - 21:23 hrs. [/td][/table]


Banner en temas :

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


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

411


Puntos :

621


Me gusta :

122


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
Himnoshistoricos

¿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
Athan

¿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 :

205


Puntos :

279


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
Gotilon

¿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
Ysamar

¿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
YoshiGM

¿Que estoy pensando? :

RIP OpenSource 2014-2019 [table class=fecha_up][td]Se modifico:15/01/19 - 21:45 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 :

1172


Puntos :

1571


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.