Personalizar caixa de texto e caixa de smileys

5 participantes

Ir para baixo

Tópico resolvido Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 16.01.11 20:08

Qual é sua questão:
Boa tarde!

Ja ha algum tempo que ando a tentar alargar a caixa de smilies e hoje aparentemente consegui.

Achei que tinha o meu problema resolvido porque estava a usar o IE8 e estava a visualizar correctamente. No entanto utilizando o Chrome percebi que quem utiliza este browser nao visualiza correctamente, pois o facto de eu ter mexido nas definiçoes da caixa de smilies obriga-me a ter que alterar tambem a caixa de mensagem.

Que medidas você tomou para corrigir o problema:
Para alterar a caixa de smilies usei este codigo (que encontrei uma pesquisa aqui neste forum)

#smiley-box {
width: 1000px;
}
#textarea_content textarea#text_editor_textarea {
width: 91% !important;
}

Apresente-nos imagens do problema (se necessário):
Entao o PRIMEIRO problema é o seguinte: com o IE 8, eu apos a alteraçao do codigo CSS vejo isto:

Personalizar caixa de texto e caixa de smileys Semttulone

o que mostra a caixa de smilies bem larga, mas que mesmo assim me obrigaria a ter que alargar a caixa de texto para ficar da mesma largura da caixa de smilies.

O SEGUNDO problema é que no Chrome a situaçao piora porque o que vejo é isto:

Personalizar caixa de texto e caixa de smileys Semttulo2rq

o que faz com que tenha que alem da largura da caixa de texto, personalizar talvez a altura, nao sei... algo que resolva o que se ve na figura...


Por isso a ajuda que eu preciso é que me ajudem com um codigo que me aumente a largura da caixa de texto para ficar da largura da dos smilies (primeiro problema) e que esse codigo resolva ao mesmo tempo o problema que é visivel utilizando o Chrome... Ainda ano experiementei com Firefox...


Obrigada pela ajuda!


Última edição por Isa.F em 04.02.11 23:31, editado 1 vez(es)
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 18.01.11 0:57

Por favor, continuo com problemas... preciso de ajuda...
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Gabe 18.01.11 7:23

Olá!

Bom, vamos tentar resolver um problema de cada vez... Feliz

Primeiramente, poderia passar o código que utilizou para alargar a caixa de smileys?

E verifiquei no Firefox, me registrando em seu fórum, a caixa de mensagens fica com o mesmo erro apresentado no Google Chrome...

Abraços, Gabriel.
Gabe
Gabe
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 18.01.11 20:47

Para a caixa de smilies usei este codigo

#smiley-box {
width: 1000px;
}
#textarea_content textarea#text_editor_textarea {
width: 91% !important;
}


A caixa de smilies ficou bem, quer dizer, se ficasse abaixo da caixa de texto até era melhor... Muito feliz mas ja ter conseguido isto ja nao foi mau... Muito feliz

Agora, o problema é que a caixa de texto fica aquela confusao que viu tanto no chrome como no fire fox... por isso imaginei que alargando alguma coisa relativamente ou á caixa de mensagem que aparece em branco na imagem, ou ao fundo cor de rosa que fica por debaixo da caixa branca, aumentar a sua altura... porque o facto de empurrar os smillies para cima da caixa das mensagens, fez com que a caixa de mensagens descesse uns bons centimetros mas as opçoes e fundo cor de rosa mantiveram-se no sitio, nao desceram, o que faz com que se sobreponham...

Help!!
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 20.01.11 0:15

continuo a precisar de ajuda... Ajuda/Confuso
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 21.01.11 11:24

Pessoal, o que é que se passa...? Não

Fui eu que coloquei uma pergunta muito complicada? Ainda estao a pensar no meu problema? Não

O que é que aconteceu? Tenho colocado duvidas e sempre me responderam rapido, mas algo está a passar-se aqui....


Solkis, onde está?

Garbriel, Ajuda/Confuso
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 22.01.11 19:10

Chorando ou muito tr




Bem, vou reformular o meu pedido....




Entao o que eu preciso é isto:

Personalizar caixa de texto e caixa de smileys Caixadetexto

