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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Banner de area nova animais silvestres
Hoje à(s) 01:00 am por EDU2010

» Como colocar essa tabela
Hoje à(s) 12:54 am por tatsuhito

» Ranks forum
Ontem à(s) 09:44 pm por Gustavor

» Níveis de reputação
Ontem à(s) 09:22 pm por Taxy_InSaniTy

» Citação não aparece nome de usuário
Ontem à(s) 09:16 pm por iScroll

» Não consigo alterar essa cor
Ontem à(s) 09:09 pm por Luiz

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 09:02 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Quem está conectado
196 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 192 Visitantes :: 1 Motor de busca

Herbert Silva, Nerdzinhu, Shion, Taxy_InSaniTy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Adição de setas e menu dropdown ao widget

Página 2 de 2 Anterior  1, 2

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

Resolvido Adição de setas e menu dropdown ao widget

Mensagem por juleic1123 em 13/04/17, 02:41 pm

Relembrando a primeira mensagem :

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 destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Kyo Panda em 23/05/17, 09:38 am

Acho que terminamos: https://codepen.io/anon/pen/mmaYxE

Kyo Panda
Moderadeiro
Moderadeiro

Inscrito dia : 08/01/2012
Mensagens : 4381

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por juleic1123 em 24/05/17, 10:51 am

Olá! Obrigado por tudo, mas acho que temos um problema >-<
Eu coloquei o código no portal inicial e por algum motivo nenhum deles resultou... ;-;


juleic1123
Usuário destaque

Inscrito dia : 04/05/2011
Mensagens : 586

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Kyo Panda em 24/05/17, 11:10 am

O senhor esqueceu de aplicar o CSS:

Código:

