Edição desta categoria

2 participantes

Ir para baixo

Tópico resolvido Edição desta categoria

Mensagem por Biel_COP 15.08.14 15:20

Edição desta categoria 2h2ee50

É 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 21:57, editado 1 vez(es)
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 15.08.14 22:25

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
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 16.08.14 0:41

Deu certo! Porém ficou assim ó:

Edição desta categoria 2nqfona
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 16.08.14 8:52

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";
}
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 16.08.14 16:27

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

Já o primeiro e o terceiro continuaram iguais.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 16.08.14 19:42

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!
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 16.08.14 19:56

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

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

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 17.08.14 18:36

#UP.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 17.08.14 22:28

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.";

}

Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 17.08.14 23:19

Está dando certo...

Porém eu gostaria de saber:

Há como apenas trocar as imagens?

Grato!
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 17:34

Trocar imagens, como? em vez dessas ter outras?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 17:54

É ;-;
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 18:10

Que imagens queria?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 18:59

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

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 20:03

Em todos os seletores que acabam em :after

vc apaga o content"TEXTO"

e coloca:

background-image: url("url_da_imagem")
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 20:25

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

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 20:33

Coloque com as imagens pff!
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 20:36

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.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 20:37

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

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 20:39

Pronto.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 20:46

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?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 20:52

Não ;-;
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:14

não consigo ajudar! s:
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:17

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 ;-;
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:22

Ative o código do texto!
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:26

Pronto, Lima 3005.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:27

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?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:28

Como assim? Explique melhor.
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:33

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?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:33

Ah sim, aguarde alguns instantes...
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:36

Aguardarei! :3
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:41

Edição desta categoria N4yvia

Aqui ó :3
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:52

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?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Biel_COP 18.08.14 21:56

Deu certo, muito obrigado! :3
Biel_COP
Biel_COP
***

Membro desde : 10/02/2013
Mensagens : 152
Pontos : 218

http://www.cidadesocial.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição desta categoria

Mensagem por Lima 3005 18.08.14 21:57

Mais alguma coisa?
Lima 3005
Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

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