para que fique assim:

Personalizar caixa de texto e caixa de smileys Semttulo4a

Porque neste momento aparece a confusao toda que voces vêm na primeira imagem...

Va la pessoa, preciso de uma ajudinha,... sei que voces conseguem... até porque eu no IE8 vejo correctamente, so tenho problemas é no chrome e no firefox...




Ajuda/Confuso
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 24.01.11 19:26

Up Exclamação
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Callie 26.01.11 11:50

Olá novamente,

Poderá alargar a caixa de texto contudo depois irá aparecer desconfigurado nos outros navegadores. Infelizmente e por razões desconhecidas os fóruns têm vindo a apresentar alguns problemas quanto à visualização correta no IE.

Experimente este código:

Código:
#message-box textarea {
padding: 15px;
}

Altere o valor.

Até mais.
Callie
Callie
Membro Entusiasta

Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 26.01.11 17:38

Joaopedro, obrigada por responderes, quando chegar a casa vou experimentar...

Mas ha quero sublinhar duas coisas.... em primeiro lugar o meu problema nao é com o IE mas sim com os outros (firefox e chrome)...

E em segundo lugar, o codigo que preciso é para alargar a parte branca da caixa de texto, e esse deve dar, mas preciso de um segundo codigo para aumentar a altura do fundo rosa onde a caixa branca fica... ve na imagem por favor...

Personalizar caixa de texto e caixa de smileys Caixadetexto

o codigo que me deste deve ser apenas para a seta da largura, mas tenho outra seta na imagem indicando exactamente qual o background que quero aumentar a largura (é o fundo rosa e nao a caixa de texto propriamente dita)


Repara como eu queria que ficasse a altyra do fundo rosa


Personalizar caixa de texto e caixa de smileys Semttulo4a´

O codigo que me deste deve ser para aumentar a largura da caixa branca propriamente dita, quando chegar a casa eu experimento, mas entretanto tenta arranjar-me o tal codigo da altura do fundo rosa, por favor... Ve bem as imagens, ja ha mais de uma semana que estou á vossa espera...

Eu sei que voces tem feito os possiveis para responder a todos, mas agora preciso que se concentrem na minha questao, por favor...

Obrigada...
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 28.01.11 0:22

'joaopedro, agradeço a tentativa de ajuda, mas o codigo que me deste nao deixou-me a caixa inicialmente pequena, e quando aumentei os px, deixou a caixa muito alta. Por isso alterei o codigo que tinha, alterei o width,

Código:
#smiley-box {
width: 1000px;
}
#textarea_content textarea#text_editor_textarea {
width: 124% !important;
}

E enfim, o problema de largura da caixa branca ficou resolvido, mas eu continuo com o problema mais grave.... Vejam como tenho o painel de resposta totalmente desconfigurado... A caixa de opçoes e a caixa onde clicamos "enviar" sobrepoe-se á caixa de escrita, e tudo porque o background cor de rosa tem pouca altura...

Vejam, a seta vermelha é o que eu preciso com urgencia, e os circulos sao para entenderem o meu problema:

Personalizar caixa de texto e caixa de smileys Altura

Va la pessoa, preciso de uma ajudinha.... Eu sei que voces sao capazes.... É so conseguirem-me o codigo para o background cor de rosa para se aumentar a altura, de forma a que se veja assim:

Personalizar caixa de texto e caixa de smileys Caixacomoquero

Por favor, ajudem-me, eu sei que voces conseguem...
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 29.01.11 1:30

up
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por ademuncar 29.01.11 17:37

Olá Isa.F,

Eu não manjo nada de códigos mas entendi perfeitamente o que você quer.

Tentei pesquisar e consegui algum progresso, mas isso no google chorme, não testei em outros navegadores.

O código CSS que usei foi esse:

#textarea_content textarea#text_editor_textarea {
width: 799px !important;
margin-top: -250px;
height:200px;
}

#smiley-box {
width: 799px;
height:526px;
}

No Chrome ficou assim:

Personalizar caixa de texto e caixa de smileys Smileysx

Só não consegui tirar aquele espaço entre os smilyes e o texto "O HTML está desativado".

