Ir para conteúdo
  • Cadastre-se

(Resolvido)Widget TopLevel Gesior


Ir para solução Resolvido por Belmont,

Posts Recomendados

  • Moderador

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.

image.png.6e6ea3a684dcea3052730ca5205af078.png

Meu Curso sobre Programação para OTServer

Programando OTServer

 

Peça o seu script! Entre agora mesmo no grupo

Developing

 

Conteúdos:

 

Discord: Belmont#7352

Não esqueça do REP+ :)     

Link para o post
Compartilhar em outros sites
  • Moderador
  • Solução

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:

DhtmFsb.png

 

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.

Meu Curso sobre Programação para OTServer

Programando OTServer

 

Peça o seu script! Entre agora mesmo no grupo

Developing

 

Conteúdos:

 

Discord: Belmont#7352

Não esqueça do REP+ :)     

Link para o post
Compartilhar em outros sites
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:

DhtmFsb.png

 

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.

Link para o post
Compartilhar em outros sites
  • Moderador

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

Meu Curso sobre Programação para OTServer

Programando OTServer

 

Peça o seu script! Entre agora mesmo no grupo

Developing

 

Conteúdos:

 

Discord: Belmont#7352

Não esqueça do REP+ :)     

Link para o post
Compartilhar em outros sites
  • 1 year later...
  • 7 months later...
Em 15/01/2019 em 09:21, Belmont 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:

  Ocultar conteúdo


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

DhtmFsb.png

 

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

 

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

Boa tarde amigo, desculpe estar revivendo o tópico, eu fiz certinho como vc falou porém da um erro no site: 

Parse error: syntax error, unexpected 'echo' (T_ECHO) in C:\xampp\htdocs\layouts\tibiarl\layout.php on line 716

Nessa linha contém isso: 

 

echo     '<div align="left">

Sabe como resolver? Abraços!!!

Link para o post
Compartilhar em outros sites

Participe da conversa

Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×
×
  • Criar Novo...

Informação Importante

Confirmação de Termo