Personalizar os botões do SCeditor como Bestskins

3 participantes

Ir para baixo

Tópico resolvido Personalizar os botões do SCeditor como Bestskins

Mensagem por Hygor-David 24.07.14 17:52


  • Descrição:

Olá, Convidado, bom gostaria de colocar essa caixa de testo no meu fórum.
Eu tinha ela no meu fórum antigo, porem retirei e ontem formatei meu PC e
perdi tudo Triste

Caixa de Texto desejada: https://i.imgur.com/3yl2G0m.png

Fórum onde vi: http://bestskins.forumeiros.com/



  • Informações:




Fórum:http://www.seriespot.com.brVersão:PUNBB
Tipo:Erros diversosTags:Caixa,Texto,,opções.

Hygor-David
Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Shek 25.07.14 15:25

Bom dia!

O ideal seria solicitar do Administrador, e por isso eu coloquei os créditos no código que espero que não os remova:
Código:
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/
body .sceditor-container {
   -moz-border-radius: 0;
   -moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
   -webkit-border-radius: 0;
   -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
   border: 1px solid #b6b6b6;
   border-radius: 0;
   box-shadow: 0 0 3px rgba(0,0,0,.15);
   padding: 0
 }
 
body .sceditor-toolbar {
   -moz-box-shadow: 0 1px 0 #fff inset!important;
   -webkit-box-shadow: 0 1px 0 #fff inset!important;
   background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 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-radius: 3px;
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
   -webkit-border-radius: 3px;
   -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
   background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
   border: 1px solid #a6a6a6;
   border-bottom-color: #979797!important;
   border-radius: 3px;
   box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
   margin: 0 6px 5px 0 !important;
   padding: 0!important
 }
 
.sceditor-button {
   -moz-border-radius: 0!important;
   -webkit-border-radius: 0!important;
   border-left: 1px solid rgba(0,0,0,.2);
   border-radius: 0!important
 }
 
.sceditor-group .sceditor-button:first-child {border-left: 0}
 
.sceditor-button:hover {
   -moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
   -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
   background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
   box-shadow: 0 0 1px rgba(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,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
 
.sceditor-button.sceditor-button-size {
   background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
   height: 22px!important;
   width: 51px
 }
 
.sceditor-button.sceditor-button-font {
   background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
   height: 22px!important;
   width: 81px
 }
 
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
   -moz-box-shadow: none!important;
   -webkit-box-shadow: none!important;
   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 {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
 }
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/
Atenciosamente,
Shek

Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre a aparência do fórum'
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Hygor-David 25.07.14 20:27

Porque quando coloca a ceta em cima das seguintes opções "Tam" e "Fonte"
fica de uma cor estranha? uma cor branca.

Vaja: https://i.imgur.com/jFzX4dO.png
Hygor-David
Hygor-David
***

Membro desde : 28/12/2013
Mensagens : 136
Pontos : 226

http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Sennior 27.07.14 5:40

Saudações,

Altere pelo código CSS abaixo e veja se o mesmo resulta:
Código:
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/
body .sceditor-container {
  -moz-border-radius: 0;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
  border: 1px solid #b6b6b6;
  border-radius: 0;
  box-shadow: 0 0 3px rgba(0,0,0,.15);
  padding: 0
 }
 
body .sceditor-toolbar {
  -moz-box-shadow: 0 1px 0 #fff inset!important;
  -webkit-box-shadow: 0 1px 0 #fff inset!important;
  background: #cfd1cf url(http://i.imgur.com/XPb5FAh.png) repeat-x 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-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  background: #e4e4e4 url(http://i.imgur.com/lvfV1wd.png) repeat-x 0 0!important;
  border: 1px solid #a6a6a6;
  border-bottom-color: #979797!important;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset!important;
  margin: 0 6px 5px 0 !important;
  padding: 0!important
 }
 
.sceditor-button {
  -moz-border-radius: 0!important;
  -webkit-border-radius: 0!important;
  border-left: 1px solid rgba(0,0,0,.2);
  border-radius: 0!important
 }
 
.sceditor-group .sceditor-button:first-child {border-left: 0}
 
.sceditor-button:hover {
  -moz-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;
  box-shadow: 0 0 1px rgba(0,0,0,.3) inset!important;
  cursor: default
 }
 
.sceditor-button.active,.sceditor-button.hover,.sceditor-button:active {background: #ccc url(http://i.imgur.com/q00xTJ9.png) repeat-x 0 0!important;box-shadow:0 1px 5px rgba(0,0,0,.6) inset,0 1px 0 rgba(0,0,0,.2)!important}
 
.sceditor-button.sceditor-button-size {
  background: url(http://i.imgur.com/fZYgLFV.png) 0 0 no-repeat scroll!important;
  height: 22px!important;
  width: 51px
 }
 
.sceditor-button.sceditor-button-font {
  background: url(http://i.imgur.com/fmbuqHA.png) 0 0 no-repeat scroll!important;
  height: 22px!important;
  width: 81px
 }
 
.sceditor-button.sceditor-button-font,.sceditor-button.sceditor-button-size {
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  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 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
 }
/*** RETIRADO DO SITE BESTSKINS http://bestskins.forumeiros.com/92-ltr.css ***/

Atenciosamente,
Sennior.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos