Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
169 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 166 Visitantes :: 1 Motor de busca

PESS_dodo, Railison Ramon, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Adição de setas e menu dropdown ao widget

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Em curso Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Qui 13 Abr 2017 - 18:41

Detalhes da questão


Endereço do fórum: http://www.online-winxclub.com/
Versão do fórum: phpBB3

Descrição


Olá, muito boa tarde a todos! Muito feliz
Hoje estou aqui para vos pedir ajuda em dois widgets que eu tenho e pretendia mudá-los um pouco, acrescentando um sistema com uma espécie de menu dropdown e outro com duas setas e a possíbilidade de colocar variadas opções. Feliz

Vou explicar melhor com imagens, de modo a que seja mais fácil perceber, visto que eu sou um pouco confuso quanto aos pedidos. Rindo



Então:
1. Este é o aspeto atual do widget. Na primeira caixa, em cima do local onde se encontra em letras maiúsculas "PLAY GAME" está uma barra cor-de-rosa que diz "WINX ADVENTURE", eu gostava que a mesma fosse removida (eu posso fazer isso, claro) e trocada por uma espécie de menu dropdown que se abre e te dá duas opções: Mini-games ou Winx Adventure.

Ficando mais ao menos assim:


2. Na tabela de Classificações, gostaria que fosse possível acrescentar setas para mudarmos de mini-jogo para mini-jogo, sendo que a imagem com o 1, 2, 3,4, 5... (a tabela de classificações dos melhores jogadores) mudava inclusive. (Constatem a imagem acima).

3. Por fim, gostaria que fosse traduzivel para diversas linguas, já que o meu fórum tem diversos idiomas. Feliz

As imagens possivelmente necessárias:







O código dos mesmos:

Código:
<div id="Menu_minigame_playButton">
</div>
 <script>
if(lang_=="en")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/XJqRN7E.png" border="0" style="" /></a>';
}
if(lang_=="pt")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/1a8O8Cn.png" border="0" style="" /></a>'
}
if(lang_=="fr")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/XwiEkQr.png" border="0" style="" /></a>'
}
if(lang_=="es")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/bmN14RA.png" border="0" style="" /></a>'
}
if(lang_=="ru")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/zneXvWO.png" border="0" style="" /></a>'
}
if(lang_=="pl")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/Z40sGUn.png" border="0" style="" /></a>'
}
if(lang_=="br")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/1a8O8Cn.png" border="0" style="" /></a>'
}
if(lang_=="tr")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="http://i.hizliresim.com/dbQAaL.png" border="0" style="" /></a>'
}
if(lang_=="it")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="https://i.imgur.com/GBKdrMA.png" border="0" style="" /></a>'
}
if(lang_=="de")
{
document.getElementById("Menu_minigame_playButton").innerHTML = '<a href="http://www.online-winxclub.com/portal?pid=38"><img src="http://i.hizliresim.com/r6qXGm.png" border="0" style="" /></a>'
}
</script>  <script>
document.getElementById("avatar").innerHTML = '<img src="'+_user_avatar+'" alt="" style="margin-top: -0px;">';
</script> 
<div style="background: url(http://i.hizliresim.com/Lyyplz.png) left no-repeat; height: 418px; width: 315px;">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
   <div style="float: left; padding-left: 20px; padding-top: 39px;">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <strong><span style="color: #474747;"><span style="font-size: 14px;"><span id="highscoreText" style="font-family: Arial Black;">Rank</span></span></span></strong><br /><br /><br /><br /><br /><br />                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
      <div style="float: left; padding-left: 45px;">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
   </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
   <div align="center">
                                                                                                                                                                                                                                                                                                              <br /><br /><br /><br /><br /><br /><iframe style="width: 80%; height: 240px;" src="http://www.online-winxclub.com/h1-highscore" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0"><div style="float: left; padding-left: 10px; padding-top: 0px;"></iframe>                                                                                                                                                                                                     
   </div>
                                                                                                                                                                                                         <script>
