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.

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. @Gengo Caso não foi você no outro fórum me desculpa por ter te marcado, mais é que é o mesmo nome

 

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*/

 

Bom acho que é isso que você quer, espero ter ajudado.

Em 15/01/2019 em 09:21, Phineasz disse:

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. @Gengo Caso não foi você no outro fórum me desculpa por ter te marcado, mais é que é o mesmo nome

 

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:

  Mostrar conteúdo oculto

<?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:

 

Bom acho que é isso que você quer, espero ter ajudado.

 

Haha sou eu mesmo, obrigado por compartilhar aqui no TK, que bom que deu certo, espero estar ajudando outros que queiram também, caso precise de algo relacionado farei o possível para estar ajudando.

@Gengo Então cara, eu queria por pra mostrar 10 jogadores no Widget, você teria a imagem transparente um pouco maior?

Nem precisa de uma imagem transparente maior, altere a propriedade do css .top_level > height por um tamanho que se adeque a 10 players.