Feliz ano novo para você!
Área Vip, os códigos mais inovadores
Leia as Regras do SP-Design
Publique no SPublicidade
Modifique o visual do seu fórum
Faça Pedidos Gráficos para seu fórum
Novo Administrador na comunidade
D'Leandro™
sou nível 17Mensagens : 822 Reputação : 533
Status : Forever Alone.
Inscrição : 21/08/2012 Localização : C:\Program Files\D'Leandro™.exe
Cash : 939
Status : Forever Alone.
Inscrição : 21/08/2012 Localização : C:\Program Files\D'Leandro™.exe
Cash : 939 Ter 12 Fev 2013, 3:21 pm | |
Qual é minha questão:
Olá, gostaria de pedir um código "Meio Dificil" eu acho!
Bem, gostaria que fosse criado um botão na barra de bbcode's que ao clicar deslize uma área abaixo, como na imagem.
https://i.servimg.com/u/f71/17/71/75/73/sem_ta24.png
- Seleciona-se uma das opções.
- Clicando em Pré Visualizar, o html da opção selecionada irá ser visualizado abaixo.
- Clicando em enviar, o código pronto é enviado para a caixa de respostas.
Efeito extra
Imagem do meu problema:
Endereço do meu fórum:
http://staffergroupbr.stuning.net/forum
Versão do meu fórum:
PHPBB3
Olá, gostaria de pedir um código "Meio Dificil" eu acho!
Bem, gostaria que fosse criado um botão na barra de bbcode's que ao clicar deslize uma área abaixo, como na imagem.
https://i.servimg.com/u/f71/17/71/75/73/sem_ta24.png
- Seleciona-se uma das opções.
- Clicando em Pré Visualizar, o html da opção selecionada irá ser visualizado abaixo.
- Clicando em enviar, o código pronto é enviado para a caixa de respostas.
Efeito extra
- Spoiler:
- Este html, permite que o texto seja editado, se for possível, que fique disponível para que o alerta seja editado na pré visaulização, em tempo real.
E envie o código do texto ja editado.
Texto Editavel
- Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Texto editável com JavaScript</title>
<style type="text/css">
h1 {
font:normal 2.4em/1.6 georgia, "times new roman", "bitstream vera serif", times, serif;
color:#900;
}
</style>
<script type="text/javascript">
window.onload = function(){
function editTitle(){
var title = document.getElementsByTagName('h1')[0];
var span = title.firstChild;
span.onmouseover = function(){
this.title = 'Clique para editar o texto';
this.style.background = '#f5f5f5';
}
span.onmouseout = function(){
this.title = '';
this.style.background = '';
}
span.onclick = function(){
var textoAtual = this.firstChild.nodeValue;
var input = '<input type="text" name="1" value="'+textoAtual+'">';
this.innerHTML = input;
var field = this.firstChild;
this.onclick = null;
this.onmouseover = null;
field.focus();
field.select();
field.onblur = function(){
this.parentNode.innerHTML = this.value;
editTitle();
}
}
}
editTitle();
}
</script>
</head>
<body>
<h1><span>Edite este título</span></h1>
</body>
</html>
Imagem do meu problema:
Endereço do meu fórum:
http://staffergroupbr.stuning.net/forum
Versão do meu fórum:
PHPBB3
![[F]lames](https://i.imgur.com/yiv4sag.jpg)
Nome do grupo em que o alerta se encaixa, por exemplo, Tutoriais/Tópicos/Moderação.
e 
Com Certeza!
Por Favor...
Destaque do Fórum
Muito Obrigado