if(lang_=="en")
{
document.getElementById("highscoreText").innerText = 'Rank';
}
if(lang_=="pt")
{
document.getElementById("highscoreText").innerText = 'Classificação';
}
if(lang_=="fr")
{
document.getElementById("highscoreText").innerText = 'Classement';
}
if(lang_=="es")
{
document.getElementById("highscoreText").innerText = 'Puesto';
}
if(lang_=="ru")
{
document.getElementById("highscoreText").innerText = 'Рекорд';
}
if(lang_=="pl")
{
document.getElementById("highscoreText").innerText = 'Wysoki wynik';
}
if(lang_=="br")
{
document.getElementById("highscoreText").innerText = 'Classificação';
}
if(lang_=="tr")
{
document.getElementById("highscoreText").innerText = 'Yüksek skor';
}
if(lang_=="it")
{
document.getElementById("highscoreText").innerText = 'Classifica';
}
if(lang_=="de")
{
document.getElementById("highscoreText").innerText = 'Highscore';
}
</script>             

                                               
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Sex 14 Abr 2017 - 18:04

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Sab 15 Abr 2017 - 18:06

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Dom 16 Abr 2017 - 18:51

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum
  • 0

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por Sennior em Dom 16 Abr 2017 - 21:04

Boas!

Vamos por etapas, porque fiquei confuso Rindo
Bem, deseja que ao clicar sobre "WINX ADVENTURE" apareça uma função descrita com "Mini-games e Winx Adventure"? Em Drop Down?
Mas não ficara confuso, pois, ao clicar em "WINX ADVENTURE" ira abrir uma outra aba com "Mini-games e Winx Adventure"?

Explique para mim esta parte.
Até mais!
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16259
Pontos Ativos : 22906

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Seg 17 Abr 2017 - 1:02

Sennior, que saudades! Venerar
Relativamente à função... sim, ela é mesmo para ser assim, apesar de parecer confuso. Rindo
Esse botão serve para mostrar todas as páginas relativamente aos jogos, daí estar desta forma. O jogo princípal será o Winx Adventure, então o menu já estará definido para redirecionar para lá, porém os jogadores podem derivar e mudar para Mini-jogos, caso seja a intenção dos mesmos fazer isto. Muito feliz
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Ter 18 Abr 2017 - 1:13

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Qui 20 Abr 2017 - 0:57

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Sex 21 Abr 2017 - 3:51

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Sab 22 Abr 2017 - 4:56

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Dom 23 Abr 2017 - 2:32

U-up...
*morre*
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Seg 24 Abr 2017 - 2:58

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por Kyo Panda em Seg 24 Abr 2017 - 12:59

Até podemos fazer, mas precisarei que o senhor "picote" um pouco mais as imagens.



Para a caixa branca que forma o Widget, preciso que você recorte as quatro pontos (1, 2, 3, 4) e os quatro centros (5, 6, 7, 8).

Dos títulos, precisaria das duas pontas e o centro (9, 10, 11,).

Do logo da caixa (12) e se quiser traduzir o "Play Game", do mesmo separado (13).

---

Da mesma forma que os títulos, preciso que separe pontas e centros do botão de seleção e da caixa do seleção. E as setas precisam estar separadas (sem fundo) também.

Blz?

---

Quer que coloque o avatar do membro dentro do círculo ao lado do "Play Game"?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3095
Pontos Ativos : 6391

http://ajuda.forumeiros.com

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em Seg 24 Abr 2017 - 22:23

Olá!
Claro, adoraria que os avatares estivessem no lugar! Muito obrigado!

Relativamente ao que me pediu, aqui está tudo, penso:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
as setas sem fundo:
O botão "PLAY GAME": (ainda não fiz, lamento, mas vá preparando tudo e se quiser até me dar, e eu coloco quando tiver tempo)


Se faltar alguma coisa diga >_<
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Em curso Re: Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 Ontem à(s) 23:30

up
avatar

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 486
Pontos Ativos : 2905

http://www.online-winxclub.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum