Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 72 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar SCEditor

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

Em curso Personalizar SCEditor

Mensagem por YouTube3 em Sex 25 Nov 2016 - 17:45

Detalhes da questão


Endereço do fórum: Http://VGNFAMILY.FORUMAIS.COM
Versão do fórum: PunBB

Descrição


Boa tarde,

Então queria saber se tem possibilidade de eu personalizar meu sceditor, parecido com o do while.


Porem não quero que fique igual e sim parecido ao menos que o "While" permita enfim.. se for possível agradeço desde já. Fórum aonde vi: http://bestweb.forumais.com/

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com
  • 0

Em curso Re: Personalizar SCEditor

Mensagem por while em Sex 25 Nov 2016 - 20:03

Olá autor, boa noite.

é claro, adicione esse código em sua folha de estilo css (no topo):

Código:
body div.sceditor-dropdown .button {color: #FFF!important;
    font-size: 13px;
    font-weight: 400;
    background: #333;
    border: none;
    display: inline-block;
    padding: 8px 10px;
    margin: 1px;
    cursor: pointer
}
body div.sceditor-dropdown .button:hover {
background: #444;
}
body div.sceditor-dropdown .button:active,
body div.sceditor-dropdown .button:focus {
background: #444;
}
body div.sceditor-dropdown input,
body div.sceditor-dropdown textarea,
input.inputbox,
input.post,
input[type=text],
select,
textarea {
    color: #333;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 6px;
    margin: 1px;
    outline: 0;
    cursor: text
}
body div.sceditor-dropdown input:focus,
body div.sceditor-dropdown textarea:focus {
border-color: #444
}
.sceditor-container {
    border: 2px solid #444!important;
    border-radius: 0!important
}
.sceditor-container .sceditor-toolbar {
    background-color: #444;
    border-color: #444;
    border-radius: 0
}
.sceditor-container .sceditor-group {
    background: rgba(255, 255, 255, .45);
    border-color: #444;
    border-radius: 0;
    padding: 0
}
.sceditor-container .sceditor-button {
    border-radius: 0;
    padding: 4px 6px;
    position: relative
}
.sceditor-container .sceditor-button:hover {
    box-shadow: none;
    background-color: rgba(255, 255, 255, .3)
}
.sceditor-container .hover,
.sceditor-container .sceditor-button.active,
.sceditor-container .sceditor-button:active {
    box-shadow: none;
    background-color: rgba(255, 255, 255, .6)
}
.sceditor-container .sceditor-button.disabled {
    opacity: .5
}
.sceditor-container .sceditor-button div {
    background-image: none
}
.sceditor-button:after {
    content: "\f128"
}
.sceditor-button:after,
.sceditor-button:before {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 28px;
    text-indent: 0
}
.sceditor-button-bold:after {
    content: "\f032"
}
.sceditor-button-italic:after {
    content: "\f033"
}
.sceditor-button-underline:after {
    content: "\f0cd"
}
.sceditor-button-strike:after {
    content: "\f0cc"
}
.sceditor-button-left:after {
    content: "\f036"
}
.sceditor-button-center:after {
    content: "\f037"
}
.sceditor-button-right:after {
    content: "\f038"
}
.sceditor-button-justify:after {
    content: "\f039"
}
.sceditor-button-bulletlist:after {
    content: "\f0ca"
}
.sceditor-button-orderedlist:after {
    content: "\f0cb"
}
.sceditor-button-horizontalrule:after {
    content: "\f068"
}
.sceditor-button-quote:after {
    content: "\f10d"
}
.sceditor-button-code:after {
    content: "\f121"
}
.sceditor-button-faspoiler:after {
    content: "\f071"
}
.sceditor-button-fahide:after {
    content: "\f070"
}
.sceditor-button-table:after {
    content: "\f0ce"
}
.sceditor-button-servimg:after {
    content: "\f093"
}
.sceditor-button-image:after {
    content: "\f03e"
}
.sceditor-button-link:after {
    content: "\f0c1"
}
.sceditor-button-youtube:after {
    content: "\f16a"
}
.sceditor-button-dailymotion:before,
.sceditor-button-flash:before {
    content: "";
    background: #555;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px
}
.sceditor-button-dailymotion:after {
    content: "d";
    color: #FFF;
    font-weight: 700;
    font-family: "trebuchet ms", arial, verdana, sans-serif;
    left: 3px;
    top: 1px
}
.sceditor-button-flash:after {
    content: "Æ’";
    color: #FFF;
    font-weight: 700;
    font-family: sans-serif;
    top: -1px
}
.sceditor-button-headers:after {
    content: "\f1dc"
}
.sceditor-button-size:after {
    content: "\f034"
}
.sceditor-button-color:after {
    content: "\f1fb"
}
.sceditor-button-font:after,
.sceditor-button-removeformat:before {
    content: "\f031"
}
.sceditor-button-removeformat:after {
    content: "\f056";
    font-size: 10px;
    left: auto;
    top: auto;
    right: 5px;
    bottom: 3px;
    line-height: normal
}
.sceditor-button-more:after {
    content: "\f141"
}
.sceditor-button-subscript:after {
    content: "\f12c"
}
.sceditor-button-superscript:after {
    content: "\f12b"
}
.sceditor-button-fascroll:after {
    content: "\f100"
}
.sceditor-button-faupdown:after {
    content: "\f102"
}
.sceditor-button-farand:after {
    content: "\f074"
}
.sceditor-button-emoticon:after {
    content: "\f118"
}
.sceditor-button-date:after {
    content: "\f271"
}
.sceditor-button-time:after {
    content: "\f017"
}
.sceditor-button-pastetext:after {
    content: "\f0ea"
}
.sceditor-button-source:after {
    content: "\f0f6"
}
body .sceditor-container {
        margin-left: -2px
    }
    .sceditor-container .sceditor-toolbar {
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        padding: 6px 0
    }
    body div.sceditor-dropdown {
        position: fixed!important;
        top: auto!important;
        left: 0!important;
        right: 0;
        bottom: 0;
        text-align: center;
        height: 200px;
        overflow: auto;
        padding: 6px 0!important;
        border-radius: 0;
        margin-top: 0!important
    }
    body .sceditor-dropdown>p {
        margin: 0;
        height: 100%
    }
    .sceditor-dropdown #obj_servimg {
        width: 100%!important;
        height: 100%!important;
        border: none
    }
    .sceditor-dropdown #quickEmojInternal {
        width: 100%;
        height: 100%
    }
