Erros em PHP, ajuste no sistema de imagem e css.

[Netoviski]

Olá, estou usando a web free do litlle, porém ele mesmo parece não está ofereçendo suporte a ela, quando a usei tinha alguns bugs, como serial tava ativado, dados da conexão do mssql tavam desconfigurados, até que consegui coloca online, porém apresentou os seguintes bugs.

Imagem char.

Quando vou enviar a imagem para o char no ranking apareçe: " Formato do Arquivo invalido", pode ser um quadrado preto do tamanho la da imagem com pouquissimos kbs e jpg que dá o erro

Pagina imagem.php (talvez voces pensem que tem dados ai de mssql errados, mas é por que coloquei a pagina original, sempre mudo para usar):

<?
$bloquiados = array("'","--","*"); 
foreach($_POST as $valor)
{
    foreach($bloquiados as $bloquiados2)
    {
        if(substr_count(strtolower($valor), strtolower($bloquiados2)) > 0) 
        {
          die("<script>alert('Não digite caracteres especiais');
location='javascript:history.back()'</script>");
        }
    }
}
foreach($_GET as $valor)
{
    foreach($bloquiados as $bloquiados2)
    {
        if(substr_count(strtolower($valor), strtolower($bloquiados2)) > 0) 
        {
          die("<script>alert('Não digite caracteres especiais');
location='javascript:history.back()'</script>");
        }
    }
}
foreach($_COOKIE as $valor)
{
    foreach($bloquiados as $bloquiados2)
    {
        if(substr_count(strtolower($valor), strtolower($bloquiados2)) > 0) 
        {
          die("<script>alert('Não digite caracteres especiais');
location='javascript:history.back()'</script>");
        }
    }
} ?>
<?
$cnn=@mssql_connect("127.0.0.1","sa","123456") or die('Erro ao conectar ao sql');
$db=@mssql_select_db("MuOnline",$cnn) or die('Erro ao conectar na database');
session_start();
$login = $_SESSION['login_mu'];
$senha = $_SESSION['senha_mu'];
if(!(isset($_SESSION['login_mu']) OR isset($_SESSION['senha_mu']))) { 
    $CheckSt =   mssql_fetch_row(mssql_query("select connectstat from memb_stat where memb___id='".$login."'"));
   if($CheckSt[0] >= 1)
   {
    exit("<blockquote class=\"Erro\">Deslogue-se do servidor!</blockquote>");
   }
echo "<table width='100%' height='41' cellpadding='0' cellspacing='0'>
  <tr>
    <td height='25' valign='middle' background='images/menu_meio.jpg'><table width='99%' height='18' cellpadding='0' cellspacing='0'>
      <tr>
        <td width='6%' valign='middle'>&nbsp;</td>
        <td width='94%' height='16' valign='middle'><strong>Erro</strong></td>

      </tr>
    </table></td>
  </tr><tr>
        <td width='94%' height='13' valign='top'><table width='100%' border='0' align='center' cellpadding='0' style='border-collapse: collapse; border: 1px dashed #FF0000; padding: 0'>
          <tr>
            <td height='19' bgcolor='#FFD2D2'><div align='left' class='style24'>- Para acessar essa página é preciso estar logado.
</div></td>

        </tr>
        </table></td>
        </tr>
        </table></td>";
}
else{
$vip=mssql_fetch_row(mssql_query("select vip from memb_info where memb___id='".$login."'"));
if($vip[0] == 0) { 
echo "<table width='100%' height='41' cellpadding='0' cellspacing='0'>
  <tr>
    <td height='25' valign='middle' background='images/menu_meio.jpg'><table width='99%' height='18' cellpadding='0' cellspacing='0'>
      <tr>
        <td width='6%' valign='middle'>&nbsp;</td>
        <td width='94%' height='16' valign='middle'><strong>Erro</strong></td>

      </tr>
    </table></td>
  </tr><tr>
        <td width='94%' height='13' valign='top'><table width='100%' border='0' align='center' cellpadding='0' style='border-collapse: collapse; border: 1px dashed #FF0000; padding: 0'>
          <tr>
            <td height='19' bgcolor='#FFD2D2'><div align='left' class='style24'>- Para acessar essa página é preciso ser VIP.
</div></td>

        </tr>
        </table></td>
        </tr>
        </table></td>";
}
else{
?>
<?php

if($_POST['prossegue']) {
/* Configuração */
$dir = "../../_img/chars/"; // Diretório para onde irão as imagens. Tem que setar permissão na pasta 777
$max = "3500000"; // Tamanho máximo que as imagens poderão ter.

/* Pega as informações do arquivo */
if ($_FILES['arquivo']['type'] == "image/pjpeg" or $_FILES['arquivo']['type'] == "image/jpeg") {
    $ext = "ImageCreateFromJPEG";
    $ext1 = "jpg"; }

if($_FILES['arquivo']['type'] == "image/gif") {
    $ext = "ImageCreateFromGIF";
    $ext1 = "gif"; }

    
$f_name =  substr(md5(rand()),0 ,11).".".$ext1;
$f_tmp = $_FILES['arquivo']['tmp_name'];
$f_type = $_FILES['arquivo']['type'];
$f_size = $_FILES['arquivo']['size'];

/* Verifica o formato do arquivo */
if(($f_type != 'image/jpeg') AND ($f_type != 'image/gif')){ echo "<script>alert('Formato do arquivo não é válido!');
location='javascript:history.back()'</script>"; }

/* Verifica o tamanho do arquivo */
elseif($f_size > $max){ echo "<script>alert('Imagem muito grande, máximo permitido: 100 KBs');
location='javascript:history.back()'</script>"; }

/* Verifica se o arquivo já existe no diretório */
elseif(file_exists("$dir/$f_name")){ echo "<script>alert('O arquivo já existe no diretório');
location='javascript:history.back()'</script>"; }

/* Caso esteja tudo correto ele manda o arquivo para o diretório e imprime a confirmação */
else {

/* Envia a imagem */
move_uploaded_file($f_tmp, $dir.$f_name);
$img = $dir.$f_name;
$tipo = $f_type;
$tamanho = "$f_size". Kb."";

/* Registrando imagem no SQL */
$Query = mssql_query("UPDATE Character SET lt_foto='$f_name' WHERE Name='".$char."'");

/* Imprime a confirmação de que o upload foi realizado com sucesso */
echo "<script>alert('Imagem Enviada.');
location='javascript:history.back()'</script>";
}
}
else {
?>
<style>
.submit { font-size:12px; color:#333; font-family:"Trebuchet MS"; border:1px solid #333333; background-color:#F1F1F1;}
}
input { font-size:12px; color:#333333; font-family:"Trebuchet MS"; border:1px solid #333333; CURSOR: url('./seta.cur'); }
textarea { font-size:12px; color:#333333; font-family:"Trebuchet MS"; border:1px solid #333333; CURSOR: url('./seta.cur'); }
a {
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #333333;
}
body {
    background-color:#333;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #999999;
}
a:active {
    text-decoration: none;
}
</style>
<?
    $CheckSt =   mssql_fetch_row(mssql_query("select connectstat from memb_stat where memb___id='".$login."'"));
   if($CheckSt[0] >= 1)
   {
    exit("<blockquote style=\"background:#FFF; color:#000; font:11px Verdana; text-align:center; font-weight:bold; border:1px solid #F00; padding:25px;\">Deslogue-se do servidor!</blockquote>");
   }
   ?>
<title>Upload de imagens - <?=$pt['nomemu']?></title>
<div style="background:#ccc; border:1px solid #999; margin:15px; padding:10px; font:10px Verdana;">
<form method="POST" action="" enctype="multipart/form-data">

<li style="border-bottom:1px dashed #333;">Imagem: 
<input type="file" name="arquivo"></li><br>
<li style="border-bottom:1px dashed #333;">Char: <select name="char" id="char">
        <?
        $Chars = mssql_query("select name from Character where accountid='".$login."'");
        for($p=0;$p<mssql_num_rows($Chars);$p++) {
        $Char=mssql_fetch_row($Chars);
        echo '<option value='.$Char[0].'>'.$Char[0].'</option>';
        }
        ?>
        </select></li><br />
  <div align="center"><input type="submit" class="submit" name="prossegue" id="prossegue" value="Enviar"></div>
</form>
</div>
<? } } } ?>

2º Erro, area de loguin fora do lugar.



web.css

@charset "utf-8";
body {
    background: #FFF url(bg.png) repeat-x center top;
    margin-left:0;
    margin-right:0;
    margin-top:0;
}
#wrap {
    width: 900px;
    margin: 0 auto;
    text-align: left;
}
.b-footer {
    background:#272727;
    border:1px solid #000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    color:#000;
    }    
input.campos { 
    margin: 0; 
    font: bolder 12px Arial, Sans-serif; 
    border: 1px solid #CCC;
    padding: 2px 3px; 
    background: url(buttonbg.gif) repeat-x left bottom; 
    color: #666;
}
select.sele {
    font: bolder 11px Verdana ;
    color: #494949;
    margin:0px;
    background:   url(input.png);
    border: 1px solid #999;
}
#painel-login li {
    border-bottom:1px dashed #666;
    padding: 6px 0 5px 0;
}
#painel-login ul {
    padding:0;
    margin:0;
}

.sele option {
    border: 1px solid #E5E5E5;
}
#banner {
    width: 900px;
    position: relative;
    height: 216px;
    background: #CCC  url(banner.jpg) no-repeat center top;
    padding: 0;
    font-size: 14px;
    color: #FFF;
    margin-top:3px;
}
#menu {
    clear: both;
 padding: 0 0px 0 0;
    background:  url(menu.png) no-repeat center  bottom;    
    font: bold 13px/55px Verdana, Arial, Tahoma, Sans-serif;
    height: 41px;
}
#menu ul {
    float: inherit;
    list-style: none;
    margin:0; padding: 0;
}
#menu ul li {
    display: inline;
}
#menu ul li a {
    display: block;
    float: left;
    padding: 0 18px;
    color: #FFF;    
    text-decoration: none;
}
#menu ul li a:hover {
    text-decoration:overline;
    color:FFF;
}
#menu ul li#current a {    

}
#centralizar{
    clear: both;
    width: 900px;
    padding: 0;
    margin-top:20px;

}
#main-cima {
    background:url(main_cima.png) no-repeat center top;
    width:900px;
    height:13px;
}
#main-meio {
    background:url(main_meio.png) repeat center top;
    width:900px;
     float: left;
}
#main-baixo {
    background: url(main_baixo.png) no-repeat center top;
    width:900px;
    height:20px;
     float: left;
     clear:both;
     margin-bottom:6px;
}
#sidebar {
    width: 200px;
    font:13px/43px bold Verdana, Geneva, sans-serif;
    color:#786DFE;
    text-align:center;
    clear:both;
    font-weight: bolder;
    height:41px;
    background: url(box_cima.png) no-repeat  left top;
}
#box ul.sidemenu {
    width:195px;
    list-style: none;
    text-align: left;
    margin:0px;
    padding:0px;
    background-color:#272727;
    text-decoration: none;        
}
#conteudo-meio ul.sidemenu {
    width:195px;
    list-style: none;
    text-align: left;
    margin:0px;
    padding:0px;
    background-color:#272727;
    text-decoration: none;        
}
.stl2 {
    background:#fff center top;
    text-align:left;
    padding:7px;
    margin:5px;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
.stl3 {
    background:#fff center top;
    text-align:left;
    padding:7px;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
.stl5 {
    background:#fff center top;
    text-align:left;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
.stlg {
    background:#fff center top;
    text-align:left;
    padding:3px;
    margin-bottom:2px;
    margin-top:2px;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
.pedd {
    padding-bottom:2px;
}

.stl4{
    background: center top;
    text-align:left;
    padding:3px;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
.stl6{
    background: #e8e8e8 center;
    text-align:left;
    padding:3px;
    margin:10px;
    border:1px solid #DADADA;
    -moz-border-radius:5px;
    -webkit-border-radius:5px; 
    }
h3 {
    font:14px Verdana, Geneva, sans-serif;
    font-weight:bold;
    color:#999;
    padding-left:5px;
}
h4 {
    font:11px Tahoma, Geneva, sans-serif;
    font-weight:bold;
    color: #666;
    padding:3px;
    margin:0px;
}
#box ul.sidemenu li {
    border-bottom:1px dashed #2E2E2E;
    padding-left:5px;
    width:185px;
    padding-right:5px;
    padding-bottom:4px;
    font:11px Tahoma, Geneva, sans-serif; 
rif; 
}
#tool-box {
    background:#272727  center top;
    text-align: right;
    width:100%;
    }
#tool-box ul.box-top{
    list-style: none;
    color:#FFF;
    float: inherit;
    font:10px Verdana, Geneva, sans-serif;
    padding:3px 5px 4px 0; margin:0;
}
#tool-box a:link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFF; text-decoration: none;}
#tool-box a:hover,
#tool-box a:active { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#E1E1E1; text-decoration: none;}
#tool-box  a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#E1E1E1; text-decoration: none; }
#tool-box ul li {
    display: inline;
    padding: 0 18px;
}
#sidebar_ {
    float:right;
    width: 200px;
    clear:both;
    margin-right:7px;
    margin-bottom:5px;
}    
#box {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #666;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:3px;
    width: 190px;
    background: url(box_meio.png);
}    
#box_fim {
    float: left;
    width: 200px;
    height: 10px;
    margin-bottom:10px;
    background: url(box_baixo.png) no-repeat center top;
}
#creditos {
    font-family: Verdana, Geneva, sans-serif;
    font-size:10px;
    color:#FFF;
    text-align:center;
    padding:4px;
    clear:both;
}
#barra-server {
    overflow: hidden;
    background: #343434;
    width: 175px;
    height: 10px;
    margin: 2px auto;
    padding: 0;
    font-size: 0;
    border: 1px solid #171717;
}
#barra-server  .divserver{
    margin: 0px 1px;
    overflow: hidden;
    height: 1px;
    background: #727272;
}
.scr {
    text-align:center;
}
#conteudo {
    background:center top;
    width:680px;
    margin-left:5px;
}
#box  .user{
    background:  url(user.png) no-repeat center top;
    border:0px;
    width:110px;
    padding-left:83px;
    padding-top:4px;
    margin:0px;
    height:22px;
    font:11px/35px Verdana, Geneva, sans-serif;
    color:#666;
}
#box .button_login {
    background:url(ok.png) no-repeat center top;
    height:20px;
    border:0px;
    width:49px;
    cursor:pointer;
}
#box .button_votar {
    background: url(votar.png) no-repeat center top;
    height:19px;
    border:0px;
    width:48px;
    cursor:pointer;
}
#box .button_result {
    background: url(resultado.png) no-repeat center top;
    height:19px;
    border:0px;
    width:68px;
    cursor:pointer;
}
#box  .pass{
    background:  url(pass.png) no-repeat center top;
    border:0px;
    width:110px;
    margin:0px;
    padding-left:83px;
    padding-top:4px;
    height:22px;
    font:11px/35px Verdana, Geneva, sans-serif;
    color:#666;
}
#conteudo-cima {
    background: url(conteudo_cima.png) no-repeat center top;
    width:680px;
    height:11px;
}
#conteudo-meio {
    background:#FFF  url(conteudo_meio.png) repeat-y center top; 
    width:670px;
    padding:5px;
    font: 10px Verdana;
    color:#666;
}
#conteudo-baixo {
    background: url(conteudo_baixo.png) no-repeat center top;
    width:680px;
    height:11px; 
}
#conteudo-meio h1 {
    text-shadow: 5px 0px 1x #D3D3D3;
    color: #999;
    font-size: 120%;
    margin-top: 10px;
    text-transform: uppercase;    
    margin: 2px;
    padding-left:5px;
    padding-top:9px;
}
#conteudo-meio #lt {
    margin:0px;
    width:671;
}
#conteudo-meio #lt-cima {
    background:  url(cima-escr.png) no-repeat center top;
    width:671px;
    height:39px;
}
#conteudo-meio #lt-meio {
    background:#FFF  url(meio-escr.png) repeat-y center top; 
    width:653px;
    padding-left:9px;
    padding-right:9px;
    padding-top:1px;
    padding-bottom:5px;
    font: 10px Verdana;
    color:#666;
}
#conteudo-meio #lt-baixo {
    background: url(baixo-escr.png) no-repeat center top;
    width:671px;
    height:11px;
    margin-bottom:11px;
}
.stilo1 {
    color:#333;
}
#conteudo-meio .char_rollover{
filter:alpha(opacity=100);
 -moz-opacity:.99;
 opacity:.99; 