Espero ter ajudado ao menos um pouco, talvez já seja mais fácil de resolver agora.

Um abraço.

Gostaria que me ajudassem com o meu tópico também, já expliquei e ninguém entendeu o que eu quero ainda: EFEITO HOVER NO MENU
ademuncar
ademuncar
Novo Membro

Membro desde : 19/01/2011
Mensagens : 16
Pontos : 23

http://moneyco.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 30.01.11 2:24

ademuncar escreveu:Olá Isa.F,

Eu não manjo nada de códigos mas entendi perfeitamente o que você quer.

Ademuncar, podes nao perceber muito de codigos, mas percebeste exactamente o que eu queria, obrigada!!! Conseguiste ajudar-me muito! Muito feliz

Graças a ti, o meu problema principal ja foi resolvido! (apesar de agora eu ter outro, mas de nao tao grande importancia... mas ja exponho).

Entao para o caso de alguem querer saber se resultou ou nao, aqui vai.

Com o codigo que me deste:

Código:
#textarea_content textarea#text_editor_textarea {
width: 799px !important;
margin-top: -250px;
height:200px;
}

#smiley-box {
width: 799px;
height:526px;
}

Ficou assim:

Personalizar caixa de texto e caixa de smileys Antesj


Entao modifiquei os valores de width, height, e margin top a meu gosto para se enquadrar nas minhas dimensoes, e tive que fazer outra coisa, que foi improvisar um codigo para a caixa de resposta rapida, que por causa da alteraçao do margin top ficou desconfigurada. Entao o meu codigo ficou assim:

Código:
#smiley-box {
width: 1000px;
height:570px;
margin-top: -10px;
}
#textarea_content textarea#text_editor_textarea {
width: 990px !important;
margin-top: -250px;
height:250px;
}
form#quick_reply textarea#text_editor_textarea {
margin-top: 10px;
}


E o resultado final foi este no Chrome:

Personalizar caixa de texto e caixa de smileys Depois2c

Muito feliz

O problema é que ficou assim no IE8:

Personalizar caixa de texto e caixa de smileys Depois3

Note-se que vai uma grande distancia entre o botao enviar e a caixa de texto... Tonto

Enfim, este ja é um problema menor em comparaçao com o outro que eu tinha, porque eu antigamente nem postar conseguia, mas se houver alguem que me ajude so mais nesse pormenor... eu agradecia a ajuda...

Quanto a isto...
ademuncar escreveu:
Gostaria que me ajudassem com o meu tópico também, já expliquei e ninguém entendeu o que eu quero ainda: EFEITO HOVER NO MENU

Ja la fui espreitar e ja respondi e so posso desejar que te ajudem porque por vezes isto é um pouco frustrante... frustrante para nós que precisamos de respostas, e deve ser tambem para quem le e nao consegue entender...

Obrigada! Muito feliz
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Login! 02.02.11 16:28

Olá,

É normal que em navegadores muitas vezes temas ou apenas fóruns fiquem bugados.
Meu amigo tinha um fórum, que trocando tema, tudo, só pegava em Mozilla Firefox.
Então, deve ser pelo IE8 não ser tão novo.
Talvez seu problema não possa ser resolvido.

Até mais.
Login!
Login!
Super Membro

Membro desde : 24/10/2010
Mensagens : 1177
Pontos : 1475

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F 04.02.11 23:31

Login! escreveu:
Talvez seu problema não possa ser resolvido.

Pois, parece que pelo menos para já acho que a solução que tenho foi a unica que existe porque acho que a esta altura do campeonato se houvesse uma soluçao melhor ja teriam respondido... Chorando ou muito tr

Bem, pelo menos ja tenho o que queria que era os smilies em cima da caixa de texto e sem problemas no firefox e chrome... Tenho que aguentar com o facto da distancia entre o botao enviar e a caixa de texto ser grande, mas enfim, não se pode ter tudo.... ...

Vou dar a questao como resolvida, entao...

Obrigada
Isa.F
Isa.F
***

Membro desde : 24/11/2010
Mensagens : 113
Pontos : 165

http://www.pedacinhos-de-nos.com

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