Personalizar os botões do SCeditor como Bestskins

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar os botões do SCeditor como Bestskins

Mensagem por Hygor-David em 24/07/14, 01:52 pm


  • 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: http://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.

avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Shek em 25/07/14, 11:25 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Hygor-David em 25/07/14, 04:27 pm

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

Vaja: http://i.imgur.com/jFzX4dO.png
avatar

Hygor-David
Nível 8

Masculino
Inscrito dia : 28/12/2013
Mensagens : 136
Pontos Ativos : 226

Ver perfil do usuário http://dayzstandalonebrasil.livreforum.com/ https://www.facebook.com/www.facebook.com/HygorDavid https://twitter.com/www.twitter.com/HygorDavid

Resolvido Re: Personalizar os botões do SCeditor como Bestskins

Mensagem por Sennior em 27/07/14, 01:40 am

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.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum