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

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
136 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 130 Visitantes :: 2 Motores de busca

Biel_Staff, Gaby's Santiago, jhugor, 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

[TUTORIAL] Seletor de tamanho da fonte do fórum

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

[TUTORIAL] Seletor de tamanho da fonte do fórum

Mensagem por Shek Crowley em Seg 27 Mar 2017 - 13:36

Seletor de tamanho da fonte do fórum
Com este código, os membros terão a possibilidade de escolherem o tamanho da fonte do fórum que mais lhe agrada.

Seletor de tamanho da fonte do fórum
TUTORIAIS, DICAS E ASTÚCIAS

Instalação do javascript

As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de Controle Seta Branca Módulos Seta Branca HTML e Javascript Seta Branca Gestão das páginas Javascript Seta Branca Criar um novo javascript

(clique na imagem para aumentar)
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Nos tópicos.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Em seguida, basta adicionar este código:

Código:
$(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t571-forum-font-size-selector#8979';
       
          // font sizes
          var sizes = [
            8,
            9,
            10,
            11,
            12,
            13,
            14,
            15,
            16,
            17,
            18,
            19,
            20,
            21,
            22,
            23,
            24
          ],
       
          // posição do seletor
          // 0 = topo
          // 1 = fundo
          position = 0,
          attachTo = '#page-body, #ipbwrapper #content-container', // element(s) where the selector will be attached
       
          // language config
          lang = {
            Default : 'Nenhum',
            FontSize : 'Tamanho da fonte: '
          },
       
       
          cookie = my_getcookie('fa_fontsize'), // selected font size
       
          selector = $('<select id="fa_fontsize" />')[0], // font size selector
          container = $('<div id="fa_fontsize_container"><span id="fa_fontsize_label" style="font-size:12px">' + lang.FontSize + '</span></div>')[0], // selector container
       
          // options string
          html = '<option value="default:' + window.getComputedStyle(document.body, null).getPropertyValue('font-size') + '" ' + ( /default/i.test(cookie) ? 'selected' : '' ) + '>' + lang.Default + '</option>',
       
          // loop variables
          i = 0, j = sizes.length,
       
          // function for changing the font size
          change = function(init, val) {
            var value = init === true ? val : this.value;
       
            my_setcookie('fa_fontsize', value);
       
            document.body.style.fontSize = /default/i.test(value) ? value.replace(/default:/, '') : value + 'px';
          };
       
          // loop through the sizes array to create an options list for the selector
          for (; i < j; i++) {
            html += '<option value="' + sizes[i] + '" ' + (cookie == sizes[i] ? 'selected' : '') + '>' + sizes[i] + '</option>';
          }
       
          // apply the html and event handler to the selector
          selector.innerHTML = html;
          selector.onchange = change;
       
          // apply the chosen font size if any was selected
          if (cookie) {
            change(true, cookie);
          }
       
          // add the selector to the container and finally the document
          container.appendChild(selector);
          $(attachTo)[['prepend', 'append'][position]](container);
        });

Logo após a aplicação, será possível visualizar o resultado.

  • Resultado do tutorial:



avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15961
Pontos Ativos : 23528

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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