Personalizar caixa de texto e caixa de smileys

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!

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

Olá!

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

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.

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... mas ja ter conseguido isto ja nao foi mau...

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

continuo a precisar de ajuda...

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

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

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


Solkis, onde está?

Garbriel,

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

Up

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.

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

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

up

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

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!

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:





O problema é que ficou assim no IE8:



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

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!

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

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