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
» Botão enviar e pré-visualizar
Hoje à(s) 03:51 am por Harleen

» Barra de anúncio
Hoje à(s) 03:30 am por Harleen

» Widgets Perfil do usuario
Hoje à(s) 03:16 am por Harleen

» Cor texto no SCEditor
Hoje à(s) 03:03 am por Harleen

» Mudar cor dos widgets do portal
Hoje à(s) 02:36 am por Harleen

» Bug inicial do forum
Hoje à(s) 02:24 am por Harleen

» Degrade Topicos
Hoje à(s) 01:20 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
260 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 256 Visitantes :: 2 Motores de busca

GSCode, mrvisible, Pedrofg, PrisoN†BreaK

[ Ver toda a lista ]


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

[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 em 27/03/17, 09:36 am

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
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16563
Pontos Ativos : 20891

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