a.sceditor-button.sceditor-button-flash.tooltipstered,
a.sceditor-button.sceditor-button-dailymotion.tooltipstered {
    display: none;
}

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 em Sex 25 Nov 2016 - 23:30

Perfeito While, só mais algumas coisinhas que eu mesmo tentei fazer, e não consegui.

Teria como remover, aquela barra de rolagem? É nos ícones que está marcado de vermelho.
É quando eu clico e abre aquela baita caixa enorme teria como deixar pequena no caso a padrão
Também onde está marcado de verde teria como trocar a cor do fundo? para está cor: #92a7ad.


Enfim, quero deixar exatamente assim:



Use este código apenas mudei a cor ao redor:
Código:
body div.sceditor-dropdown .button {color: #FFF!important;
    font-size: 13px;
    font-weight: 400;
    background: #333;
    border: none;
    display: inline-block;
    padding: 8px 10px;
    margin: 1px;
    cursor: pointer
}
body div.sceditor-dropdown .button:hover {
background: #444;
}
body div.sceditor-dropdown .button:active,
body div.sceditor-dropdown .button:focus {
background: #444;
}
body div.sceditor-dropdown input,
body div.sceditor-dropdown textarea,
input.inputbox,
input.post,
input[type=text],
select,
textarea {
    color: #333;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 6px;
    margin: 1px;
    outline: 0;
    cursor: text
}
body div.sceditor-dropdown input:focus,
body div.sceditor-dropdown textarea:focus {
border-color: #444
}
.sceditor-container {
    border: 2px solid #dcdcdc!important;
    border-radius: 0!important
}
.sceditor-container .sceditor-toolbar {
    background-color: #444;
    border-color: #444;
    border-radius: 0
}
.sceditor-container .sceditor-group {
    background: rgba(255, 255, 255, .45);
    border-color: #444;
    border-radius: 0;
    padding: 0
}
.sceditor-container .sceditor-button {
    border-radius: 0;
    padding: 4px 6px;
    position: relative
}
.sceditor-container .sceditor-button:hover {
    box-shadow: none;
    background-color: rgba(255, 255, 255, .3)
}
.sceditor-container .hover,
.sceditor-container .sceditor-button.active,
.sceditor-container .sceditor-button:active {
    box-shadow: none;
    background-color: rgba(255, 255, 255, .6)
}
.sceditor-container .sceditor-button.disabled {
    opacity: .5
}
.sceditor-container .sceditor-button div {
    background-image: none
}
.sceditor-button:after {
    content: "\f128"
}
.sceditor-button:after,
.sceditor-button:before {
    color: #555;
    font-size: 14px;
    font-weight: 400;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 28px;
    text-indent: 0
}
.sceditor-button-bold:after {
    content: "\f032"
}
.sceditor-button-italic:after {
    content: "\f033"
}
.sceditor-button-underline:after {
    content: "\f0cd"
}
.sceditor-button-strike:after {
    content: "\f0cc"
}
.sceditor-button-left:after {
    content: "\f036"
}
.sceditor-button-center:after {
    content: "\f037"
}
.sceditor-button-right:after {
    content: "\f038"
}
.sceditor-button-justify:after {
    content: "\f039"
}
.sceditor-button-bulletlist:after {
    content: "\f0ca"
}
.sceditor-button-orderedlist:after {
    content: "\f0cb"
}
.sceditor-button-horizontalrule:after {
    content: "\f068"
}
.sceditor-button-quote:after {
    content: "\f10d"
}
.sceditor-button-code:after {
    content: "\f121"
}
.sceditor-button-faspoiler:after {
    content: "\f071"
}
.sceditor-button-fahide:after {
    content: "\f070"
}
.sceditor-button-table:after {
    content: "\f0ce"
}
.sceditor-button-servimg:after {
    content: "\f093"
}
.sceditor-button-image:after {
    content: "\f03e"
}
.sceditor-button-link:after {
    content: "\f0c1"
}
.sceditor-button-youtube:after {
    content: "\f16a"
}
.sceditor-button-dailymotion:before,
.sceditor-button-flash:before {
    content: "";
    background: #555;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px
}
.sceditor-button-dailymotion:after {
    content: "d";
    color: #FFF;
    font-weight: 700;
    font-family: "trebuchet ms", arial, verdana, sans-serif;
    left: 3px;
    top: 1px
}
.sceditor-button-flash:after {
    content: "Æ’";
    color: #FFF;
    font-weight: 700;
    font-family: sans-serif;
    top: -1px
}
.sceditor-button-headers:after {
    content: "\f1dc"
}
.sceditor-button-size:after {
    content: "\f034"
}
.sceditor-button-color:after {
    content: "\f1fb"
}
.sceditor-button-font:after,
.sceditor-button-removeformat:before {
    content: "\f031"
}
.sceditor-button-removeformat:after {
    content: "\f056";
    font-size: 10px;
    left: auto;
    top: auto;
    right: 5px;
    bottom: 3px;
    line-height: normal
}
.sceditor-button-more:after {
    content: "\f141"
}
.sceditor-button-subscript:after {
    content: "\f12c"
}
.sceditor-button-superscript:after {
    content: "\f12b"
}
.sceditor-button-fascroll:after {
    content: "\f100"
}
.sceditor-button-faupdown:after {
    content: "\f102"
}
.sceditor-button-farand:after {
    content: "\f074"
}
.sceditor-button-emoticon:after {
    content: "\f118"
}
.sceditor-button-date:after {
    content: "\f271"
}
.sceditor-button-time:after {
    content: "\f017"
}
.sceditor-button-pastetext:after {
    content: "\f0ea"
}
.sceditor-button-source:after {
    content: "\f0f6"
}
body .sceditor-container {
        margin-left: -2px
    }
    .sceditor-container .sceditor-toolbar {
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        padding: 6px 0
    }
    body div.sceditor-dropdown {
        position: fixed!important;
        top: auto!important;
        left: 0!important;
        right: 0;
        bottom: 0;
        text-align: center;
        height: 200px;
        overflow: auto;
        padding: 6px 0!important;
        border-radius: 0;
        margin-top: 0!important
    }
    body .sceditor-dropdown>p {
        margin: 0;
        height: 100%
    }
    .sceditor-dropdown #obj_servimg {
        width: 100%!important;
        height: 100%!important;
        border: none
    }
    .sceditor-dropdown #quickEmojInternal {
        width: 100%;
        height: 100%
    }
a.sceditor-button.sceditor-button-flash.tooltipstered,
a.sceditor-button.sceditor-button-dailymotion.tooltipstered {
    display: none;
}

Espero que entenda até mais. Muito feliz

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 em Dom 27 Nov 2016 - 23:00

UP

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 em Qua 30 Nov 2016 - 0:36

UP

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 em Sex 2 Dez 2016 - 1:05

UP

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 em Dom 4 Dez 2016 - 1:10

UP

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

Em curso Re: Personalizar SCEditor

Mensagem por YouTube3 Ontem à(s) 23:44

UP

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 861
Pontos Ativos : 1925

http://Ajuda.Forumeiros.com

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5