Personalizar caixa de texto e caixa de smileys

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

Resolvido Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 16/01/11, 06:08 pm

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:



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:



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, 09:31 pm, editado 1 vez(es)
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 17/01/11, 10:57 pm

Por favor, continuo com problemas... preciso de ajuda...
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Gabe em 18/01/11, 05:23 am

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

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 18/01/11, 06:47 pm

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

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 19/01/11, 10:15 pm

continuo a precisar de ajuda... Ajuda/Confuso
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 21/01/11, 09:24 am

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
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 22/01/11, 05:10 pm

Chorando ou muito tr




Bem, vou reformular o meu pedido....




Entao o que eu preciso é isto:



para que fique assim:



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
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 24/01/11, 05:26 pm

Up Exclamação
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Callie em 26/01/11, 09:50 am

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

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 26/01/11, 03:38 pm

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



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


´

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

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 27/01/11, 10:22 pm

'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:



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:



Por favor, ajudem-me, eu sei que voces conseguem...
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 28/01/11, 11:30 pm

up
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com
  • 0

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por ademuncar em 29/01/11, 03:37 pm

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:



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
avatar

ademuncar
Nível 3

Masculino
Inscrito dia : 19/01/2011
Mensagens : 16
Pontos Ativos : 23

Ver perfil do usuário http://moneyco.forumeiros.com/

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 30/01/11, 12:24 am

@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:




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:



Muito feliz

O problema é que ficou assim no IE8:



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
avatar

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Login! em 02/02/11, 02:28 pm

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

Login!
Membro do Fórum

Masculino
Inscrito dia : 24/10/2010
Mensagens : 1177
Pontos Ativos : 1475

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar caixa de texto e caixa de smileys

Mensagem por Isa.F em 04/02/11, 09:31 pm

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

Isa.F
Nível 8

Feminino
Inscrito dia : 24/11/2010
Mensagens : 113
Pontos Ativos : 165

Ver perfil do usuário http://www.pedacinhos-de-nos.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