Início
phpBB3 
PunBB
Invision
Forumeiros (Avançado)
Gostaria onde tiver os quadrados vermelhos, que fossem movidos para o quadrado verde..
O quadrado azul, que movesse para o quadrado amarelo...
Gostaria de mover o conteúdo pra deixar como na imagem, já tentei mas não consigo deixar eles lado a lado..
esqueci de colocar o codigo, kkk.
- Código:
<html>
<head>
<meta charset="UTF-8">
<title>Calculadora de Atributos</title>
<link rel="icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" type="image/x-icon">
<title></title>
<script language="Javascript">
function soma(){
document.getElementById("hpgigante").value = '0';
document.getElementById("spgigante").value = '0';
document.getElementById("dano").value = '0';
document.getElementById("bloqueio").value = '0';
document.getElementById("esquiva").value = '0';
document.getElementById("acerto").value = '0';
document.getElementById("mani").value = '0';
document.getElementById("menta").value = '0';
document.getElementById("apa").value = '0';
document.getElementById("disfa").value = '0';
document.getElementById("concen").value = '0';
var fr = parseFloat(document.getElementById("fr").value);
var des = parseFloat(document.getElementById("des").value);
var agi = parseFloat(document.getElementById("agi").value);
var vgr = parseFloat(document.getElementById("vgr").value);
var con = parseFloat(document.getElementById("con").value);
var per = parseFloat(document.getElementById("per").value);
var int = parseFloat(document.getElementById("int").value);
var esp = parseFloat(document.getElementById("esp").value);
var sor = parseFloat(document.getElementById("sor").value);
var log = parseFloat(document.getElementById("log").value);
var eng = parseFloat(document.getElementById("eng").value);
var car = parseFloat(document.getElementById("car").value);
var will = parseFloat(document.getElementById("will").value);
if(document.getElementById("fr").value==''){
document.getElementById("fr").value= 0;
fr= 0;
}
if(document.getElementById("des").value==''){
document.getElementById("des").value= 0;
des= 0;
}
if(document.getElementById("agi").value==''){
document.getElementById("agi").value= 0;
agi= 0;
}
if(document.getElementById("vgr").value==''){
document.getElementById("vgr").value= 0;
agi= 0;
}
if(document.getElementById("con").value==''){
document.getElementById("con").value= 0;
con= 0;
}
if(document.getElementById("per").value==''){
document.getElementById("per").value= 0;
per= 0;
}
if(document.getElementById("int").value==''){
document.getElementById("int").value= 0;
int= 0;
}
if(document.getElementById("esp").value==''){
document.getElementById("esp").value= 0;
esp= 0;
}
if(document.getElementById("sor").value==''){
document.getElementById("sor").value= 0;
sor= 0;
}
if(document.getElementById("log").value==''){
document.getElementById("log").value= 0;
log= 0;
}
if(document.getElementById("eng").value==''){
document.getElementById("eng").value= 0;
eng= 0;
}
if(document.getElementById("car").value==''){
document.getElementById("car").value= 0;
car= 0;
}
if(document.getElementById("will").value==''){
document.getElementById("will").value= 0;
will= 0;
}
document.getElementById("hpgigante").value = parseInt((con*10) + (vgr*7));
document.getElementById("spgigante").value = parseInt((esp*5) + (vgr*3));
document.getElementById("dano").value = parseInt((fr*3) + will + vgr/2);
document.getElementById("bloqueio").value = parseInt((per*3) + will + vgr/2);
document.getElementById("esquiva").value = parseInt((agi*3) + sor + vgr/2);
document.getElementById("acerto").value = parseInt((des*3) + sor + vgr/2);
document.getElementById("mani").value = parseInt((eng*3) + int + will/2);
document.getElementById("menta").value = parseInt((log*3) + int + will/2);
document.getElementById("apa").value = parseInt((log*3) + car + sor/2);
document.getElementById("disfa").value = parseInt((eng*3) + car + sor/2);
document.getElementById("concen").value = parseInt((will*1) + log + eng + int);
}
</script>
</head>
<body bgcolor=black>
<div style="text-align: center;"><img src="http://i.imgur.com/BRSoPIj.gif"><br /></div><br>
<br>
<br>
<br>
<div style="text-align: center;"><font style="font-family: Georgia; font-weight: bold; color: #333;" size="4px">Calculadora de Atributos</font></div><br>
<br>
<br><font style="color: black;">
<div align=right>Força: <input type="number" id="fr" value="0" onblur="soma()"> <br>
Destreza: <input type="number" id="des" value="0" onblur="soma()"> <br>
Agilidade: <input type="number" id="agi" value="0" onblur="soma()"> <br>
Vigor: <input type="number" id="vgr" value="0" onblur="soma()"> <br>
Constituição: <input type="number" id="con" value="0" onblur="soma()"> <br>
Percepção: <input type="number" id="per" value="0" onblur="soma()"> <br>
Inteligência: <input type="number" id="int" value="0" onblur="soma()"> <br>
Espirito: <input type="number" id="esp" value="0" onblur="soma()"> <br>
Sorte: <input type="number" id="sor" value="0" onblur="soma()"> <br>
Lógica: <input type="number" id="log" value="0" onblur="soma()"> <br>
Persuadir: <input type="number" id="eng" value="0" onblur="soma()"> <br>
Carisma: <input type="number" id="car" value="0" onblur="soma()"> <br>
Força de Vontade: <input type="number" id="will" value="0" onblur="soma()"> <br> <hr size="1">
<b>PV - Pontos de Vida:<input type="button" id="hpgigante"></b><br>
<b>PS - Pontos de Stamina:<input type="button" id="spgigante"></b><br>
<b>Dano/Ataque (FOR*3+FRV+VGR/2):<input type="button" id="dano"></b><br>
<b>Defesa/Bloqueio (PER*3+FRV+VGR/2):<input type="button" id="bloqueio"></b><br>
<b>Esquiva/Evasão (AGI*3+SOR+VGR/2):<input type="button" id="esquiva"></b><br>
<b>Acerto/Mira (DEX*3+SOR+VGR/2):<input type="button" id="acerto"></b><br>
<b>Manipular/Enganar (PES*3+INT+FRV/2):<input type="button" id="mani"></b><br>
<b>Raciocínio/Mentalizar (LOG*3+INT+FRV/2):<input type="button" id="menta"></b><br>
<b>Aparência (LOG*3+CAR+SOR/2):<input type="button" id="apa"></b><br>
<b>Disfarce (PES*3+CAR+SOR/2):<input type="button" id="disfa"></b><br>
<b>Concentração (INT+LOG+PES+FRV):<input type="button" id="concen"></b><br></div></font>
<br>
<font style="font-family: Arial; color: red; font-weight: bold;" size="2px">
♦ Lembrando que você deve arredondar para baixo, por exemplo, se der 5,5 o resultado será 5.<br>
♦ Você inicialmente tem 20 pontos de atributos para distribuir em:<br>
- Força, Destreza, Agilidade, Vigor, Constituição, Percepção, Inteligência, Espirito, Sorte, Lógica, Persuadir, Carisma e Força de Vontade. </font><br>
<div style="text-align: right;"><font style="font-family: Impact; font-weight: bold; color: black;" size="6px"></font></div>
</body>
</html>
Última edição por JScript em Seg 26 Ago 2013, 10:26 pm, editado 1 vez(es) (Motivo da edição : Link!)
