Perdi minha senha!
Obter senha administrativa

Nota: use se tiver perdido acesso administrativo.

TOP 5
Os membros mais ativos do mês
Hancki
 
Shek
 
nikka
 
Thoth
 
JScript
 
proberto
 
BrunoH.
 
Gilgamesh
 
Kyo Panda
 
DEMORUTO666
 

Últimos assuntos
    Pesquisar em
    Ajuda e Suporte



    Pesquisa questões na categoria Ajuda e Suporte, já colocadas por outros membros, poderás obter respostas mais rapidamente

    Resultados por:


Login

Esqueci minha senha

Quem está conectado
263 usuários online :: 33 usuários cadastrados, Nenhum Invisível e 230 Visitantes :: 1 Motor de busca

-C4Y, 1001blogs, Ace, Alascie, Alex Habilidade, Antonio Vieira Sobrinho, benos, BrunoH., DEMORUTO666, dragao404, Express, Gilgamesh, Hancki, Haruna Yuki, HouseG4E, jPeg., JScript, Keyonix, Kyo Panda, Latysh, levelcrazy1, Loki@123, Mahiro, Minatoevox, nejibyakugan, Nikou, Pandoraha, Phelipericardao, Shek, Shiro, ShiroK, Thoth, Tiaguu

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 12:05
Lista de Tutoriais, Dicas e Astúcias 5 4.8 55

Lista de Tutoriais, Dicas e Astúcias

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

Lista de Tutoriais, Dicas e Astúcias

Mensagem por Admin em Ter 3 Mar 2009 - 13:22


Lista de Tutoriais, Dicas e Astúcias




Widgets e módulos personalizados
Veja tutoriais para personalizar os widgets do seu fórum.

  • Box de Redes Sociais - Novo!
    Neste tutorial você irá aprender como instalar um Box de Redes Sociais no fórum. Em dois modelos diferentes, um instalado em Widget e o outro em JavaScript. A publicação das Redes sociais do fórum será mais visível, e de uma forma elegante.
  • Top posters em imagens - Novo!
    Com um simples código jQuery, é possível fazer uma nova versão do 'Top dos mais postadores', somente com o avatar do usuário substituindo o seu nome de usuário.
  • Widget "Redes Sociais" giratória
    Com base neste tutorial, podemos adicionar redes sociais giratórias nos fóruns, através de widget.
  • Menu seletor
    Em alguns fóruns, podemos ver que os mesmos possuem muitos fóruns e sub-fóruns em uma única seção. Com este tutorial, você aprenderá a criar uma menu seletor, de onde você pode escolher a área ao qual quer ir.
  • Responsável pela seção em modo Hover
    Diversos administradores desejam ter descrito em seus fóruns, os responsáveis da seção, mas ocupa um espaço excessivo. Veremos como adicionar os responsáveis em modo hover.
  • Menu na lateral do fórum
    Neste tutorial, iremos aprender à como adicionar um pequeno menu modificável ao canto inferior direito do fórum. Ele é aberto assim que clicamos numa imagem principal, que podemos chamar de "cesta". Atráves de um clique nesta cesta ela poderá abrir e mostrar diversas funções, tudo isso através de simples códigos e imagens.
  • Personalizar o termo "Moderador da seção"
    Criar e administrar os fóruns e sub-fóruns é fácil, mas especificar o moderador de seção em muitos casos se torna tarefa complicada. Neste tutorial, aprenderemos como gerir e personalizar o termo "Moderador da seção" nas categorias, fóruns e sub-fóruns.
  • Mensagem na homepage em HTML
    Este tutorial vem ensinar os membros a poderem inserir uma informação de destaque no conteúdo da mensagem na Home-page, o código tem duas fases de instalação, A ativação do HTML e ao mesmo tempo a inserção do código na homepage.
  • Widget "Últimos membros conectados"
    Já existe a função de visualizar os últimos membros conectados, porém em outro local, agora podemos adicionar esta função em um widget, será exibido as últimas 20 visitas do fórum.
  • Criação de widget "Cliques rápidos" em dropdown
    Todos os administradores de um fórum gostam de o colocar o mais funcional e simples possível para que todos os membros tenham mais facilidade em aceder ao fórum. Assim sendo este tutorial tornará possível colocar o widget cliques rápidos duma forma diferente, funcional e simples de se perceber.
  • Toolbar personalizada
    Neste tutorial será ensinada a forma de colocar uma toolbar totalmente personalizada no seu fórum. Assim não terá de recorrer a websites externos para colocar algo deste tipo no seu fórum, poderá fazê-lo você mesmo(a).
  • Gerir sistema de anúncios com o Feedburner
    Já pensou em seu portal existir um widget que atualiza diáriamente os últimos tópicos que você posta em uma determinada seção do fórum? E ainda com opção de personalização! Neste Tutorial vamos aprender como gerir um sistema através do FeedBurner para mostrar os últimos posts do seu fórum.
  • Widget de parceiros deslizante no fim da página
    As parcerias são a alma do negócio, pois elas melhoram as visitas em seu fórum e lhe dão maior visibilidade no mundo fóruns, só que às vezes, você pode ter feito tanta parceria que estéticamente falando, ficaria feio listar todos os banners deles em seu portal ou página inicial. Neste tutorial veremos uma forma de comprimir isso e com ele, você não terá medo de fazer milhares de parcerias, pois não tomarão o espaço.
  • Criar um widget de parceiros
    Uma das maiores formas de divulgação é a parceria, muitos não sabem como criar um widget para suportar este código da melhor forma possível. Neste tutorial ensinaremos-lhe a criar um widget que vai deslizando os parceiros e quando o mouse passa por ele o widget para de deslizar os parceiros.
  • Ocultar os widgets do fórum
    Com este tutorial veremos como podemos ocultar os widgets da estrutura do fórum, para os usuários que usam o fórum em resoluções menores, naquelas em que os widgets laterais consomem muito espaço, prejudicando a visualização. Com este tutorial aprenderá a criar um botão para que o usuário possa escolher.
  • Multiplicar o widgets de últimos assuntos
    Aprenda neste tutorial como criar seu próprio Widget de Últimos assuntos e personalizá-lo do jeito que quiser, já que antes essa mudança não era possível. Agora você não dependerá mais do widget standard (padrão) para mostrar os últimos debates de seu fórum.
  • Inserir Widget "Slide de Parceiros"
    Veremos neste tutorial como fazer um Widget com o efeito de slide para divulgação dos nossos parceiros, e oferecer uma melhor visualização, uma vez que o mesmo poderá ser totalmente personalizado por um administrador.
  • Criar mais de uma mensagem na home-page
    Muitas vezes gostaríamos de criar mais de uma mensagem para colocarmos na home-page, de modo que estas fossem divididas, como acontece com os widgets. Com este tutorial veremos como isso pode ser feito, mas devido à características próprias de cada versão, este tutorial somente é aplicável para a versão PhpBB 3 e Invision.
  • Widget com conteúdos aleatórios
    Com este tutorial veremos como podemos criar um widget que a cada vez que a página é atualizada o mesmo mostra um conteúdo idêntico ou diferente da página anterior. É possível com isso fazer utilização de um sistema de banners randômicos, por exemplo.
  • Criar um gestor de temas para escolha do usuário
    Veremos como podemos criar um sistema que permite o utilizador escolher qual tema deseja utilizar quando navega no fórum. Isso é possível por meio da utilização dos temas temporários, possibilitando alternar entre, no máximo, quatro temas distintos entre si.

  • Multiplicar os widgets de novidades
    Para que possa um Fórum dispor de um widget com as notícias selecionadas pelo adminsitrador e que a mesma não dependa de um fórum determinado como o widget standar que já vem como padrão, poderemos criar um personalizado com a mesma estrutura.
  • Multiplicar os widgets de votação
    Para que possa um Fórum dispor de vários widgets com votações diferentes, poderá utilizar o widget de votação personalizado, onde poderá criar o widget manualmente, dando-lhe quase o mesmo efeito que o widget normal!
  • Construir um painel de usuário (atalhos)
    Neste tutorial teremos alguns exemplos de como podemos construir um Painel de Usuário para os nossos Fóruns, de forma a facilitar o acesso a certas opções, criando assim atalhos. Utiliza a imaginação e constrói o teu!
  • Inserir Widget "Cliques rápidos"
    É interessante em alguns fórum de que tenhamos um widget que nos permita um acesso mais rápido a todas as partes do mesmo. Veremos através deste tutorial como deveremos fazer para criar um widget como este, que pode ser encontrado na estrutura direita deste fórum.
  • Adicionar imagem no fundo do menu
    Através deste tutorial poderá personalizar fundo do menu de navegação do Fórum, como por exemplo imagens de fundo, ou uma simples cor, tornando assim uma personalização independente do restante Fórum.
  • Adicionar fóruns à um widget
    As categorias dentro de widgets tem como objetivo informar aos membros alguns fóruns que são de grande importância dentro do mesmo, podendo assim ter acesso á ele através do Portal. Isso pode ser percebido neste fórum, pois o Fórum dos Fóruns utiliza este tipo de estrutura.
  • Widget que oculta conteúdo
    De forma a poder cada vez mais personalizar os seus widgets, criamos agora uma forma de poder dar a entender que o widget se encontra oculto, adicionando um conjunto de imagens que produz o efeito de conteúdo escondido e oculto.
  • Criar um "Widget duplo"
    Neste tutorial iremos aprender a criar um widget, que terá como particularidade o fato deste ser dividido em duas colunas, para que possa ocupar menos espaço na estrutura do fórum e que é muito bom para o agrupamento de informações semelhantes.
  • Widget "Álbum" personalizado
    Neste tutorial você irá aprender como pode fazer um Widget personalizado como o widget "Album" através de códigos HTML e, com os mesmos efeitos e sem limites de imagens. Os pontos de maior relevância do mesmo é o facto de, o administrador poder escolher quais fotos deseja manter, o tamanho, o texto e o endereço (link) das imagens que serão utilizadas.
  • Widget "Bloco de notas"
    Neste tutorial você irá aprender como pode fazer um "bloco de notas" igual ao que possui em seu Painel de Controle mas, que o mesmo seja impossível de ser editado pelos membros, somente através da Gestão dos Widgets.widget-bloco-de-notas



