É possível editar esta categoria? Pois se é possível, eu gostaria de remover as imagens e deixar tudo em texto.

Exemplo: Onde é o B (negrito) eu gostaria de colocar Negrito em texto.

Muito obrigado! :3

Código:

a.sceditor-button.sceditor-button-bold {
width: 45px;
}
a.sceditor-button.sceditor-button-bold:after {
content: "Negrito";
}
a.sceditor-button.sceditor-button-italic {
width: 40px;
}
a.sceditor-button.sceditor-button-italic:after {
content: "Itálico";
}
a.sceditor-button.sceditor-button-underline {
width: 63px;
}
a.sceditor-button.sceditor-button-underline:after {
content: "Sublinhar";
}
a.sceditor-button.sceditor-button-strike {
width: 51px;
}
a.sceditor-button.sceditor-button-strike:after {
content: "Riscado";
}
media="all"
.sceditor-button div, div.sceditor-grip {
background-image: url("");
}

Boas, coloque esse código em css e veja se provoca este efeito
http://prntscr.com/4d6nmd
Se sim eu continuo o código

Deu certo! Porém ficou assim ó:

Código:

media="all"
.sceditor-button div, div.sceditor-grip {
background-image: url("")!important;
}
a.sceditor-button.sceditor-button-bold {
width: 45px;
}
a.sceditor-button.sceditor-button-bold:after {
content: "Negrito";
}
a.sceditor-button.sceditor-button-italic {
width: 40px;
}
a.sceditor-button.sceditor-button-italic:after {
content: "Itálico";
}
a.sceditor-button.sceditor-button-underline {
width: 63px;
}
a.sceditor-button.sceditor-button-underline:after {
content: "Sublinhar";
}
a.sceditor-button.sceditor-button-strike {
width: 51px;
}
a.sceditor-button.sceditor-button-strike:after {
content: "Riscado";
}

ou

Código:


a.sceditor-button.sceditor-button-bold {
width: 45px;
}
a.sceditor-button.sceditor-button-bold:after {
content: "Negrito";
}
a.sceditor-button.sceditor-button-italic {
width: 40px;
}
a.sceditor-button.sceditor-button-italic:after {
content: "Itálico";
}
a.sceditor-button.sceditor-button-underline {
width: 63px;
}
a.sceditor-button.sceditor-button-underline:after {
content: "Sublinhar";
}
a.sceditor-button.sceditor-button-strike {
width: 51px;
}
a.sceditor-button.sceditor-button-strike:after {
content: "Riscado";
}
.sceditor-button div, div.sceditor-grip {
background-image: url("")!important;
}

ou

Código:

media="all"
.sceditor-button div, div.sceditor-grip {
background-image: none!important;
}
a.sceditor-button.sceditor-button-bold {
width: 45px;
}
a.sceditor-button.sceditor-button-bold:after {
content: "Negrito";
}
a.sceditor-button.sceditor-button-italic {
width: 40px;
}
a.sceditor-button.sceditor-button-italic:after {
content: "Itálico";
}
a.sceditor-button.sceditor-button-underline {
width: 63px;
}
a.sceditor-button.sceditor-button-underline:after {
content: "Sublinhar";
}
a.sceditor-button.sceditor-button-strike {
width: 51px;
}
a.sceditor-button.sceditor-button-strike:after {
content: "Riscado";
}

ou

Código:


.sceditor-button div, div.sceditor-grip {
background-image: none!important;
}
a.sceditor-button.sceditor-button-bold {
width: 45px;
}
a.sceditor-button.sceditor-button-bold:after {
content: "Negrito";
}
a.sceditor-button.sceditor-button-italic {
width: 40px;
}
a.sceditor-button.sceditor-button-italic:after {
content: "Itálico";
}
a.sceditor-button.sceditor-button-underline {
width: 63px;
}
a.sceditor-button.sceditor-button-underline:after {
content: "Sublinhar";
}
a.sceditor-button.sceditor-button-strike {
width: 51px;
}
a.sceditor-button.sceditor-button-strike:after {
content: "Riscado";
}

O segundo e o quarto deram certos (eles também apagaram todas as imagens )

Já o primeiro e o terceiro continuaram iguais.

Código:

.sceditor-button div {
margin-top: -8px;
}

Adicione mais isso ao css. Que nome dou ao alinhar à esquerda, direita, etc? é porque ficará muito grande!

Coloque "DIR.", "CENT.", "ESQ." e "JUST.", reespectivamente.

Também coloque a fonte Verdana 10, para caber.

#UP.

Está dando certo...

Porém eu gostaria de saber:

Há como apenas trocar as imagens?

Grato!

Trocar imagens, como? em vez dessas ter outras?

É ;-;

Que imagens queria?

Pegue umas de base aí que aí eu edito, pfv <3

Em todos os seletores que acabam em :after

vc apaga o content"TEXTO"

e coloca:

background-image: url("url_da_imagem")

Como assim? Vc poderia fazer uma demonstração pra mim?

Coloque com as imagens pff!

Negrito: http://icons.iconarchive.com/icons/led24.de/led/16/text-bold-icon.png

Itálico: http://icons.iconarchive.com/icons/led24.de/led/16/text-italic-icon.png

Sublinhado: http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/edit-underline-icon.png

Aí o resto eu faço.

Estava a falar de colocar as imagens lá no tópico retire o css!

Pronto.

Código:

.sceditor-button-bold div {
background-image: url("http://icons.iconarchive.com/icons/led24.de/led/16/text-bold-icon.png");
}
.sceditor-button-underline div {
background-image: url("http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/edit-underline-icon.png");
}
.sceditor-button-italic div {
background-image: url("http://icons.iconarchive.com/icons/led24.de/led/16/text-italic-icon.png");
}

Funciona?

Não ;-;

não consigo ajudar! s:

Tenta me ajudar, pq a gente já tá conseguindo.

Se não resultar as imagens, faça o de texto mesmo.

Pois eu preciso disto o mais rápido possível ;-;

Ative o código do texto!

Pronto, Lima 3005.

Podemos fazer é de outra forma:

https://2img.net/i/rs3/60/frm/SCEditor/src/themes/famfamfam.png

onde está o B de negrito substitui pelo que quer faça isso com todos depois o código fica pequeno! Consegue fazer o que pedi?

Como assim? Explique melhor.

Essa é a imagem que tem todas as imagens do menu que deseja!

Tipo onde tem a imagem do negrito vai no photoshop apaga e mete a que quer, percebeu?

Ah sim, aguarde alguns instantes...

Aguardarei! :3

Aqui ó :3

Adicione isto ao css

Código:

.sceditor-button div, div.sceditor-grip {
background-image: url(http://i39.servimg.com/u/f39/18/09/40/05/n4yvia10.png)!important;
}

Era isso que queria?

Deu certo, muito obrigado! :3

Mais alguma coisa?