Edição desta categoria

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

Resolvido Edição desta categoria

Mensagem por Biel_COP em 15/08/14, 11:20 am



É 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


Última edição por Biel_COP em 18/08/14, 05:57 pm, editado 1 vez(es)
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 15/08/14, 06:25 pm

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
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 15/08/14, 08:41 pm

Deu certo! Porém ficou assim ó:

avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 16/08/14, 04:52 am

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";
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 16/08/14, 12:27 pm

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

Já o primeiro e o terceiro continuaram iguais.
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 16/08/14, 03:42 pm

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

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 16/08/14, 03:56 pm

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

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

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 17/08/14, 02:36 pm

#UP.
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 17/08/14, 06:28 pm

Código:
a.sceditor-button.sceditor-button-left {
width: 28px;
}
a.sceditor-button.sceditor-button-left:after {
content: "ESQ.";
}
a.sceditor-button.sceditor-button-center {
width: 35px;
}
a.sceditor-button.sceditor-button-center:after {
content: "CENT."
}
a.sceditor-button.sceditor-button-justify {
width: 35px;
}
a.sceditor-button.sceditor-button-justify:after {
content: "JUST.";

}

avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 17/08/14, 07:19 pm

Está dando certo...

Porém eu gostaria de saber:

Há como apenas trocar as imagens?

Grato!
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 01:34 pm

Trocar imagens, como? em vez dessas ter outras?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 01:54 pm

É ;-;
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 02:10 pm

Que imagens queria?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 02:59 pm

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

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 04:03 pm

Em todos os seletores que acabam em :after

vc apaga o content"TEXTO"

e coloca:

background-image: url("url_da_imagem")
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 04:25 pm

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

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 04:33 pm

Coloque com as imagens pff!
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 04:36 pm

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

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 04:37 pm

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

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 04:39 pm

Pronto.
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 04:46 pm

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

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 04:52 pm

Não ;-;
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:14 pm

não consigo ajudar! s:
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:17 pm

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

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:22 pm

Ative o código do texto!
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:26 pm

Pronto, Lima 3005.
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:27 pm

Podemos fazer é de outra forma:

http://illiweb.com/rsc/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?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:28 pm

Como assim? Explique melhor.
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:33 pm

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

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:33 pm

Ah sim, aguarde alguns instantes...
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:36 pm

Aguardarei! :3
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:41 pm



Aqui ó :3
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:52 pm

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

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Edição desta categoria

Mensagem por Biel_COP em 18/08/14, 05:56 pm

Deu certo, muito obrigado! :3
avatar

Biel_COP
Nível 9

Masculino
Inscrito dia : 10/02/2013
Mensagens : 152
Pontos Ativos : 218

Ver perfil do usuário http://www.cidadesocial.com

Resolvido Re: Edição desta categoria

Mensagem por Lima 3005 em 18/08/14, 05:57 pm

Mais alguma coisa?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

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