Scripts CSS
Veja códigos que lhe permitem tornar o tema de seu fórum mais personalizável.

  • Elaborar um código CSS
    O código CSS tem como função gerir o estilo da página, desde cores, fundos até posição de objetos, plano e transparência. Os fóruns possuem classes e, para elas podem ser atribuídas formatações que desejar, tornando seu fórum mais profissional e elegante.
  • Personalizar atalhos de navegação - Novo!
    Os atalhos de navegação dos fóruns são essenciais para qualquer usuário em seu fórum. Neste sentido, para trazer mais comodidade e qualidade, este tutorial ensina como personaliza-los.
  • Decorações para o Natal - Novo!
    Um resumo de códigos com decorações para aplicar nos vossos fóruns durante a época de Natal.
  • Decorações para o Halloween
    Uma seleção de decorações que poderão querer aplicar para decorar os vossos fóruns para o Dia das Bruxas, ou como é mundialmente conhecido, Dia do Halloween.
  • Colorir anúncios globais, anúncios e post-it
    Este tutorial oferece a possibilidade de colorir os anúncios globais, anúncios e post-it do fórum. Este código foi elaborado para a versão phpBB3.
  • Colocando um pre-fixo nos moderadores do chatbox
    Neste tutorial iremos ensinar como destacar os moderadores do chatbox, retirando o famoso arroba do Nickname e colocando um pré-fixo personalizado para que, desta forma, os moderadores recebam um destaque maior.
  • Efeito no avatar
    Este tutorial é bem simples, quando você adicionar o código (que se encontra a baixo) em sua página CSS, ao passar o mouse por cima do avatar ele irá ter um efeito e ficará na "diagonal".
  • Destacar tópicos e mensagens
    Da mesma forma que fazemos na versão PhpBB3 em destacar a quantidade de mensagens e tópicos, podemos realizar na versão Invision, PhpBB2 e Punbb. Vamos editar os templates de seu fórum aplicando em uma variável novas classes.
  • Adicionar um CSS menu Maker
    Muitas vezes vemos em alguns fórums um menu totalmente personalizado e modificado, que sai de quase todos os padrões de estrutura estabelecidos pela versão do fórum, então a partir de agora iremos aprender como adicionar estes novos menus graças ao site:CSS Menu Maker

  • Widget acima das categorias
    Agora é possível que os Widgets do fórum fiquem acima das categorias, de uma forma simples e fácil conseguimos ter êxito nesse feito.
  • Opacidade nas opções do post
    Neste tutorial, ficarão dispostos códigos CSS que concedem opacidade nos botões da postagem, tais como editar, citar e afins.
  • Chatbox personalizado
    Seu fórum é phpbb3?! Agora tens uma nova opção para a personalização do chatbox do seu fórum!
  • Avatar em forma de msn
    Mais uma opção de personalização para seus fóruns acaba de ser elaborada, agora poderá ter os avatares do vosso fórum com bordas estilo "msn".
  • Encurtar links automaticamente
    Com base neste tutorial você poderá encurtar os links grandes que os usuários postam com um código muito simples.
  • Resposta rápida com efeito retrátil
    Desde a atualização da linguagem css ganhamos novas maneiras de personalização para nossos fóruns, neste tutorial iremos tratar um efeito de transição do modo normal para o hover, a caixa de resposta rápida estará pequena e quando passar o mouse irá aparecer completamente.
  • Personalizar links do menu
    Através deste tutorial, poderemos manipular os links do menu de forma fácil, como tamanho da fonte, o espaço entre os links, cores e muito mais!
  • Efeito giratório no avatar
    Faça seu avatar dar várias voltas, é isso o que o tutorial propõe, uma modificação simples que faz com que o seu avatar comece a rodar simplesmente passando o seu mouse (rato) por cima.
  • Sombra sobre o avatar
    Neste tutorial iremos aprender um efeito CSS que permite produzir uma sombra em volta de todos os avatares do fórum.
  • Colorir o título dos widgets
    Através deste tutorial vamos aprender a colorir o título dos widgets na versão
  • Personalizar caixa de cores
    Este tutorial ensina como personalizar a caixa de cores de nossos fóruns, deixando-a assim mais profissional e com mais cores a disposição dos usuários forumeiros.
  • Colorir o nick dos usuários
    Este tutorial ensinará a fazer uma das coisas que até agora era impossível de se fazer individualmente. Ele ensinará como colocar cor nos nicks dos usuários por códigos CSS, e não aplicando cores por grupos. Funciona em todas as versões.
  • Efeito nas imagens dos menus do fórum
    Este tutorial ensina um efeito interessante que podemos fazer nas imagens de nossos fóruns. O efeito é bem simples e compacto, por isso o mesmo funciona em todas as versões. Basicamente, ele "sobe" as imagens dos menus dos fóruns!
  • Avatar com tamanho fixo nas mensagens
    Este tutorial ensina a como colocar um tamanho fixo no avatar das mensagens.
  • Alterar os sinais de reputação
    Vários membros já fizeram questões acerca da mudança de aparência do " + " e " - " de reputação nos tópicos. Sendo assim, foi elaborado este tutorial de forma a esclarecer mais rapidamente as dúvidas de nossos membros. Assim sendo, iremos aprender como personalizar os sinais negativo e positivo da reputação.
  • Remover o espaço entre as imagens do menu
    Este tutorial permitirá aos donos de fóruns Invision, que acabem com um erro em seu menu de navegação, assim deixando as imagens do menu juntas e acabando com seus problemas !
  • Imagem na parte inferior do fórum
    Este tutorial, lhes ensinará como personalizar o final de seu fórum, assim podendo colocar imagens entre outras coisas.
  • Efeito Neon no link
    Neste tutorial você irá aprender à colocar um contorno Neon envolta dos links, o efeito é ativado ao passar o Mouse em cima do link.
  • Efeitos no nome de usuário
    Em alguns casos gostaríamos de destacar o nome de um usuário no fórum, mudar de cor, fazer qualquer alteração, mas não em todos, só em um, este tutorial se trata exatamente disto.
  • Personalizar caixa de Busca
    Através deste tutorial poderá personalizar a caixa de busca do Fórum, por exemplo, inserir diversas imagens na caixa e alterar a posição do mesmo.
  • Arredondar as bordas das categorias do fórum
    Este tutorial ensina como editar as bordas das categorias do seu fórum para quem deseja ter o visual do seu fórum mais arredondado ou até mesmo mais personalizado através dos códigos CSS. Caso deseje saber mais acerca de arredondamentos do fórum consulte o tópico
  • Legenda elegante
    Às vezes queremos deixar o nosso fórum bonito e elegante. Neste tutorial iremos aprender a personalizar a "Picture Legenda" ou seja, personalizar a área das imagens: Novas mensagens, Não há novas mensagens e Fórum Bloqueado.
  • Personalização de cores do Spoiler
    Ás vezes quando estamos editando um tema queremos arrumar também o spoiler, assim como a caixa de código e citação. Aqui veremos como fazer isto!
  • Personalizar o fundo da baliza código
    As vezes gostaríamos de adicionar algum efeito com imagens, cores ou bordas para assim personalizar a aparência da baliza BBCode código. Neste tutorial irá ver com quais códigos irá se utilizar para obter o efeito desejado, para qualquer que seja a versão em questão.
  • Personalizar o fundo do quote
    Às vezes gostaríamos de adicionar algum efeito com imagens, cores ou bordas para assim personalizar a aparência do quote, neste tutorial irá ver com quais códigos irá se utilizar para obter o efeito desejado.
  • Personalizar área intermediária do fórum
    Às vezes gostaríamos de adicionar algum efeito com imagens, cores ou bordas para assim personalizar a aparência do fórum, neste tutorial irá ver com quais códigos irá se utilizar para obter o efeito desejado.
  • Adicionar ícone Online / Offline
    Muitas vezes gostariamos de visualizar se um usuário está online no fórum sem ter que olhar nas estatísticas. Agora poderemos adicionar os ícones para diferenciar o status dos usuários.
  • Personalizar o Chatbox
    Muitos fóruns possuem seus chatbox ativados e fazem dele um ponto de passagem de todos os usuários do fórum, seja para jogar conversa fora ou mesmo para debater assuntos importantes. Visto tal importância, este tutorial lhe ajudará a personaliza-lo, deixando- mais atrativo para os usuários do fórum.
  • Personalizar fundo de categorias
    As listas de fóruns (onde estão localizados os fóruns) do Fórum, são o ponto de passagem de todos os participantes, desta feita, este tutorial, irá ajudar a tornar as áreas das categorias mais personalizadas, ao estilo do teu Fórum, tornando-as mais atrativas!
  • Adicionar sombra em volta da estrutura do fórum
    Com este tutorial iremos aprender como podemos utilizar recursos inovadores do CSS3. Veremos como podemos, sem fazer uso de imagens, adicionar uma sombra em volta da estrutura do fórum. Mas cuidado, este recurso não está disponível para o Internet Explorer e nem mesmo para as versões inferiores ao Mozilla Firefox 3.5.0.
  • Colocar fundo em widgets
    Com a tendência cada vez maior de se ter um tema modificado, se faz necessário algumas modificações simples, como adicionar uma imagem de fundo aos Widgets. Este código irá substituir uma cor de fundo por uma imagem por meio de códigos CSS, mas caso queira poderá explorar muito mais as diversas opções que os códigos CSS nos disponibilizam.
  • Personalizar o cursor do mouse
    Com este tutorial aprenderemos a modificar o cursor do mouse nos nossos fóruns. Para alguns o cursor padrão do computador não agrada, por isso existe a possibilidade de o modificar por meio de códigos. Somente tenha atenção pois terá de tê-lo salvo em alguns formatos diferentes para que possa funcionar com todos os navegadores.
  • Retirar borda tracejada do link ativo
    Quando clicamos em endereços de ligação (links) aparecem bordas tracejadas. Em alguns casos, isso não lhe agrada. Como por exemplo, quando clicamos em imagens que contém um link inserido, a imagem fica com uma borda em volta. Neste tutorial iremos aprender como retira-la.
  • Personalizar as caixas de mensagem
    As caixas de texto (escrita de uma mensagem) do fórum são o ponto de passagem de todos os participantes. Este tutorial irá ajudar a tornar as caixas de texto do fórum mais personalizadas, ao seu estilo, tornando-as mais atractivas!
  • Arredondar bordas do fórum
    Este tutorial ensina como editar as bordas das páginas do seu fórum para em vez de ficar como normal ou seja default, modificar o tanto que quer que ela fique arredondada.
  • Efeito de opacidade nas imagens do menu
    Este tutorial irá lhe ensinar como poderá deixar a imagem do menu de navegação do seu fórum com diferentes níveis de cor, variando de uma cor total até uma cor mais opaca. Como o menu principal é um ponto onde muitos membros acedem, é interessante que seja feita algumas modificações no mesmo.