background-color:#000;
    }
#conteudo-meio .img{filter:alpha(opacity=45); -moz-opacity:.45; opacity:.45; background-color:#000;}

#conteudo-meio .char_rollover2{
filter:alpha(opacity=45);
 -moz-opacity:.45;
 opacity:.45;
 background-color:#000;
     }
#conteudo-meio a:link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666; text-decoration: none;}
#conteudo-meio a:hover,
#conteudo-meio a:active { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #999; text-decoration: none;}
#conteudo-meio a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#999; text-decoration: none; }
#conteudo-meio ul {
    list-style: none;
    text-align: left;
    margin: 3px 0 8px 0; padding: 0;
    text-decoration: none;        
}
#box a:link { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666; text-decoration: none;}
#box a:hover,
#box a:active { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #999; text-decoration: none;}
#box  a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#999; text-decoration: none; }
blockquote {
    background: #E8E8E8;
    margin: 0px 0;
    padding: 10px;
    font:10px Verdana;
    border: 1px solid #D7D7D7;
}
blockquote.Erro {
    color:#F00;
    font: 10px  Verdana, Geneva, sans-serif;
    border: 1px dashed #e56255;
    margin: 5px 5px 0 0px;
    padding-left:25px;
    background: #FFEAEA  url(error.png) no-repeat 5px 50%;
}

