Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
GollD
 
Nean
 
juleic1123
 

Quem está conectado
109 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 103 Visitantes :: 2 Motores de busca

Ana Leandro, idarkdg, PrisoN†BreaK, sandra51, Shek, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Resposta rápida em forma retratil

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

Resolvido Resposta rápida em forma retratil

Mensagem por Luan Diias em Qui 7 Jul 2016 - 0:27

Detalhes da questão


Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Gostaria de ao invés da caixa de ferramenta e resposta rápida ficar assim: http://imgur.com/RxwYgPi


Ser assim: http://prntscr.com/bpk0mv


Daí clicando nessa caixa comprida e fina, ela abre normalmente a caixa de ferramente e resposta rápida.

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 251

http://testegsf.forumeiros.com/

Resolvido Re: Resposta rápida em forma retratil

Mensagem por Luan Diias em Qui 7 Jul 2016 - 2:29

Up.

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 251

http://testegsf.forumeiros.com/

Resolvido Re: Resposta rápida em forma retratil

Mensagem por while em Qui 7 Jul 2016 - 2:31

Olá, é proibido o UP em menos de 24 horas.
Sugiro que leia as regras do setor de suporte.

Quanto sua duvida, adicione esse código em sua folha de estilo css:

Código:

form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}

Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2459
Pontos Ativos : 3585

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Resposta rápida em forma retratil

Mensagem por Luan Diias em Qui 7 Jul 2016 - 2:45

Desculpa pelo 'Up'. 


Bom, adicionei o código, mas não obtive nenhum resultado.

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 251

http://testegsf.forumeiros.com/

Resolvido Re: Resposta rápida em forma retratil

Mensagem por while em Qui 7 Jul 2016 - 4:11

Troque pra este:

Código:
.sceditor-container iframe, .sceditor-container textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px!important;
width: 100%!important;
}
.sceditor-container iframe:hover , .sceditor-container textarea:hover {
position: relative;
height: 155px!important;
width: 100%!important;
}

Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2459
Pontos Ativos : 3585

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Resposta rápida em forma retratil

Mensagem por Luan Diias em Qui 7 Jul 2016 - 4:43

Bom, resultou, porém...


Esse foi o resultado: http://i.imgur.com/WT4oJ70.png?1


E gostaria que ficasse assim: http://i.imgur.com/S3IrWZ5.png?1
E após CLICAR dentro da caixinha abrir assim: http://i.imgur.com/4nz3q9a.png?1


E o resultado que resultou, apenas basta passar o mouse em cima da caixa e já aparecia o restante e também ainda mostra a caixa de ferramente.


Possível mudar isso e deixa igual como falei ai em cima /\ ?

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 251

http://testegsf.forumeiros.com/

Resolvido Re: Resposta rápida em forma retratil

Mensagem por while em Qui 7 Jul 2016 - 16:37

Desculpa minha má compreensão.

Crie um novo javascript com esse código (investimento nos tópicos):
Código:
$(function() {
      var adriel = document.getElementById('quick_reply');
      adriel.style.display="none";
      $(adriel).before('<div onclick="$(this.nextSibling).slideToggle();" class="textowhile"><center>Clique aqui para abrir a caixa de resposta</center></div>');
    });

E troque o css que te forneci por este:
Código:
.textowhile {
    float:center;
    border: 1px solid #CCC;
    padding: 5px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    font-weight: bold;
    text-shadow: 0 1px white;
    background: #EEE;
}
.textowhile:hover { color: #C03; }

Até mais.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2459
Pontos Ativos : 3585

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Resposta rápida em forma retratil

Mensagem por Luan Diias em Qui 7 Jul 2016 - 17:04

Obrigado, podem fechar.

Luan Diias
Nível 6

Masculino
Inscrito dia : 12/05/2016
Mensagens : 72
Pontos Ativos : 251

http://testegsf.forumeiros.com/

Resolvido Re: Resposta rápida em forma retratil

Mensagem por while em Qui 7 Jul 2016 - 17:31

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Seta Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Seta Respeite as Regras da seção de Suporte.
Seta MP apenas para assuntos importantes!
Seta Seu tópico foi resolvido ? Não se esqueça de clicar no

while
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2459
Pontos Ativos : 3585

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5