Perfis
Veja tutoriais para personalizar os campos de perfil e funções relacionadas aos usuários.

  • Como criar um shop
    Muitos perguntam como se faz para se ter um pequeno shop em vossos fóruns. Este tutorial vai lhe ensinar exatamente isso.
  • Assinaturas como no Fórum dos Fóruns
    Muitos perguntam como se faz para se ter assinaturas como aqui no Fórum dos Fóruns. Mas muitos não percebem que é relativamente simples. Siga os passos abaixo e entenderá perfeitamente.
  • Disponibilidade do nome de usuário
    Em fóruns de sistemas pagos, quando é digitado o nickname de um usuários já existente no fórum, é alertado que já existe o mesmo. Neste tutorial vamos fazer com que em seu fórum, quando um usuário for se registrar seja mostrado se já existe o nome de usuário ou não.
  • Transformar fundador em membro
    Em alguns casos fundadores deixam a responsabilidade do fórum em mãos do co-administradores que segue com o fórum. Na forumeiros não é possível retirar o fundador do grupo e mostrar que aquele usuário que criou o fórum não pertence a equipa. Neste tutorial vamos aprender um sistema prático e fácil de ocultar o fundador do fórum, tornando um membro.
  • Criar campo "Prêmios para membros"
    Algumas vezes, desejamos fazer campeonatos no fórum, e para isso colocar algum indicador da quantidade de prêmios ou algo que diferencie um usuário dos demais membros. Através dos campos de perfil é possível realizar estas coisas de uma forma surpreendente.
  • Colocar os campos do Perfil em um Tooltip
    Se você acha que os campos do perfil ocupam muito espaço nas mensagens, a solução é colocá-los na forma de um tooltip. Ou seja, os campos ficarão ocultos até que se passe o mouse por cima do avatar do membro, exibindo todas as informações, como a data de registo, o número de mensagens, idade, entre outros. Atenção: Esse tutorial só é válido para a versão PhpBB2.
  • Criar uma barra de respeito às regras (warning)
    A barra de warning, como muitos a chamam ou barra de respeito das regras, é um método de notificar os membros sobre alguma acção incorrecta dos mesmos, sendo assim utilizada como uma forma de punição a retirada de alguma percentagem dessa barra, consoante as advertências dadas.
  • Criar campo "País de Origem"
    O campo "País de Origem" pode conter várias funções que podem ser definidas pelos administradores, mas sua função principal é a de demonstrar o país de que o membro é originário.



Personalização dos templates
Veja tutoriais para personalizar o fórum ao extremo, fazendo uso da edição dos templates.

  • Tag Cloud (PunBB e PhpBB2)
    Muitas vezes vemos em vários sites um nuvem de tags flutuante com efeitos, a partir deste tutorial iremos aprender como a implantar nos fóruns que tem sua versão sensível a edição (Punbb e PhpBB2).
  • Avaliação positiva de uma mensagem
    Sempre gostamos de criar novas maneiras para aumentar a interatividade nas postagens, e dessa vez, você aprenderá através do tutorial a colocar um botão de avaliação positiva nas mensagens, onde cada clique representará o mesmo que "Curtir", como estamos acostumados na rede social Facebook.
  • Posicionar ícone online ao lado do nick
    A versão Invision possui uma ótima ferramenta padrão que posiciona o ícone "Online" ao lado do nick. Com este tutorial, iremos aprender como obter o mesmo efeito nas demais versões.
  • Modificar a zona "Quem está conetado"
    Este tutorial é sobre a edição da parte dos templates referente à zona de “Quem está conectado” , ou seja, atua nas versões PunBB e PhpBB2.
  • Personalização do widget "tópicos recentes"
    Em muitas plataformas pagas é possível incrementar e dar um ar profissional aos tópicos recentes. Neste tutorial, através da edição de templates disponível apenas para PHPBB2 e PunBB, faremos essa personalização que dará ao vosso fórum um incremento especial!
  • Deletando colunas "Tópicos" e "Mensagens"
    Por muitas vezes podemos optar por uma melhor aparência de nosso fórum, de diversas maneiras. Aprenderemos neste tutorial como remover as colunas de Tópicos e Mensagens e deixar apenas um texto indicando o número de cada uma delas na página principal de nosso fórum. Tutorial apenas para a versão Phpbb2.
  • Separar categorias por imagens
    Vamos aprender neste tutorial a colocar uma imagem que separará as categorias do seu fórum. Entretanto, precisará modificar os templates do fórum, logo o tutorial é válido somente para as versões phpBB 2 e punBB.
  • Impedir a invisibilidade nas versões phpBB 2 e punBB
    Em todos os fóruns nós temos as opções de ficarmos invisíveis ou não nos mesmos. Com a alteração dos templates das versões phpBB 2 e punBB vamos aprender a retirar esta função.
  • Exibir menu na vertical
    Este tutorial usa a modificação de templates, por favor, antes leia a FAQ sobre isso, no caso de dúvidas de como fazer.
    Às vezes queremos personalizar nossos menus em algumas versões como por exemplo deixá-lo na vertical.

  • Mudar a chatbox de sítio
    Já que temos possibilidades quase infinitas de personalização veremos como podemos personalizar ainda mais a chatbox com um recurso maravilhoso! O recurso simplesmente mudará sua chatbox de lugar. Assim criando uma pequena caixa em seu fórum para que assim a pessoa possa clicar na mesma e abrir e fechar o chat.
  • Melhora da funcionabilidade "Facebook Connect"
    Houve há pouco tempo uma atualização na opção do Facebook Connect. Este tutorial explicará como modificar o mesmo no seu fórum.
  • Usuário para publicidade
    Sabemos que a publicidade é um dos fatores mais importantes em nossos fóruns. E para melhorar esse fator, veremos neste tópico como criar um pseudo-usuário que ficará no final de cada tópico presente no fórum, anunciando o conteúdo que desejar.
  • Perfil do lado direito em phpBB 2 e punBB
    Em todos os layouts de phpBB 2 e punbb, os perfis dos usuários nas mensagens eles vem sempre do lado esquerdo. Como este tutorial, através da edição de templates vamos aprender como colocar estes mesmos perfis do lado direito.
  • Reputação só com votos positivos
    Em alguns tópicos o sistema de reputação vem com os pontos negativos e positivos. Muitos usuários e administradores têm o costume de só usar o botão negativo. Neste tutorial veremos como fazer tais alterações utilizando a personalização de templates e a folha de estilo css.
  • PHPBB3 na versão PunBB
    Com este tutorial, aprenderá através da edição de templates e a adição de um CSS extra, a mudar a aparência completa dum fórum de versão PUNBB em PHPBB3. Se não ficou claro, terá um fórum de versão PHPBB3 num PUNBB, sem precisar de trocar a versão do fórum.
  • Alterar a ordem do Rank e avatar na versão phpBB 2 e PunBB
    Em alguns layouts prontos o rank vem acima do avatar e muitos usuários e administradores têm o costume do uso com o rank abaixo do avatar. Neste tutorial veremos como fazer tais alterações utilizando a personalização de templates.
  • Colocar as formas de contato dum membro abaixo do seu perfil (phpBB2)
    Este tutorial lhe ensinará a deixar as opções de contato do usuário logo abaixo de suas informações nas mensagens, como acontece nas versões phpBB3, PunBB e Invision. Tenha atenção somente que este tutorial é destinado a usuários da versão phpBB2!
  • Botão de reputação na forma de imagens (PhpBB 2 e PunBB)
    As versões PunBB e phpBB2, permitem uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos colocar imagens a nosso gosto, nos botões de reputação (+ e -).
  • Limitando caracteres no nome de registro (PunBB e phpBB2)
    As versões PunBB e phpBB2, permitem uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos limitar os caracteres dos usuários na hora de registrar e, sendo que desta forma, não terão nomes extensos no fórum.
  • Adicionar cores nas mensagens (PunBB e phpBB2)
    As versões PunBB e phpBB2, permitem uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos adicionar mais cores na hora de criar ou responder um tópico, em nossos fóruns. Veremos como adicionar cores variadas, todas a nosso gosto.
  • Mudar as regras padrões do fórum (PunBB e phpBB2)
    As versões PunBB e phpBB2, permitem uma personalização total do fórum, pela modificação dos templates. Já que temos possibilidades quase infinitas de personalização, veremos como podemos modificar as regras que são exibidas na hora do cadastro em nossos fóruns. Veremos como as deletar e somente deixar uma feita por nós.
  • Criar uma categoria retrátil
    A versão Invision possui um tipo de categoria inovadora, que permite que você contraia e descontraia quando desejar, o que torna a página mais limpa e de fácil visualização. Este recurso agora passa a não ser mais exclusivo desta versão, podendo ser utilizado em todas.
  • Inserir caixa de upload no fórum (Phpbb 2 e PunBB)
    Através deste código poderá inserir um tipo de sistema em seu fórum que hospedará qualquer tipo de arquivo gerando assim um hiperlink para que possa ser adicionado na mensagem. O sistema estará disponível dentro de um botão de upload, como acontece com as imagens.
  • Destacar quantidade de tópicos e mensagens
    Da mesma forma que fazemos na versão PhpBB3 em destacar a quantidade de mensagens e tópicos, podemos realizar na versão Phpbb2 e Punbb. Vamos editar os templates de seu fórum aplicando em uma variável novas classes.
  • Tornar o título das novidades em link
    Atualmente, para acessarmos um tópico listado nas novidades do Portal, devemos clicar nos comentários, no link "Ler Tudo" (para tópico com um determinado número de caracteres), ou contar com a presença de um link dentro do próprio tópico, que o redirecione para lá. Neste tutorial aprenderemos como tornar o título das novidades em um link, que o levará da mesma forma para o tópico, porém, tornando a função muito mais prática.
  • Sitema de votação com Polldaddy em tópicos
    O sistema de votação (reputação ou pontos) é importante para o desenvolvimento do fórum, e em muitos casos podem ser usados para outros fins, como sistema de dinheiro e etc. Neste tutorial exclusivo para versão Punbb, vamos modificar o template dos tópicos e aplicar o efeito de voto por estrelas usando um serviço externo.