label {
    display:block;
    font-weight:bold;
    margin:5px 0;
}
blockquote.ok {
    color:#990;
    margin: 5px 5px 0 0px;
    padding-left:25px;
    font: 10px  Verdana, Geneva, sans-serif;
    border: 1px dashed #e56255;
    background: #FFEAEA url(success.png) no-repeat 5px 50%;
    
}
input.button {
    cursor: pointer;
    border: 1px solid #E5E5E5;
    background: url(button.gif) repeat-x top left #F9F9F9;
    font: 11px Tahoma;
    color: #494949;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
}
input.button2 {
    cursor: pointer;
    border: 1px solid #000;
    background: url(buttse.gif) repeat-x top left #F9F9F9;
    font: 11px Tahoma;
    color: #999;
    height:25px;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
}
.dropmenudiv {
    position : absolute;
    top : 0;
    font : bold 13px/55px Verdana, Arial, Tahoma, Sans-serif;
    line-height : 25px;
    z-index : 100;
    width : 180px;
    visibility : hidden;
    }
.dropmenudiv a {
    background:url(dropmeio.png) repeat-y;
    width : auto;display : block;
    text-indent : 15px;
    border-bottom : 1px solid #222;
    padding : 2px 0;
    text-decoration : none;
    color : #fff;
    }
* html .dropmenudiv a {
    width : 100%;
    }
.dropmenudiv a:hover {
    background:url(dropmeio.png) repeat-y;
    text-decoration: overline;
    }
span.drop {
    background:url(dropfim.png) no-repeat;
    height:14px;
    display:block;
    }
span.c-drop {
    background:url(dropdown.png) no-repeat;
    height:15px; 
    display:block;
    }
.fty{
    font-size:10px;
    font-family:Tahoma, Geneva, sans-serif;
}
#lt-meio h5 {
    font-family:Verdana;
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid #666;
    color:#666;
    margin: 0 0  10px 0; padding:0px;
} 

Quem não estiver dando conta de ligar essa web, so me procurar via mp que ajudarei, agradeço a todos que tentarem me ajudar nesse problema.

Att, UPGames.