Website Widget TopLevel Gesior

[Phineasz 0]

Alguém aqui por acaso teria esse Widget transparente do TopLevel e queira disponibilizar para a comunidade? Ficaremos bastante agradecidos . Se puder também mandar um tutorial de como instalar. Obrigado dese já, rep+ para quem ajudar.

 

[Phineasz 0]

Resolvido.

Eu não sei se a pessoa do outro fórum possui uma conta aqui mais, vou postar a solução, lembrando que os créditos são todos dele.

 

1º Abra a pasta do seu gesior e vá em /layouts/tibiacom/layout.php, e caso você já tenha um TopLevel substitua por esse trecho:

Spoiler

<?php
	$skills = $SQL->query('SELECT * FROM players WHERE deleted = 0 AND group_id = 1 AND account_id != 1 ORDER BY level DESC LIMIT 5');
?>

<style type="text/css" media="all">
	.Toplevelbox {
		top: -4px;
		position: relative;
		margin-bottom: 10px;
		width: 180px;
		height: 200px;
	}
	.top_level {
		position: absolute;
		top: 29px;
		left: 6px;
		height: 160px;
		width: 168px;
		z-index: 20;
		text-align: center;
		padding-top: 6px;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 9.2pt;
		color: #FFF;
		font-weight: bold;
		text-align: right;
		text-decoration: inherit;
		text-shadow: 0.1em 0.1em #333
	}
	#Topbar a {
		text-decoration: none;
		cursor: auto;
	}
	a.topfont {
		font-family: Verdana, Arial, Helvetica;
		font-size: 11px;
		color: #00FF00;
		text-decoration: none
	}
	a:hover.topfont {
		font-family: Verdana, Arial, Helvetica;
		font-size: 11px;
		color: #CCC;
		text-decoration:none
	}
</style>

<div id="Topbar" class="Toplevelbox" style="background-image:url(<?PHP echo $layout_name; ?>/images/themeboxes/top_level.png);">
	<div class="top_level" style="background:url(<?PHP echo $layout_name; ?>/images/themeboxes/bg_top.png)" align="	">
		<?php
			$a = 1;
			foreach($skills as $skill) {
				echo 	'<div align="left">
							<a href="?subtopic=characters&name='.$skill['name'].'" class="topfont">
								<font color="#CCC">&nbsp;&nbsp;&nbsp;&nbsp;'.$a.' - </font>'.$skill['name'].'
							<br>
								<small><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Level: ('.$skill['level'].')</font></small>
							<br>
							</a>
						</div>';
				$a++;
			}
		?>
		<div class="Bottom" style="background-image:url(<?PHP echo $layout_name; ?>/images/general/box-bottom.gif); top: 159px;; left:-5px;"></div>
	</div>
</div>

E já estará funcionando como no meu:

 

Vou deixar o link das imagens utilizada para colocar no seu devido diretório:

Citar

https://i.imgur.com/msQZked.png /*  Colocar no diretório: /layouts/tibiacom/images/themeboxes/   com o nome top_level.png */

https://i.imgur.com/srtO4Xg.png  /*  Colocar no diretório: /layouts/tibiacom/images/themeboxes/ com o nome bg_top.png */

https://i.imgur.com/W4XZMYO.gif /*  Colocar no diretório: /layouts/tibiacom/images/general/ com o nome box-bottom.gif*/