Diversos
Veja tutoriais para outros tipos de personalização que não se encaixam nos grupos acima.

  • Ativar botão "Curtir" em tópicos - Novo!
    O botão "Curtir" permitirá que seus membros compartilhem seu conteúdo com seus contatos do Facebook sem sair do fórum. Isso irá permitir que você compartilhe seu fórum no Facebook no perfil de seus membros, aumentando a audiência e sucesso.
  • Vincular Google+ ao fórum - Novo!
    Com este novo recurso, Forumeiros e seus Administradores podem acessar com mais facilidade o conteúdo do seu fórum e compartilhar informações de seus conteúdos aos interessados e garantindo visibilidade ideal nos contatos da web, através do Google +.
  • Colocar screenshots do fórum
    Para que as divulgações dos fóruns sejam aceites na área correta, são necessários screenshots do fórum. Alguns membros poderão, então, não saber como os fazer e publicar no fórum. Além disso, é útil para explicar alguma questão com imagens.
  • Optimizar seu referenciamento com Sitemaps
    Google Sitemaps é um dos vários serviços que a empresa Google fornece a seus usuários. Com ele você pode consultar de forma fácil e rápida as estatísticas de indexação do seu site, taxa de rastreamento, o pagerank de suas páginas e também a estatística de pesquisa, que lista os itens mais pesquisados no google que levam os usuários até as suas páginas na web.
  • Aumentar capacidade da folha de estilo CSS
    Algumas vezes temos um css muito grande e queremos adicionar algo mas quuando você coloca o novo codigo na folha de estilo css aparece uma mensagem avisando que o seu css e muito grande isso as vezes e chato mas ese tutorial irá lhe ajudar para que esse problema não aconteça. Siga esse tutorial com atenção e saiba como aumentar o seu css.
  • Sistema de advertências com grupo oculto
    Alguns usuários do seu fórum estão cometendo infrações nas regras e você não sabe o que fazer? Neste tutorial vamos aprender como gerir um sistema de advertências diferente das barras de respeito às regras, onde os usuários no grupo adicionado estarão proibidos de responderem ou criarem tópicos.
  • Adicionar um vídeo num tópico
    Com este tutorial poderá aprender como poderá colocar vídeos no fórum. Podem ser adicionados tanto em locais que aceitam códigos BBCode quanto locais que aceitam HTML. Veja como deverá ser feito:
  • Pontos de Atividade
    Os pontos de atividade são pontuações baseadas no número de usuários registrados, número de mensagens e número de tópicos postados. Esses pontos variam dependendo da atividade do fórum, a partir desses critérios citados. Após seu fórum atingir uma certa quantidade de pontos, a Forumeiros gera um domínio gratuito para o mesmo.
  • Como conseguir um domínio .tk
    Diversos fóruns tem seus dominíos comprados pela Forumeiros ou por outros meios, por isso, você poderá adicionar ao seu fórum, um endereço personalizado. Porém o site que fornece o serviço tem regras rigídas e que você deve ler com atenção.
  • Feed Twitter
    Você sabia que ter um twitter hoje, não é difícil? No mundo inteiro pessoas se relacionam através das redes sociais (Facebook Connect, Twitter, Orkut, Google +1 etc), neste tutorial vamos usar o serviço Feed Twitter para trabalhar-mo-ei com publicações de tópicos de seu fórum, ou seja, da mesma forma que usamos o serviço FeedBurner.

Admin
Admineiro
Admineiro

Feminino
Inscrito dia: 02/07/2007
Número de Mensagens: 2726


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Lista de Tutoriais, Dicas e Astúcias

Mensagem por Luciano98 em Dom 10 Jun 2012 - 16:42

