LE
pedido

[Pedido] Queria colocar uma tabela para dividir a header do site ...

Por LeoTK, 29 de abr. de 2015 em Websites

otserv
tibia
script
9
1.3k
LeoTKL
29 de abril de 2015 às 17:42

Fala galera do xtibia, eu tava olhando meu site ... porém estou me incomodando porque da imagem header e o resto do site não tem nada entre eles deixando uma coisa sem graça ... me deixa incomodado ver a imagem colada com o resto do site ....

 

bom print para vocês verem...

 

Ix5UuDo.jpg

 

no caso gostária que ele puxase uma imagem .... para aquele lugar ...

 

não sei direito qual arquivo precisa então só pedir que eu disponibilizo aqui ...

 

index.tpl

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<html xmlns="http://www.w3.org/1999/xhtml">
  




<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="distribution" content="Global" />
<meta name="author" content="Vean" />
<meta name="robots" content="index,follow" />
  


<meta name="description" content="Site Description." />
<meta name="keywords" content="ots, open tibia server, ..." />
{$head}
<title> NTO NEW SEASON </title>
<link rel="stylesheet" type="text/css" href="{$path}/templates/naruto/main.css" />
<link href="{$path}/templates/naruto/favicon.ico" rel="shortcut icon" />
</head>
<!--Google-->
<script type="text/javascript">


 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-15249041-2']);
 _gaq.push(['_trackPageview']);


 (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();


</script>
<body>
<div id="vt_page">
<div id="vt_header"></div>
<div id="vt_container">
<div id="vt_menu">
<div id="vt_news_menu">
<center>


<div class="header"></div></center>




<ul>
<li><a href="{$path}">Novidades</a></li>
<li><a href="{$path}/index.php/p/v/xat">Chat <img src="/templates/naruto/images/hot.gif"> </a></li>


<li><a href="{$path}/index.php/p/v/bijuus">Bijuus <img src="/templates/naruto/images/new.gif"> </a></li>
</ul>
</div>
<div id="vt_account_menu"><center>
<div class="serv"></div></center>
<ul>
{if $logged == 1}
<li><a href="{$path}/index.php/account/">Minha Conta</a></li>
<li><a href="{$path}/index.php/p/v/pagseguro"><font color="yellow"><b>Donatar</b> </font></a></li>
{else}
<li><a href="{$path}/index.php/account/create">Criar Conta</a></li>
<li><a href="{$path}/index.php/account/login">Login</a></li>
<li><a href="{$path}/index.php/p/v/pagseguro"><font color="yellow"><b>Donatar</b>  </font></a></li>
{/if}
</ul>
</div>
<div id="vt_community_menu">
<div class="comu"></div>
<ul>
<li><a href="{$path}/index.php/character/view">Procurar Personagem</a></li>
<li><a href="{$path}/index.php/guilds">Guilds <img src="/templates/naruto/images/new.gif"></a></li>
<li><a href="{$path}/index.php/p/v/fragers">Top fraggers</a></li> 
<li><a href="{$path}/index.php/video">Videos</a></li> 
<li><a href="{$path}/index.php/houses/main">Casas</a></li> 
<li><a href="{$path}/index.php/p/v/deaths">Ultimas Mortes</a></li>
<li><a href="{$path}/index.php/p/v/gallery">Galeria <img src="/templates/naruto/images/update.gif"></a></li> 
<li><a href="{$path}/index.php/highscores">Rank</a></li> 
<li><a href="{$path}/index.php/profile/community">Comunidade <img src="/templates/naruto/images/update.gif"></a></li>
                 <li><a href="{$path}/index.php/character/online">Players Online</a></li>


</ul>
</div>
<div class="info"></div>
<ul>
   <li><a href="{$path}/index.php/p/v/monstros">Monstros <img src="/templates/naruto/images/new.gif"></a></li>


<li><a href="{$path}/index.php/p/v/characters">Jutsus <img src="/templates/naruto/images/new.gif"></a></li>
    
<li><a href="{$path}/index.php/p/v/mapa">Mapa</a></li>
<li><a href="{$path}/index.php/p/v/staff">Equipe</a></li>
<li><a href="{$path}/index.php/p/v/bans">Banidos</a></li>
</ul>
</div>
<div id="vt_content">
{$main}
</div>
<div id="vt_panel">
<div class="top">
<div class="bot">
{include_php file='templates/naruto/topplayer.php'}
<div id="vt_panel_buttons">
<a href="http://download915.mediafire.com/jrtxafvp0nzg/o326cb83r5ka068/Nto+Ns+Client+7.2.rar" class="button">
<span></span>
</a>


<a href="{$path}/index.php/p/v/gifts" class="button2"></a>
<a href="/index.php/forum/view" class="button1"></a></div>
<div class="vt_panel_module"><center>
<div class="header">Server Status</div></centeR>
{foreach from=$worlds key=id item=world}
<div>
<b>Servidor:</b> {$world} <br />
<b>Status:</b>  
{if $serverOnline[$id]}
<span style="color: green;font-weight: bold;">Online</span><br />
<b>Uptime:</b> {$serverUptime[$id]} <br />
<b>Jogadores:</b> {$serverPlayers[$id]}/{$serverMax[$id]}<br /><br />
{else}
<span style="color: red;font-weight: bold;">Offline</span>
{/if}
</div>




<!-- INICIO CONTADOR -->
<a href='http://ntons.meximas.com//index.php/p/v/xat' id='lnolt_' target='_blank' style='font-family:Comic Sans MS;font-weight:bold;text-decoration:none;color:rgb(255, 204, 0)'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=ntons.meximas.com&interval=600'></script></a><a href='http://ntons.meximas.com//index.php/p/v/xat' target='_blank' style='font-family:Comic Sans MS;font-weight:bold;text-decoration:none;color:rgb(255, 204, 0)'> Ninja(s) Online no Site</a>
<!-- FIM CONTADOR -->








<center>
<div class="header">Redes Sociais</div>
<a href="https://www.facebook.com/NtoNewSeason">
<img src="http://i.imgur.com/6MbknsH.png" width="210" height="220">
</center>




<center>


<a href="https://twitter.com/NtoNewSeason">
<img src="http://i.imgur.com/Z1EAvnK.png" width="210" height="220">
</center>








<div>
{$poll} <br />
</div> 
{/foreach}
</div>
</div>
</div>
</div>
</div>


<div id="vt_footer">
<div class="column first">
<a href=""><img src="{$path}/templates/naruto/images/authornote.png" alt="Desing by:leo" />
</div>






<div class="column second">


<p>2015 - NTO New Season <p><small>By ADM Master: {$renderTime} {$admin}</small></p>
</div>
<div class="column third">


</div>
</div>
</div>
</body></html>

 

aguardo resposta

 

agradeço desde já

 

+rep pra quem ajudar xD

Editado Abril 29 por Brunds

AkzsA
29 de abril de 2015 às 17:43

me passa o index.tpl , e eu precisava ter acesso ao seu site para mim verificar uma coisa , é possivel?

LeoTKL
29 de abril de 2015 às 17:44

me passa o index.tpl , e eu precisava ter acesso ao seu site para mim verificar uma coisa , é possivel?

 

sim irei te passar o login e senha via pm

AkzsA
29 de abril de 2015 às 17:52

Uma divisão mais ou menos assim?

http://prntscr.com/6zoi3w

è so um exemplo pra ve se eu entendi.

Editado Abril 29 por Akzs

LeoTKL
29 de abril de 2015 às 17:55

Uma divisão mais ou menos assim?

http://prntscr.com/6zoi3w

è so um exemplo pra ve se eu entendi.

 

vi você jogou um pouquinho para a direita porém no caso seria algo mais ou menos assim ...

 

MKOLpHI.jpg

 

essa imagem fazendo a divisão da header e o site

Editado Abril 29 por Brunds

AkzsA
29 de abril de 2015 às 18:09

Assim?

http://prntscr.com/6zoqr0

LeoTKL
29 de abril de 2015 às 18:11

sim desse jeito mesmo ^^

AkzsA
29 de abril de 2015 às 18:13
Melhor resposta

Vai no main.css e adicione esse código.

#vt_header1 {
  width: 1000px;
  height: 14px;
  float: left;
  background: url('http://i.imgur.com/Psvw4iK.png') no-repeat;
}

Depois na index.tpl

 

Procure :

<div id="vt_header"></div>

e adicione abaixo

<div id="vt_header1"></div>

eu reupei a imagem pois aumentei ela um pouco no FW pra ficar certinha.

LeoTKL
29 de abril de 2015 às 18:18

muito obrigado mano ^^ +rep melhor resposta xD