.fa-winxgames-body {
  position: relative;
  width: 20rem;
  margin-bottom: 8rem;
  background-color: #fff;
  /* Topo caixa */
  background: url(http://i.hizliresim.com/r34dr3.png) repeat-x;
}
 
.fa-winxgames-inner {
  padding: 2rem 0;
  /* Fundo caixa */
  background: url(http://i.hizliresim.com/7qJ8zN.png) repeat-x center bottom;
}
 
.fa-winxgames-content {
  padding: 0 2rem;
  position: relative;
  min-height: 2.8rem;
}
 
.fa-winxgames-body:before,
.fa-winxgames-body:after,
.fa-winxgames-inner:before,
.fa-winxgames-inner:after,
.fa-winxgames-header-inner:after {
  content: ' ';
  position: absolute;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}
 
.fa-winxgames-body:before {
  top: 0;
  left: 0;
  /* Canto superior esquerdo caixa */
  background-image: url(http://i.hizliresim.com/P0dEyd.png);
}
 
.fa-winxgames-body:after {
  top: 0;
  right: 0;
  /* Canto superior direito caixa */
  background-image: url(http://i.hizliresim.com/9QzpyN.png);
}
 
.fa-winxgames-inner:before {
  bottom: 0;
  left: 0;
  /* Canto inferior esquerdo caixa */
  background-image: url(http://i.hizliresim.com/gqgLaO.png);
}
 
.fa-winxgames-inner:after {
  bottom: 0;
  right: 0;
  /* Canto inferior direito caixa */
  background-image: url(http://i.hizliresim.com/oj5Y2q.png);
}
 
.fa-winxgames-content:before,
.fa-winxgames-content:after {
  content: ' ';
  position: absolute;
  background-repeat: repeat-y;
  top: 0;
  bottom: 0;
  width: 2rem;
}
 
.fa-winxgames-content:before {
  /* Lado esquerdo caixa */
  background-image: url(http://i.hizliresim.com/LyMorZ.png);
  left: 0;
}
 
.fa-winxgames-content:after {
  /* Lado direito caixa */
  background-image: url(http://i.hizliresim.com/1Lbn5N.png);
  background-position: right;
  right: 0;
}
 
.fa-winxgames-title {
  font-weight: 700;
  margin-bottom: 1rem;
}
 
.fa-winxgames-bar { 
  padding: 0 1rem;
  position: relative;
}
 
.fa-winxgames-bar-inner {
  /* Centro barra título */
  background: url(http://i.hizliresim.com/vbGo94.png);
  line-height: 2.125rem;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
 
.fa-winxgames-bar:before,
.fa-winxgames-bar:after {
  content: ' ';
  width: 1rem;
  height: 2.125rem;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
}
 
.fa-winxgames-bar:before {
  /* Lado esquerdo barra título */
  background-image: url(http://i.hizliresim.com/nRdGnM.png);
  left: 0;
}
 
.fa-winxgames-bar:after {
  /* Lado direito barra título */
  background-image: url(http://i.hizliresim.com/1Lb2k1.png);
  background-position: right;
  right: 0;
}
 
.fa-winxgames-prev,
.fa-winxgames-next {
  position: absolute;
  display: block;
  line-height: 2.125rem;
  z-index: 1;
}
 
.fa-winxgames-prev {
  left: 0;
}
 
.fa-winxgames-next {
  right: 0;
}
 
.fa-winxgames-header {
  background: #fff url(https://i58.servimg.com/u/f58/16/73/13/78/1210.png) no-repeat;
  right: 0;
  left: 0;
  height: 123px;
  position: absolute;
  left: 0.75rem;
  z-index: 5;
  margin-top: -11px;
  cursor: pointer;
}

.fa-winxgames-header-inner {
  height: 5.15rem;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10;
}

.fa-winxgames-header-top {
  /* Lado direito caixa */
  background: url(https://i58.servimg.com/u/f58/16/73/13/78/710.png) repeat-y right;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 3rem;
}
 
.fa-winxgames-header-inner:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 85%;
  right: 2rem;
  height: 2rem;
  background: url(https://i58.servimg.com/u/f58/16/73/13/78/810.png) repeat-x center bottom;
  z-index: -1;
}
 
.fa-winxgames-header-inner:after {
  content: ' ';
  bottom: 0;
  right: 0;
  /* Canto inferior direito caixa */
  background-image: url(http://i.hizliresim.com/oj5Y2q.png);
}

.fa-winxgames-ranking {
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  max-height: 350px;
  overflow: auto;
}

.fa-winxgames-ranking li {
  background-color: #e9b7d0;
  padding: 10px;
  overflow: hidden;
}

.fa-winxgames-ranking li:nth-child(even) {
  background-color: #fecce5;
}

.fa-winxgames-ranking-pos {
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  background-color: #ff679a;
  margin: 10px 10px 10px 0;
}

.fa-winxgames-avatar {
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.fa-winxgames-ranking-meta {
  line-height: 25px;
}

.fa-winxgames-ranking-name {
  font-weight: 700;
}

E o JS:

Código:
(function($) {
   'use strict';
   
   var games = [{
      title: 'Kiko\'s Adventure',
      url: '#',
      ranking: [{
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Kiko',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Kiko',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Kiko',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Kiko',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Kiko',
         points: 9001,
      }]
   }, {
      title: 'Other Game',
      url: '#',
      ranking: [{
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }, {
         avatar: 'https://imgfast.net/users/2612/28/77/07/avatars/43393-49.jpg',
         name: 'Van',
         points: 9001,
      }]
   }];
   
   var i18n = {
      'pt': {
         'Games': 'Jogos',
         'Ranking': 'Classificação',
         'Kiko\'s Adventure': 'Aventura da Kiko',
         'Other Game': 'Outro Jogo',
      },
   };
   
   var my_getcookie = my_getcookie || function() { return false; };
   
   var lang_ = window.lang_ || my_getcookie('lang_') || 'en';
   
   var lang = i18n[lang_] ? i18n[lang_] : {};
   
   var t = function(message) {
      return lang[message] ? lang[message] : message;
   };
   
   var $ranking;
   
   var buildRanking = function(index) {
      var ranking = games[index].ranking;
      var html = [];
      
      $.each(ranking, function(index) {
         html.push([
              '<li>'
            , '  <div class="fa-winxgames-ranking-pos">' + (index + 1) + '</div>'
            , '  <img class="fa-winxgames-avatar" src="' + this.avatar + '" />'
            , '  <div class="fa-winxgames-ranking-meta">'
            , '    <div class="fa-winxgames-ranking-name">' + this.name + '</div>'
            , '    <div class="fa-winxgames-ranking-points">' + this.points + '</div>'
            , '  </div>'
            , '</li>'
         ].join('\n'));
      });
      
      $ranking.html(html.join(''));
   };
   
   $(function() {
      var $widget = $('.fa-winxgames');
      
      $.each(lang, function(key, value) {
         $widget.html($widget.html().replace(new RegExp(key, 'g'), value));
      });
      
      $ranking = $('.fa-winxgames-ranking');
      var $titlePlay = $('.fa-winxgames-play-bar');
      var $titleRanking = $('.fa-winxgames-ranking-bar');
      
      var indexPlay = 0;
      var indexRanking = 0;
      
      $titlePlay.text(t(games[indexPlay].title));
      $titleRanking.text(t(games[indexRanking].title));
      buildRanking(indexRanking);
      
      $widget.on('click', '.fa-winxgames-header', function() {
         location.href = games[indexPlay].url;
      });
      
      $widget.on('click', '.fa-winxgames-play-prev, .fa-winxgames-play-next', function(event) {
         event.preventDefault();
         
         var $this = $(this);
         
         indexPlay += $this.hasClass('fa-winxgames-play-prev') ? -1 : 1;
         indexPlay = indexPlay < 0 ? games.length - 1 : indexPlay > games.length - 1 ? 0 : indexPlay;
         
         $titlePlay.text(t(games[indexPlay].title));
      });
      
      $widget.on('click', '.fa-winxgames-ranking-prev, .fa-winxgames-ranking-next', function() {
         event.preventDefault();
         
         var $this = $(this);
         
         indexRanking += $this.hasClass('fa-winxgames-ranking-prev') ? -1 : 1;
         indexRanking = indexRanking < 0 ? games.length - 1 : indexRanking > games.length - 1 ? 0 : indexRanking;
         
         $titleRanking.text(t(games[indexRanking].title));
         
         buildRanking(indexRanking);
      });
   });   
}(jQuery));

Dê uma olhada no JS para definir os jogos, rankings e traduções.

Kyo Panda
Moderadeiro
Moderadeiro

Inscrito dia : 08/01/2012
Mensagens : 4381

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por juleic1123 em 24/05/17, 12:08 pm

Muito obrigado! Muito feliz
Agradeço por tudo o que tem feito, você tem me ajudado imenso nestes últimos 2 meses com o fórum. Muito feliz

Hmm... uma perguntinha... há possíbilidade de diminuir esta parte para que fique igual à de cima?


E um outro pedido...
Existe maneira de colocar tudo um pouco mais parecido com a imagem original que eu dei? Como por exemplo nas fontes e tamanhos, está tudo muito pequeno, quando deveria ter Arial Black nos títulos a 14px, por exemplo, e as fotos mais pequenas, o "1", "2" no lado esquerdo totalmente...

Muito obrigado mais uma vez por todo o tempo dedicado! Feliz

juleic1123
Usuário destaque

Inscrito dia : 04/05/2011
Mensagens : 586

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Kyo Panda em 25/05/17, 08:31 am

https://codepen.io/anon/pen/ybwKzR o/

Kyo Panda
Moderadeiro
Moderadeiro

Inscrito dia : 08/01/2012
Mensagens : 4381

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por juleic1123 em 25/05/17, 02:09 pm

Quase lá. Rindo
Aqui está o que falta, se não for muito complicado!
- Eu gostaria que depois do 5, existisse uma barra que fosse para baixo (como você fez originalmente quando estava mais largo Feliz )

Gostaria que esta zona diminuisse um pouco, ficando assim:


E já agora, o menu que aí está não é suposto ter o mesmo texto que o debaixo kkk
Os menus são os mesmos, o de cima e o de baixo.
Porém aqui, onde está esse avatar, é suposto dizer apenas "Mini-jogos" e "Winx Adventure", sendo que o de baixo, com a tabela de ranking é que diz "Kikos Adventure", etc...

Gostaria por último que fosse possível editar a fonte e o tamanho para cada texto presente. >-<

Obrigado por tudo Feliz


PS - O novo JS foi desativado porque bugou o sistema de idiomas e a caixa de usuários no site Feliz
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 27/05/17, 12:13 pm

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 28/05/17, 02:08 pm

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 29/05/17, 06:24 pm

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Kyo Panda em 30/05/17, 03:28 pm

https://codepen.io/anon/pen/BRgvrm?editors=0100

Eu separei as opções dos menus superior e inferior e adicionei o scroll. As fontes podem ser configuradas dentro do .fa-winxgames (o senhor precisa de apoio quanto aos estilos CSS?). Já o bug, precisaria ver o que está acontecendo.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4381
Pontos Ativos : 5667

Ver perfil do usuário http://ajuda.forumeiros.com

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

Mensagem por juleic1123 em 30/05/17, 07:51 pm

Reativei o JS agora. Feliz
Relembro que o erro que ocorre devido ao JS é: A opção sair na caixa do usuário e o sistema de idiomas desapareceram.

Talvez seja melhor eu ter ajuda mesmo no CSS, pois não estou conseguindo colocar as fontes (me sinto censurado agora, mas CSS não é bem o meu forte) kkk
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 01/06/17, 04:36 pm

Kyo, o site está um pouco bugado devido ao código então penso que terei de colocar o JS que me deu desativado novamente...

Se quer saber o que se passa, na página inicial e apenas na página inicial o sistema de idiomas desaparece, bem como o botão sair, compare:

com o JS ativo


com o JS desativado
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 04/06/17, 06:07 am

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 06/06/17, 04:33 pm

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 10/06/17, 05:24 am

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 14/06/17, 04:00 pm

up
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Luiz em 15/06/17, 05:24 pm

Apenas para facilitar o suporte que está obtendo pelo nosso amigo @Kyo Panda:

Para que ele possa realmente saber o que se passa, infelizmente, o senhor terá que manter o Javascript ativado, dado que é usando as ferramentas do desenvolvedor que conseguimos procurar o problema. E caso o código não estiver ativo, como nós vamos conseguir procurá-lo?

o/



Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

Ver perfil do usuário https://github.com/lffg/

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

Mensagem por juleic1123 em 17/06/17, 12:44 am

Daqui a 2 dias irei colocar sem falta Muito feliz
Neste momento estou em casa de um amigo meu e passarei o fim de semana cá, não posso mesmo que queira :s
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 19/06/17, 06:09 am

Já adicionei tudo! Feliz
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por juleic1123 em 22/06/17, 05:47 pm

up....
avatar

juleic1123
Usuário destaque

Masculino
Inscrito dia : 04/05/2011
Mensagens : 586
Pontos Ativos : 824

Ver perfil do usuário http://www.online-winxclub.com/forum

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

Mensagem por Luiz em 26/06/17, 12:56 pm

Dado que questões sobre JS são consideradas abandonadas após três dias sem atividade no tópico:

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 4268
Pontos Ativos : 4893

Ver perfil do usuário https://github.com/lffg/

Página 2 de 2 Anterior  1, 2

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