Scripts HTML, BBCode e Javascript
Veja códigos que produzem efeitos interessantes na estrutura do seu fórum.

  • Gestão das mensagens spam
    Nós não temos controle do conteúdo da mensagem que cada usuário posta, podemos censurar algumas palavras, mas como censurar uma mensagem toda? Neste tutorial iremos aprender a censurar uma se ela conter uma palavra que você irá definir. Mas pra isso os códigos HTML's devem estar ativados em seu fórum.
  • Estatísticas de phpbb3 no formato de punbb
    Agora podemos colocar a estatísticas de vossos fóruns de phpbb3 no formato de punbb.
  • Widgets somente na página inicial
    Muitas vezes gostaríamos que os Widgets do fórum fossem visualizados somente na página inicial, mais agora isso é possível com um simples código.
  • Sistema de notificações
    Com um simples código, podemos obter um  resultado semelhante ao do sistema de notificações da "Barra de Ferramentas", sem precisar ter a mesma ativa.
  • Criar formulários de postagem
    Em algumas seções do fórum, é necessário que as mensagens sigam um mesmo padrão. Veja como simplificar o processo através de um formulário, que gerará uma mensagem conforme o modelo previamente escolhido.
  • Alerta de MP com efeito Lightbox
    Com este efeito ao receber uma mensagem privada, um alerta em lightbox aparecerá informando a quantidade de mensagens não lidas em sua caixa de entrada.
  • Tópicos e mensagens em modo hover (phpBB3)
    Com base neste tutorial, você aprenderá a colocar a quantidade de tópicos e mensagens contidas nas categorias em modo hover, tirando assim o acúmulo de informações e deixando seu fórum mais elegante.
  • Caixa de comentários do facebook
    Adicionar efeitos com pluings do Facebook ficou fácil. Com este tutorial vamos reproduzir um efeito magnifico, ao qual você pode personalizar ainda mais os tópicos de seu fórum.
  • Alerta de novas mensagem no chatbox em nova aba
    Muitas vezes um membro posta uma nova mensagem no chatbox e não é vista enquanto não voltar a página novamente, com esta função irá receber um alerta na aba sempre que houver uma nova mensagem.
  • Widget "Membro do mês"
    Usando com base neste tutorial, agora podemos mostrar em forma de Widget o membro mais ativo do mês.
  • Slidebar com imagens
    Usando como base este tutorial, pode-se adicionar uma barra de slides geralmente usada como uma demonstração de imagens, poderá ser usada também, como um anúncio em seu fórum.
  • Confirmação para deletar uma mensagem (PhpBB3)
    Neste tutorial irá aprender como colocar um alerta de confirmação antes de deletar uma mensagem em um tópico.
  • Background diferente para cada fórum
    Neste tutorial será ensinado mais uma técnica para personalizar ainda mais o seu fórum, lendo este tutorial irá aprender a adicionar uma imagem para cada fórum.
  • HTML pré-definidos nas mensagens
    Neste tutorial, ficará disposto uma maneira de colocar qualquer código HTML em mensagens pelo fórum abaixo do autor do tópico. Isso permitirá colocar imagens, marcas d'água, textos, quebras de linha, scripts, integração com redes sociais e muito mais!
  • Treno do Papai noel voando
    Agora podemos personalizar vossos fóruns com um efeito do Treno do Papai noel voando sobre o fórum.
  • Validar campos no ato de registro
    Em muitos fóruns pagos, há a possibilidade de verificar em tempo real campos no ato de registro. Através deste tutorial, aprenderemos como aplicar tal função em fóruns Forumeiros!
  • Login em lightbox
    Neste tutorial será ensinado mais como aplicar o efeito lightbox no momento em que o usuário se loga.
  • Personalização da legenda dos grupos
    Hoje iremos fazer utilização de códigos JavaScript e códigos CSS para podemos modificar a legenda dos grupos de nossos fóruns conforme nossa vontade, sem limitação, podendo ter nossos grupos com um nome e mostra-los ou não com outros textos na página principal do fórum.
  • Caracteres mínimos para responder um tópico
    Esse truque faz com que o botão "Enviar" seja visualizado desde que cumpra com os caracteres mínimos para responder uma mensagem, ou seja, 10 caracteres.
  • Confirmação de postagem
    Algumas vezes podemos esbarrar no botão enviar e acabar enviando algo incompleto ou que não queremos, este código vem para impedir a metade destes problemas, colocando uma mensagem de alerta assim quando se clica no botão enviar.
  • Informações do membro em 'balão'
    Com base neste tutorial podemos adicionar um código que permite mostrar as informações de um membro em forma de um balão.
  • Visualizando informações de sub fóruns em modo hover
    Este tutorial permite que visualize as informações de tópicos e estatísticas dos sub fóruns de seu fórum, no qual permite mostrar todas as informações possíveis aos usuários, de quantas mensagens e tópicos possui cada sub fórum.
  • Pular página de confirmação da reputação
    Um código simples, porém, poderá mudar e muito a estrutura e navegação do fórum, aprenda agora mesmo a pular a página de confirmação quando é atribuído a reputação a um membro.
  • Adicionando texto na caixa de resposta
    Com um pequeno código em JavaScript, podemos aplicar um texto dentro das respostas.
  • Ocultando perfil e mensagens de um usuário banidos
    Através deste tutorial podemos ocultar as mensagens e o perfil dos usuários banidos em vossos fóruns.
  • Rascunho nas respostas rápidas
    A função rascunho serve para salvarmos uma mensagem, para vários fins, tanto para ré-aproveitar a mensagem ou para salvar um pequeno texto que queremos user depois, entretanto eta função apenas aparece nas caixas de resposta normal, e não nas respostas rápidas, com o intuito de agilizar o salvamento de um rascunho estaremos aprendendo neste tutorial como adicionar a função rascunho nas respostas rápidas.
  • Caixa de código com contador de linhas
    A partir deste tutorial podemos agora adicionar o mesmo efeito que se utiliza no fórum dos fóruns, um contador de linhas quando se utiliza a tag code.
  • Background diferente para cada membro
    As vezes alguns membros não gostam do fundo do fórum e gostariam de poder modificar o fundo do fórum e adicionar seu próprio background, agora podemos ter esta nova função!
  • Alerta de nova mensagem no chatbox em aba
    Muitas vezes um membro posta uma nova mensagem no chatbox e não é vista enquanto não voltar a página novamente, com esta função irá receber um alerta na aba sempre que houver uma nova mensagem.
  • Background conforme hora do dia
    Com esse código, válido para todas as versões, torna o fórum capaz de apresentar aos nossos usuários um fundo para fórum para cada hora do dia em que nos encontramos, separadamente para a noite, dia e noite.
  • Confirmar desconexão no fórum
    O botão "Logout" do fórum serve para um utilizar se desconectar do fórum que está acessando, entretanto, esta ferramenta pode ter inconveniências, por exemplo, um clique por acidente e o membro é desconectado sem que o mesmo queira, neste tutorial estaremos aprendendo como colocar uma caixa de confirmação ao pressionar este botão.
  • Limitar caracteres do login no momento do cadastro - Novo!
    A partir deste tutorial é possível limitar a quantidade de caracteres digitados no campo de login no momento de cadastro.
  • Sistema de agradecimentos personalizado
    A partir deste tutorial podemos aplicar um código no fórum que personalizará totalmente o sistema de agradecimentos do fórum.
  • Avatar do último membro que postou no tópico
    A partir deste tutorial iremos aprender a adicionar uma nova personalização no fórum, sendo esta a adição do avatar do último membro que postou a mensagem.
  • Esconder perfil personalizado
    Assim como ocultar os widgets do fórum você também pode com um pequeno efeito em Javascript para esconder o perfil personalizado do usuário. Uma função prática, que não gera conflito com códigos de seu fórum, e o melhor, o próprio usuário pode modificar.
  • Aviso na caixa de respostas
    Com um pequeno código em Javascript, poderemos aplicar um efeito abaixo da caixa de resposta rápida das mensagens do seu fórum. Poderemos aplicar imagens, textos e outros se o administrador desejar.
  • Login e senha para ver página
    Neste tutorial vamos usar um efeito que obriga o visitante se conectar na página para continuar a leitura. Você poderá modificar esses pontos para que fique ao seu gosto.
  • Estatísticas no formato punBB
    Neste tutorial iremos aprender a como colocar as estatísticas de um fórum em formato PHPBB3 na forma das estatísticas da versão Punbb. Para isso utilizaremos um código JAVASCRIPT bem eficaz.
  • Palavras chaves em tópicos

    Neste tutorial iremos adicionar um efeito de palavras chaves nos tópicos no qual irá proporcionar uma melhor colocação de nosso fóruns nos motores de busca.

  • Personalizar o painel de usuário
    Neste tutorial iremos adicionar um efeito de palavras chaves nos tópicos no qual irá proporcionar uma melhor colocação de nosso fóruns nos motores de busca.
  • Proibir números no registro
    Neste tutorial, veremos uma forma de bloquear os números nos nicknames dos usuários ao se inscreverem no fórum, desta forma, podemos deixar um visual um pouco diferente, prezando pela escrita.
  • Variável para autor do tópico

    Muitas vezes queremos destinar a mensagem direto ao autor do tópico, mais essa variável não existe em conjunto com as padrões, agora isso é possível a partir de um simples código.

  • Sistema de reputação com likes
    Por vezes, a aproximação de uma funcionalidade disponibilizada em foruns pagos é muito requerida. Neste tutorial, um sistema do estilo ajax, permite dar mais profissionalismo e qualidade para os sistemas de reputação em vossos fóruns!
  • Login no topo do fórum
    Por muitas vezes, queremos chamar atenção com códigos inovados, os mais queridos nestes tipos de ocasião são de Login. No último tutorial sobre Login's aprendemos á gerir uma caixa de login ao passar o mouse sobre o botão "Entrar" do menu de navegação, já neste iremos aprender á inserir uma mini-caixinha no topo do fórum.
  • Inserir "fechado" nas seções
    Sempre quando a seção de criações gráficas do Fórum dos Fóruns chegam ao equivalente de 15 tópicos, é inserido uma imagem fixada na parte superior. Neste tutorial iremos aprender a adicionar uma imagem num sub-fórum, chamando atenção dos internautas e deixando-os cientes de que tal seção está temporariamente fechada.
  • Carregamento na chatbox
    Muitas vezes queremos adicionar imagens os até textos em nossos fórum enquanto a página é carregada, desta vez iremos aprender com este tutorial á inserir o efeito dentro da chatbox enquanto a página é carregada.
  • HTML predefinido em tabela nas mensagens
    Este tutorial ensina a como colocar HTML predefinido em tabelas BBCode nas mensagens sem ter o HTML ativo nas mensagens.O código funciona em todas as versões de fóruns da Forumeiros.
  • Aparecer título do tópico completo ao passar o mouse
    Este tutorial ensina a como fazer o título dos tópicos aparecerem completos quando um usuário passar o mouse. Esse tutorial funcionar para todas as versões.
  • Aplicar CSS a página de perfil de um usuário especifico
    Este tutorial ensina a como aplicar CSS personalizado na página do perfil de um usuário especifico.O código funciona em todas as versões de fóruns da Forumeiros.
  • Obrigado por iniciar esse tópico
    Nesse tutorial nós iremos aprender a colocar uma mensagem de agradecimento na primeira mensagem dos tópicos. Esse código funciona em todas as versões.
  • Adicionar botão para aplicar efeito NEON
    Neste tutorial, vamos aprender a implantar uma ferramenta muito interessante, que faz com que você possa adicionar em seus textos, através de um botão super fácil de usar. Para isso siga os passos abaixo atenciosamente.
  • Pular linha do autor dos tópicos na versão PunBB
    Esse tutorial tem como objetivo fazer o autor dos tópicos pularem uma linha, para que o título e o autor não fiquem na mesma linha. O tutorial funciona somente na versão PunBB.
  • Personalizar título dos ranks
    Personalizar o título dos ranks com tags de construção de texto, cores e imagens. Com simples tags de uso cotidiano podemos trazer aos ranks destaque e a atenção além de melhor identificação de determinados usuários de seu fórum.
  • Modificar nome dos links do menu de navegação
    Com a criação de várias sugestões, os administradores de fóruns não gostam do modo que os links de navegação estão expostos em seus fóruns. Um código que vamos adicionar na folha de estilo .JS vai ajudar-lhe a mudar isso.
  • Alterar ícone dos botões BBCode
    Ás vezes queremos modificar as imagens dos botões bbcodes presentes no fórum e não conseguimos por meio de css, agora por meio de jquery conseguimos a solução, veja como editar tais ícones bbcode nas caixas de resposta.
  • Inserir um prefixo de outra cor a um grupo
    Por vezes, queremos diferenciar ou dar destaque a um ou mais grupos em nosso fórum com cores diferenciadas. Este tutorial possibilitará a inserção de um prefixo de cor diversa a um grupo específico do fórum.
  • Chat Box Retrátil - Lateral
    Muitas vezes, desejamos poder fazer algo dinâmico, simples, elegante e prático. Neste tutorial, aplicaremos esses conceitos ao Chat Box que ficará em uma lateral do fórum, trazendo assim, maior comodidade no ato da navegação.
  • Anti boot em seu fórum
    Por vezes, somos vítimas de robôs programados para se cadastrarem e interagirem da mais perfeita forma em seu fórum, divulgando e publicitando sites e serviços indevidamente. Neste tutorial, lhe ensinaremos a como evitar ou reduzir o número desses ataques com uma modificação de template, disponível em PHPBB2 e punBB com uma simples pergunta.
  • Enfeites para o dia dos namorados
    Neste tutorial você irá aprender, como colocar alguns enfeites para o dia dos namorados por todo o seu fórum. Isso poderá ocorrer através de alguns javascripts que estaremos disponibilizando ao longo deste tópico.
  • Substituir barra por porcentagem em Widgets predefinidos
    Esse tutorial tem como objetivo substituir a barra de porcentagem que alguns Widgets predefinidos utilizam pela porcentagem escrita. O tutorial funciona para todos os tipos de fóruns.
  • Personalizar indicação de fórum visualizado
    O efeito que será trabalhado no tutorial consiste em uma modificação de indicador dos fóruns. Veja que sempre ao visualizar um tópico, terá o nome da categoria, fóruns, sub-fóruns e etc...
  • Retirar caixa de busca do botão buscar do menu
    Este tutorial ensina a como retirar a caixa de busca automática que aparece ao clicar no botão de busca do menu do fórum e substituir ela pelo direcionamento a página de busca do fórum. O código funciona em todas as versões de fóruns da Forumeiros.
  • Anti double post
    Este tutorial ensina a como bloquear que um usuário poste duas mensagens seguidas nos tópicos de seu fórum.
  • Modificar regulamento na versão Phpbb3 e Invision
    Adoramos inovar nossos fóruns aplicando scripts e efeitos mais do que especiais. Hoje neste tutorial vamos modificar os termos de uso padrão das versões Phpbb3 e Invision, que não permite edição de template. Com um pequeno código Javascript vamos reproduzir um efeito bombastico em seu fórum com as regras que desejar.
  • Apresentação obrigatória
    Muitos fóruns desejam que os membros antes de tudo façam apresentação. Com um código, vamos reproduzir um efeito que vai direcionar o usuário diretamente ao local de apresentação quando ele tiver com suas mensagem zerada.
  • Página de logout
    Este tutorial ensina a como mudar a página que aparece após um usuário fazer logout da sua conta do fórum.O código funciona em todas as versões de fóruns da Forumeiros.
  • Aplicar CSS a uma página especifica do fórum
    Este tutorial ensina a como aplicar códigos CSS em uma páginas especifica do fórum, determinada pelo link.
  • Modificar cor de fundo das mensagens de um usuário específico
    Este tutorial ensina a como modificar a cor de fundo das mensagens de um usuário especifico utilizando um código.O código funciona em todas as versões de fóruns da Forumeiros.
  • Player de rádio fixo no fórum
    Muitas vezes instalamos uma rádio no nosso fórum e ficamos a achar que deveria estar num sítio melhor ou até mesmo num local em que a player não fosse movido com o scroll. Este tutorial permite-nos deixar a rádio fixa num ponto específico do fórum. Neste caso no topo do mesmo.
  • Caixa de login fixa no fórum
    Neste incrível tutorial você vai desfrutar mais uma vez do que o CSS e os códigos html são capazes. Vamos adicionar uma caixa de login que geralmente encontramos em fóruns pagos, mas, vamos personalizar ao nosso estilo, ao estilo Forumeiros.
  • Retirar caixa "Ver mais Smileys"
    Neste tutorial, vamos retirar a caixa de seleção que mostra os outros smilieys que há em seu fórum, com o uso de uma classe e propriedades em CSS.
  • Botão "Novo tópico" para visitantes
    Este tutorial ensina a como fazer o botão "Novo tópico" aparecer para os visitantes do seu fórum. Quando eles clicarem no botão, serão redirecionados para a página de registro do fórum.
  • Vídeos em destaque
    Para os que se intrigam ao serviço de vídeos, o Youtube. Quer selecionar vários deles que estão sendo destacados neste serviço e adicioná-los em seu fórum desde última pesquisa dos visitantes do Youtube, este tutorial vem a ensinar como aplicar a função "Vídeos em destaque" que é o utilizado no serviço de vídeos revolucionários.
  • Remover e editar o texto "Relembrando a primeira mensagem"
    Este tutorial ensina a como remover e editar a sua vontade o texto "Relembrando a primeira mensagem" que aparece se seu fórum estiver configurado para aparecer a primeira mensagem em todas as páginas do tópico.
  • Redirecionar fórum
    Neste tutorial, iremos aprender a redirecionar qual quer página do seu fórum depois de um determinado tempo para o site que você definir.
  • Opções do post em cima nas versões PUNBB & INVISION
    Este tutorial ensina a como substituir o nome de um grupo na legenda de seu fórum por uma imagem.
  • Retirar "Anular meu voto" das votações
    Como este tutorial vamos aprender a retirar a opção "Anular meu voto" das votações do seu fórum.
  • Aviso em tópicos bloqueados
    Este tutorial ensina como colocar um aviso grande e visível nos tópicos bloqueados, nos quais os usuários comuns não podem mais postar.
  • Título do fórum em movimento
    Este tutorial ensina sobre como fazer o título do seu fórum ficar em movimento.
  • Criar e gerir uma nova tag em seu fórum
    Muitos de nós, gostaríamos de criar códigos que facilitariam o acesso aos membros a códigos complexos pelo simples fato de inserir um determinado texto entre tags. Neste tutorial, através de CSS válido a todas as versões, simplificaremos e daremos atribuições a uma tag HTML completamente nova e personalizável em seus fóruns!
  • Mensagem de aviso personalizada
    Muitas vezes temos de avisar aos membros para não praticarem o flood em algum tópico, ou até mesmo para dar um recado que exija destaque. E para isso nada melhor que uma mensagem de aviso personalizada, que estaremos aprendendo neste tutorial.
  • Widget de músicas em playlist
    Neste tutorial aprenderemos a adicionar um widget de músicas em playlist através do site MixPod.com. Esse widget seria uma alternativa para as rádios que não se encaixam no design de seu fórum, já que os modelos de reprodutores deste site têm diversas opções de personalização.
  • Origem das visitas
    É injusto termos visitas em nossos fóruns e não sabermos de onde elas vêm. Para isso, existe o site eReferrer que lhe dá detalhes sobre as visitas de seu fórum. Iremos aprender neste tutorial, como configurá-lo em vossos fóruns.
  • Adicionar um contador regressivo
    Muitas vezes em nossos fóruns queremos adicionar novos eventos. Esses, podem ter um bom nível de expectativa. Por isso, para aliviar (ou não) a situação, podemos adicionar um contador regressivo a esse evento. Aprenda como neste tutorial.
  • Tópicos acima dos fóruns ou sub-fóruns
    Como de costume, os fóruns e sub-fóruns dos nossos fóruns, antecedem os tópicos do mesmo. Neste tutorial, você aprenderá a colocar os tópicos de uma determinada seção acima dos fóruns/sub-fóruns, nas versões phpBB 3, phpBB 2 e punBB. Visto que a versão invision já está configurada desta maneira.
  • Página de testes HTML
    Neste tutorial, você aprenderá como criar uma nova página HTML em seu fórum, que produz uma ferramenta que testa automaticamente qualquer código HTML colocado no mesmo. É bem simples de se fazer!
  • Redirecionar o usuário após logar no fórum
    Este tutorial lhe ensina como fazer para quando um usuário de seu fórum logar no mesmo, e ele ser redirecionado à uma página que você queira, através de um pequeno código javascript. O mesmo funciona em todas as versões de fóruns da Forumeiros.
  • Mensagem privada ao se postar no perfil
    Neste tutorial, vamos aprender a fazer com que, ao se postar uma mensagem em um perfil de um membro, uma mensagem privada seja enviada automaticamente para a caixa de entrada deste mesmo membro, através de um simples código.
  • Colocar senha nos fóruns
    Ás vezes queremos adicionar um mini sistema de login em algum fórum ou sub-fórum para impedir de certa forma o acesso dos membros nos fóruns, há muitas vantagens mas também há muitas desvantagens, vamos verificar o tutorial por completo para entendermos o código.
  • Efeito sonoro no chatbox
    Este truque pode fazer um som para os membros sendo conectado a um chatbox exibido em segundo plano durante a recepção de uma mensagem. Isso só funciona para a chatbox e não em página inteira para outros navegadores além do Internet Explorer.
  • Auto-embed em links do youtube
    Este tutorial ensina a como fazer com que os links dos youtube postados no seu fórum tornem-se videos automaticamente sem necessidade da tag "[youtube]". Funciona em todas as versões.
  • Substituir nome do grupo por imagem na legenda
    Este tutorial ensina a como substituir o nome de um grupo na legenda de seu fórum por uma imagem.
  • Remover resultados da votação
    Quando criamos uma votação, é mostrado em tempo real a quantidade de votos que a mesma teve e o valor em porcentagem. Neste tutorial vamos ocultar esses dados.
  • Bloquear o botão direito do mouse
    Atualmente os fóruns estão sendo plagiados, principalmente por "Inspecionar elementos", e com isso muitas perguntas estão sendo feitas. Então neste tutorial será ensinado como bloquear o botão direito do fórum.
  • Mensagens privadas em qualquer local do fórum
    Veremos neste tutorial como modificar as notificações de novas mensagens da sua caixa-de-entrada, uma vez que o mesmo poderá ser totalmente personalizado, em qualquer zona do fórum.
  • Função "Leia mais" nas mensagens
    Neste tutorial iremos aprender a garantir proteger os nossos conteúdos que postamos no fórum. Estou a falar dos textos, o efeito deste código é quando copiamos algum texto do nosso fórum, ele coloca imediatamente os créditos no final do texto copiado, exemplo "Fórum de suporte do Forumeiros - Leia mais em: http://ajuda.forumeiros.com/link_do_tópico".
  • Voltar a página anterior após login
    Você está lendo um conteúdo interessante em um fórum ao qual é membro, e neste fórum há vários tópicos e aquele que você estava lendo era muito importante, quando efetua o login neste fórum para responder a tal mensagem, você é direcionado para página principal do fórum. Neste tutorial vamos usar um código que fará com que após o login, você ao invés de ser direcionado para a página principal, seja enviado para mesma página que estava antes.
  • Desabilitar confirmação de senha no registro
    Uma vez que o usuário preenche um formulário de registro, é direcionado para outra página de confirmação da senha e se o anti-spam estiver ativo, a confirmação das letras. Neste tutorial vamos usar um código que vai facilitar o registro dos usuários não deixando com que a caixa de confirmação de senha seja necessária.
  • Adicionar share no fórum
    Muitos administradores procuram meios de publicar os fóruns nas redes sociais, que se torna um trabalho muito difícil. Neste tutorial vamos instalar logo abaixo nos anúncios rolantes do fórum uma lista de compartilhamento de redes sociais.
  • Personalizar o link "Painel de Controle"
    A partir desse tutorial, os administradores poderão personalizar aquele link "Painel de Controle" que encontrarão no final da página, modificando para um texto ao seu gosto.
  • Adicionar uma nova cor personalizada em mensagens
    Com esse tutorial, agora você poderá adicionar as suas próprias cores personalizadas no fórum, podendo ser utilizadas nas suas mensagens.
  • Passarinho do twitter no fórum
    Neste tutorial vamos aplicar um código Script que finalmente nos auxiliará na gestão das publicidades do fórum. Esse Scrpit estará mostrando um passarinho azul claro do Twitter flutuando sobre o seu fórum, e pode ser facilmente aplicado.
  • Adicionando "selecionar tudo" a tag "code"
    Nesse tutorial, será possível adicionar uma nova funcionalidade no seu fórum que, permitirá seleccionar e copiar todo o código automaticamente da tag "CODE". Isso facilitará bastante a sua tarefa, poupando o seu tempo.
  • Editor de imagens em seu fórum
    Para fóruns de criações gráficas essa será uma inovação. Este tutorial apresenta um pequeno editor gráfico online no seu fórum a partir da criação de uma página em HTML e usando um inframe.
  • Chatbox retrátil no canto do fórum
    Já pensou em tirar o chatbox do final da página, ou do início e colocar em outro local? Neste tutorial vamos aprender á colocar o chatbox em outro local do fórum de maneira simples.
  • Riscar o rank do usuário banido
    Essa pequena modificação poderá não trazer nenhuma utilidade no fórum, mas permitirá distinguir os Ranks dos usuários, nesse caso, com a conta banida. Lembre-se que, o rank somente será riscado.
  • Trocando host de upload de imagens
    Nesse tutorial poderemos substituir o host atual de upload de imagens(Imageshack) pelo Tinypic, que tambem é um host de upload de imagens gratuito.Esse tutorial foi feito devido aos problemas que recentemente estão sendo causados pelo Imageshack.
  • Iframe onClick
    Neste tutorial será ensinado como colocar uma imagem no canto superior do fórum que, quando um membro clicar nela, apresente uma página externa na sua página actual, criando um efeito para parcerias!
  • Logo em Flash
    Nesse tutorial poderemos substituir a imagem do Logo do fórum, pelo plugin Adobe Flash Player.O código baseia-se em javascript e funcionará perfeitamente em todas as versões de fórum.
  • Primeira letra do título maiúscula
    Muitas vezes os usuários criam tópicos com o título todo em maiúsculo ou com a primeira letra de toda palavra em maiúsculo. Os efeitos desse script tornam o primeiro caracter do titulo em maiúsculo e o resto em minúsculo. Esse tutorial é feito para quem quer deixar seu Fórum mais organizado.
  • Retirar "título" das respostas
    Neste tutorial será ensinado como se pode retirar o campo de texto "título" na página de resposta dos tópicos no fórum. Este código é interessante para fóruns mais otimizados e simples.
  • Modificar a cor de fundo do fórum
    Como às vezes pretendemos que os visitantes alteram a cor de fundo do fórum, mas de uma forma automática e muito simples, será possível aplicar esse efeito com apenas um clique!
  • Efeito de neve com pai-natal/papai noel
    Nesse tutorial (mais completo) poderemos utilizar os efeitos natalinos com o Pai-Natal/Papai Noel.Ela baseia-se em javascript e funcionará perfeitamente em todas as versões de fórum.
  • Avançar o carregamento da página de confirmação
    Sempre que postamos algo ou mesmo respondemos, além de outras funções, nos aparece uma mensagem de confirmação dizendo que a ação foi realizada com sucesso. Neste tutorial você aprenderá a acelerar o tempo em que esta mensagem aparece.
  • Sub-fóruns em lista vertical
    Usando como base este tutorial, você poderá estruturar os sub-fóruns contidos em sua categoria para que os mesmos fiquem mais organizados e possar dar um tom de elegância ao fórum.
  • Proibir CSS & link externo em spoiler no chatbox
    Esse tutorial ensina a como proibir a utilização de códigos CSS no chatbox do seu fórum. O tutorial só funciona se chatbox estiver no início ou no final da página do fórum.
  • Função de carregamento em páginas
    Em sites com toques profissionais encontramos scripts interessantes de quando clicamos em um link que redireciona para outra página emite um efeito "carregando". Neste tutorial vamos usar um efeito Jquery especial que vai reproduzir este efeito.
  • Temas aleatórios da mesma versão
    Este tutorial ensina como colocar temas aleatórios da mesma versão do seu fórum, no seu fórum.
  • Bloquear CSS nas mensagens
    Em seus tópicos é possível adicionar CSS conjunto as tags BBcode que geralmente causam problemas em tópicos. Neste tutorial vamos usar um código em Javascript que bloqueia as o CSS dentro das tags BBcode, protegendo suas mensagens de qualquer tipo de ação de invasores que se apoderam desta função.
  • Painel de login na parte superior
    Para complementar a aparencia do seu fórum, neste tutorial vamos aplicar um painel de controle personalizado no fórum, que estará disponível no topo do fórum.
  • Mensagem ao clicar em link externo nos tópicos
    Este tutorial ensina a como instalar um sistema que quando algum usuário de seu fórum clicar em um link dentro de algum tópico apareça uma mensagem confirmando se ele quer abrir esse link.
  • Tópicos similares com tópicos do seu fórum
    Algumas vezes gostaríamos de algum widget para informar os tópicos similares aquele que o usuário está visualizando, este tutorial é exatamente para isso.
  • Slides em widgets
    Usando como base este tutorial, pode-se adicionar imagens e textos em um determinado widget em forma de slides. Dessa forma, é possível adicionar imagens e de modo que as imagens fiquem mais organizadas e dando um tom de elegância ao fórum.
  • Player com músicas selecionadas
    Várias vezes queremos montar uma rádio com músicas escolhidas por nós mesmos porém não sabemos como, bom, este tutorial vem para simplificar sua vida sempre que quiser fazer isso.
  • Imagens nos nicks dos usuários
    Este tutorial ensina como implantar uma função nos nicks dos usuários para que através de um pequeno código, possa adicionar qualquer imagem que você desejar ao lado do mesmo.
  • Aumentar e diminuir a fonte dos tópicos
    Com este tutorial irá aprender a criar um tipo de nova função, para aumentar o texto da página sendo assim terá dois botões, poderá diminuir e aumentar o texto.
  • Citação mais eficaz e rápida
    Neste tutorial será posto um código Ajax que fará com que toda vez que clique no link quote ao invés de abrir uma nova página desça a barra de rolagem até a resposta rápida já com o quote e seu conteúdo.
  • Enfeites de natal
    Neste tutorial você irá aprender, como colocar alguns enfeites de natal por todo o seu fórum. Isso poderá ocorrer através de alguns javascripts que estaremos disponibilizando ao longo deste tópico.
  • Atualização do código de confirmação no registro
    Quando desejado, você poderá habilitar no fórum um prático anti-spam que pede a confirmação de palavras ao preencher o campo de registro no fórum, ao qual em muitos casos não é permitido atuailizar caso o visitante não entenda. Neste tutorial vamos aplicar uma imagem que dará o Refresh nessa imagem.
  • Substituir texto de um botão especifico no fórum
    Este tutorial ensina a como substituir texto que aparece em um botão especifico no fórum.
  • Botão "Tamanho da fonte" em pixels
    Este tutorial ensina a como transformar o botão "Tamanho da fonte" em um campo no qual você pode selecionar que tamanho da letra utilizando a medida dos pixels.
  • Salvamento automático nos tópicos
    Neste tutorial, vamos aprender a implantar uma ferramenta eficaz em vossos fóruns, que faz com que você possa selecionar e salvar textos na caixa de mensagens dos tópicos. Para isso siga os passos abaixo atenciosamente.
  • Próprio usuário escolher o idioma do fórum
    Com este tutorial irá aprender a criar um tipo de nova função, com esta nova função irá permitir o usuário escolher o próprio idioma de visualização do fórum.
  • Reputação personalizada
    Com este tutorial iremos aprender a personalizar a reputação de uma maneira bastante "radical". Iremos deixar a maneira actual dos Fóruns Forumeiros e colocar um "ar mais profissional" neste recurso. Esta personalização irá mudar completamente a reputação dos fóruns, para uma maneira mais "em conta".
  • Background aleatório
    Neste tutorial iremos aprender como podemos criar um sistema aonde o fundo do fórum troque a cada vez que atualizar a página.
  • Sistema de PREFIXOS
    Neste tutorial será ensinado como colocar um sistema de PREFIXOS na página de resposta dos tópicos. Este código é interessante para fóruns que querem se manter mais organizados.
  • Menu de navegação em Flash
    Algumas vezes criamos um menu animado online ou manualmente, mas não sabemos como adiciona-lo corretamente no fórum, neste tutorial irá aprender como utilizar o menu corretamente e como adicionar o menu no fórum.
  • Organizando categoria como Forumeiros e você
    Este tipo de fórum tem como utilidade diminuir o tamanho do índice, comprimindo ao máximo os fóruns. Além desta vantagem possui muitas outras, como a divisão de fóruns em duas colunas. Com um novo método, será possível criar mais de quatro fóruns, sendo expandido para o número que o limite de caracteres permitir.
  • Colocar chatbox externa
    Às vezes queremos personalizar nosso chatbox mas geralmente não conseguimos muita coisa. Então recorremos a chatboxs externas assim podendo modificar os seus códigos mais facilmente. Aprenda e colocar um em seu fórum.
  • Redes sociais flutuantes
    É possível adicionar ao widget um pequeno código, ao qual será possível ver os botões "Facebook Connect, +1 e Twitter". Neste tutorial vamos fazê-los flutuar no fórum de maneira prática, e só modificando pequenos valores.
  • Criar um formulário de postagens
    Em algumas seções do fórum é necessário que as mensagens sigam um mesmo padrão. Para que seja mais fácil para os usuários usamos formulários que geram a mensagem ao final e que ele somente tem de preencher o que realmente é necessário. Verá neste tutorial como criar e colocar para funcionar um formulário. Atenção, é sempre bom ter conhecimentos de HTML e Javascript para fazer formulários!
  • Formulário de Postagens
    Em algumas seções do fórum é necessário que as mensagens sigam um mesmo padrão. Para que seja mais fácil para os usuários usamos formulários que geram a mensagem ao final e que ele somente tem de preencher o que realmente é necessário. Verá neste tutorial como criar e colocar para funcionar um formulário.
  • Colocando botão "Curtir" nas mensagens
    O Facebook disponibilizou-nos o botão “Curtir” para ser adicionado junto ao seu fórum mas, veja nesse tutorial como poderá integrar isso. Quando adicionar em seu fórum o efeito será bem simples: o visitante/membro poderá marcar que gostou de seu conteúdo que aparecerá na lista dele no mural do Facebook indicando que ele gostou do mesmo.
  • Logo diferente em cada fórum
    Agora você poderá personalizar o logo do seu fórum (padrão) para mostrar uma imagem diferente em cada sessão. Neste tutorial ensinaremos como pôr em prática esse efeito.
  • Imagem do fundo aleatório
    Geralmente os administradores preferem utilizar uma lista de imagens de fundos para seu fórum, mas com este tutorial poderemos resolver esse problema automaticamente, pois poderemos utilizar várias imagens se serão alternadas aleatóriamente cada vez que a página for carregada.
  • Caixa de Menu "Buscar"
    Muitas vezes desejamos ter um tipo de botão personalizado em nossos fórum, neste tutorial vamos aprender a criar uma caixa de menu funcional tipo a caixa "Buscar", mas só funciona corretamente na versão phpBB 3.
  • Script de carregamento
    Muitas vezes queremos adicionar imagens os até textos em nossos fórum enquanto a página é carregada, como uma mensagem de aguarde ou uma imagem intuitiva. Este código tem este efeito.
  • Inserir copyright em todas as páginas
    Como já vimos no outro tutorial de Copyright, é possível adicioná-lo através de uma mensagem na Home Page. Só que dessa maneira, o copyright só aparece na página principal do fórum. Veja agora como adicionar em todas as versões e em todas as páginas de seu fórum.
  • O que são bots e sua finalidade
    Na maioria das vezes e na maioria dos fóruns aparecem os motores de busca nas estatísticas. Agora saberemos quem são e para que servem!
  • Tabelas em BBCode
    As tabelas são úteis em variadas formas de uso, e em fóruns, ela é mais que útil para a exibição dos membros da staff ou até mesmo para a organização do fórum em qualquer uma das áreas que ele possua, basta usar a criatividade.
  • Adicionar lista de seções na mensagem da home-page
    A lista de seções é um sistema que destaca as seções que o fórum possui na mensagem da home-page, fazendo com que todos os usuários que acessarem poderão ver o que existe no fórum e, ao passar o mouse sobre a imagem de cada uma das seções ver uma breve descrição dela.
  • Amigos do membro no widget
    Através deste tutorial você aprenderá como colocar os amigos do usuário conectado em um widget (porém o código funciona em qualquer outra parte do fórum que aceite códigos HTML). Ela baseia-se em javascript e localiza na página do perfil os amigos de membro do usuário.
  • Avatar do membro no widget
    Através deste tutorial você aprenderá como colocar o avatar do usuário conectado em um widget (porém o código funciona em qualquer outra parte do fórum que aceite códigos HTML). Ela baseia-se em javascript e localiza na página de edição dos avatares o avatar atual do usuário.
  • Inserir copyright em seu fórum
    Muitos não gostam que outras pessoas plagiem nossos fóruns, neste tutorial você aprenderá a como inserir copyright nas páginas que se localizam os fóruns.
  • Botão de fim e topo da página
    Por vezes é chato quando o nosso fórum é bastante extenso e precisamos de fazer um scroll que demora sempre um pouco. Neste tutorial, irá aprender a como criar dois botões de topo e final de página, sempre visíveis na janela do navegador.
  • Exibir regras do fórum
    Com este código para a versão phpBB 3, poderá colocar uma caixa com as regras do fórum, de modo que os usuários vejam-na antes de mais nada. Caso queira um exemplo vivo, poderá ver na seção de Criações gráficas neste fórum, onde a mesma é usada.
  • Efeito opacidade no fórum (Fad In)
    Adicione um efeito de transição entre as páginas do seu fórum. O efeito de Fade in é simplesmente um fundo de uma cor X que vai desaparecendo até aparecer o conteúdo da página.
  • Criar widget "Adicionar aos Favoritos"
    Muitas vezes queremos guardar o endereço do fórum qual estamos, esta será uma forma mais rápida e prática, que é também utilizada no FdF. Neste tutorial irá aprender a adicionar um link para adicionar fórum aos favoritos.
  • Logo rotativo
    Com este tutorial iremos aprender como se pode colocar vários logos no fórum mas que estes se alterem em um intervalo de tempo e em ordem aleatória. Este código é interessante para fóruns que tratam de vários assuntos, assim se pode colocar um logo de cada tema e estes alternam-se.
  • Logo aleatório
    Algumas vezes temos vários logos ótimos para aplicarmos em nossos fóruns, o problema sempre é qual deles usar. Com este tutorial este problema estará resolvido pois poderá ter vários logos que irão se alternar aleatóriamente cada vez que a página for carregada.
  • Neve cair sobre o fórum
    Sempre que se chega a época do Natal, muitas pessoas gostam de enfeitar suas casas com objetos e decorações. Nos fóruns, também é possível fazer isso, e com a mistura correta de vários códigos, é possível criar um belo tema natalino.
  • Link com vários textos e redirecionamentos
    Este código é algo completamente inovador, que lhe permitirá colocar em um link vários textos e endereços para que este redirecione. Funciona da seguinte forma: entre um intervalo de tempo, será exibido um link que dá para uma página. Após esse tempo, o mesmo é substituído por outro link diferente a apontar para outra página.
  • Mudar imagem ao passar o mouse
    Hoje em dia, quanto mais elaborado for as imagens e o tema em geral de nosso fórum, mais atrairemos visitas e novos membros. Pensando nisso, decidimos lhe ensinar como poderá alterar uma imagem quando o mouse estiver sobre ela.
  • Link com texto ao passar o mouse
    Muitas vezes queremos adicionar um comentário ou uma descrição à um link que criamos. Isso pode ser feito de uma forma prática e aproveitando recursos utilizados em outras partes do fórum, simplificando o código que deve ser utilizado. O conteúdo HTML é exibido ao passar o mouse sobre o link e somente desaparece quando este sai do link.
  • Criar uma mensagem de alerta
    Uma mensagem de alerta é muito utilizada, são as caixas de texto que são mostradas, em que temos um texto e a opção OK. Geralmente tem uma utilidade muito definida, a de alertar o leitor sobre algo, que no caso pode ser um evento no fórum, ou convidar para participar de um projeto. Existem vários modos de as utilizar,cabe ao administrador a melhor maneira.
  • Inserir mensagem de destaque em seu fórum
    Este tutorial vem ensinar os membros a poderem inserir uma informação ou destaque no topo do Fórum, o código tem duas fases de instalação, inserção do código na Folha de estilos CSS e do link de destaque.
  • Colocar um jogo online em seu fórum
    Com este tutorial poderá aprender como poderá colocar jogos online disponíveis em seu fórum, o objetivo dele na maioria das vezes é para entreter os usuários e, pode ser adicionado tanto em locais que aceitam códigos BBCode quanto locais que aceitam HTML.
  • Imagem flutuante
    A imagem flutuante é uma figura que fica em uma posição na página e acompanha a barra de rolagem. Sua utilidade é variada, desde informações e, até mesmo um pequeno logotipo do fórum.
  • Criar e personalizar a sua pop-up
    O objetivo deste tutorial é mostrar duas formas distintas de trabalharmos com pop-ups de diferente meios. A pop-up consiste em uma página ou mensagem que se abre no corpo da página do seu fórum. Ela é muito utilizada para publicidades e anúncios importantes em vários locais. Sua principal finalidade é alertar pu direcionar a outras páginas.
  • Colocar uma rádio no Fórum
    Neste tutorial você irá aprender a como colocar rádios famosas de Portugal no seu fórum.
  • Efeitos no nickname do usuário
    Este tutorial ensinará a fazer uma das coisas que até agora era impossível de se fazer individualmente. Ele ensinará como colocar imagens nos nicks, grupos e ranks dos usuários por códigos CSS e páginas JS.
  • Caixa de login no menu de navegação ao passar o mouse
    Neste tutorial iremos aprender a abrir uma caixa de login rápida, que funcionará passando o mouse sobre o botão "Entrar" do menu de navegação do vosso fórum.
  • Botão share Twittar nos fóruns e mensagens
    Ficou mais fácil falar para os passarinhos tudo que "róla" no seu fórum! Tudo com segurança e o mais importânte, com facilidade. Com um código Java script vamos reproduzir nos fóruns e mensagens um botão Share para publicar informações de uma seção ou mensagem no twitter.
  • Encurtar links nos tópicos
    Você já viu aqueles momentos em que os links do seu fórum são enormes e acabam sendo feio ao serem postados? Neste tutorial vamos usar um Javascript que encurta esse link para que não ocupe mais espaço do que o necessário nas suas mensagens.
  • Widget "Login" personalizado
    Com um pequeno código em HTML, vamos criar um efeito em um widget ao qual não será mais necessário usar-mos-ei o widget pré-definido de Login, podendo personalizar quando desejado.
  • Usar JavaScript de sites externos
    Com um efeito em JavaScrit, podemos usar o javascript de outros sites/blogs ou até fóruns! Com esse código, você estará respeito os direitos do autor de um fórum, porque não copiará o código JS sem adicionar o endereço do fórum em questão!
  • Efeito vídeo em lightbox em vídeos
    Usando efeitos em Java script e CSS, vamos gerir um grande efeito externo de um vídeo que através de um clique em link, será possível mostrar em tempo real na mesma página um vídeo. Esse efeito, é chamado de lightbox em vídeos. O mesmo pode ser usado em imagens, todavia, não em fóruns do Forumeiros até o momento.
  • Efeito lightbox para fóruns
    O efeito LightBox oferece-nos essa vantagem de possuir uma série de alternativas, para dar um toque interessante às imagens nas mensagens, como molduras ou outros modelos disponíveis cujo o resultado enche os olhos dos internaltas.
  • Nome de exibição alternativo
    Como podemos ver em fóruns de outras plataformas, podemos nos registrar com um nome de usuário mas ter outro como exibição no perfil. Neste tutorial aprenderemos como fazer isso, mas com alguns ressalves: Mais de um membro pode ter o mesmo nome de exibição; Não há uma forma automática de escolha na hora do registro.
  • Auto embed em vídeos do youtube Novo!
    Um efeito muito útil, pois dá forma de vídeo aos links de vídeos do youtube postados nas mensagens do fórum.
  • Avatar em resposta rápida Novo!
    Neste tutorial, aplicaremos um código JavaScript para criar um efeito incrível, permitindo ao usuário a visualizar o avatar do membro ao lado da caixa de respostas rápidas.

  • Alterar a cor do link ao passar o mouse de acordo com a hora do dia Novo!
    Neste tutorial, aplicaremos um código JavaScript para criar um efeito incrível, permitindo ao usuário a visualizar o avatar do membro ao lado da caixa de respostas rápidas.

  • Eliminar confirmação de voto em reputação Novo!
    Com este tutorial, fica mais rápido e eficaz conceder a reputação para um membro, sem ter uma página de redirecionamento para que, enfim, você volte para a página de começo.



Luciano98
Principal contribuidor

Inscrito dia: 01/09/2010
Número de Mensagens: 7651


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: Lista de Tutoriais, Dicas e Astúcias

Mensagem por seender em Seg 28 Jan 2013 - 20:44


  • Rank deslizante - Novo!
    Agora podemos permitir o deslizamento aos Ranks, de uma forma elegante e organizada, principalmente para aqueles que utilizam mais de um Rank no perfil.
  • Exibir links em mensagens para visitantes - Novo!
    Deseja abrir um subfórum para o público e não quer que visitantes leiam sua mensagem? Isso é possível sem modificar o controle de autorizações de seu fórum, usando um simples jQuery.
  • Mudar a página de Erro 404 - Novo!
    Quando clicamos num link e ele está errado ou não existe, é-nos dada uma mensagem de erro. No entanto, é uma mensagem um quanto chata e meio sem vida. Com este script, poderá mudar a página de erro a seu gosto, criada no seu próprio fórum.
  • Criar uma categoria retrátil - Novo!
    Neste tutorial veremos como podemos ocultar as categorias do fórum, naqueles em que as categorias consomem muito espaço, prejudicando a visualização. Com este tutorial aprenderá a criar um botão para minimizar e maximizar as categorias/sub-fóruns.
  • Visualizar tópico em modo hover - Novo!
    Nesse tutorial iremos aplicar um ícone ao lado de cada tópico, onde podemos visualizar a postagem proporcionando a visualização mais rápida dos tópicos, facilitando o nosso tempo e navegação por todo o fórum.
  • Colocar um botão like do facebook em mensagens
    Neste tutorial, aprenderemos a como colocar um like único para cada post através do Facebook, criando uma integração única entre eles.
  • Logar-se automaticamente no chatbox
    Com base neste tutorial, poderá fazer com que, ao entrar no índice do fórum, os usuários estejam automaticamente logados no chatbox.
  • Buscar no final do fórum
    Com este código, poderemos criar uma caixa de busca ao final do fórum, possibilitando assim, mais comodidade e facilidade aos usuários do seu fórum.
  • Sistema de Novo Tópico, Busca e Feed nos fóruns
    Neste tutorial iremos aprender a implantar uma ferramenta que nos permite fazer varias coisas sem entrar no fórum. No mesmo iremos poder criar novos tópicos sem entrar no fórum, fazer buscas e ver o Feed de noticias de tal seção.
  • Exibição de conteúdo por abas
    Muitas vezes vemos conteúdos que são expostos atráves de abas, ao clicar em uma é um conteúdo ao clicar em outra já é outro conteúdo, com este tutorial iremos aprender a criar esta exibição de conteúdo por abas, e o melhor, nem precisa de carregar outra página para mostrar um conteúdo diferente!
  • Chatbox retrátil externo
    Muitas vezes, desejamos poder fazer algo dinâmico, simples, elegante e prático. Neste tutorial, aplicaremos esses conceitos ao Chat Box externo, ou seja, que não é o padrão da Forumeiros, que ficará em uma lateral do fórum, trazendo assim, maior comodidade no ato da navegação.
  • Criar novo rodapé
    Muitas vemos conteúdos que são adicionados ao final da página do fórum, a partir deste tutorial se torna possível a adição de conteúdo nestes locais.
  • Sub-fóruns em modo hover
    Adicione sub-fóruns aos fóruns existentes, os mesmos serão exibidos quando passar o mouse por cima do fórum selecionado em modo de slide.
  • Separar informações do perfil por quadro nas mensagens
    A partir deste tutorial podemos aplicar um código que fará um efeito de enquadramento nas informações do perfil exibidas nas mensagens do fórum.
  • Caixa de busca em um fórum em modo hover
    As vezes, uma seção que tem um grande fluxo, são criados tópicos repetitivos, mais agora é possível colocar uma caixa de busca em um fórum em modo hover.
  • Mostrar caixa de busca ao passar o mouse
    Agora também poderá implantar em seu fórum o mesmo efeito que é visto aqui no fórum dos fóruns, quando se passa o mouse pelo link 'buscar' é possível visualizar a caixa de busca sem precisar clicar.
  • Opções de perfil no topo do fórum
    Muita das vezes nós queremos um atalho para modificar seu perfil, neste tutorial irá facilitar as vidas de seus membros há modificarem as opções de seu perfil rápido e elegante.
  • Acelerar o carregamento das respostas rápidas
    A partir deste tutorial podemos aplicar um código no fórum que irá auxiliar no carregamento mais rápido das respostas rápidas.
  • Adicionar share nos tópicos
    A ferramente "Share" serve para compartilhar um conteúdo na internet, e neste tutorial estaremos aprendendo como adicionar esta ferramenta nos tópicos do vosso fórum.
  • Hiperlink nas imagens do perfil nas mensagens
    Este tutorial ensina a como colocar um hiperlink nas imagens que aparecem no perfil dos usuários dentro dos tópicos.
  • Widget com o rank do usuário conectado
    Assim como podemos exibir o avatar do usuário conectado agora podemos adicionar mais informação ao painel de usuário de um membro, a partir deste tutorial é possível exibir o rank do usuário.
  • Quem está conectado e Estatísticas em quadros (PhpBB3)
    Este tutorial tem como objetivo melhorar a abrangência das classes das estatísticas do fórum, assim melhorando no momento da personalização.
  • Imagem ao lado do título da categoria
    Este tutorial tem como objetivo ensinar os Administradores de fóruns a colocar uma imagem ao lado do título de cada categoria do fórum.
  • Limite de posts diários
    A partir deste tutorial é possível implantar a função de limitar os posts diários de um usuário no fórum.
  • Alterar o texto dos campos do formulário de login
    Algumas vezes desejamos alterar alguns textos do fórum, agora com este tutorial teremos a possibilidade de alterar os textos que antecedem os campos do formulário de login.
  • Adicionar botão resolvido (Phpbb3 e PunBB)
    A partir deste tutorial aprenderemos a aplicar um código no fórum que dará o mesmo resultado obtido com o botão que tem a função de dar como resolvido o tópico.


seender
Principal contribuidor

Masculino
Inscrito dia: 07/04/2009
Número de Mensagens: 9451


Ver perfil do usuário

Voltar ao Topo Ir em baixo

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


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