Painel de Usuário



Suas informações:

Nome de usuário:
Convidado
Perfil do usuário:
Convidado
Idade do usuário:
0
Data de Registro:

Última visita:

Mensagens:
0

Opções do Usuário:

Editar Perfil Pessoal
Editar Preferências
Editar Assinatura
Editar Avatar

Tópicos Supervisionados
Ver Minhas Mensagens
Ver Novas Mensagens
Favoritos
Rascunhos

Últimos assuntos

» Novas Atualizações: 12/08
Qui Ago 12, 2010 11:50 pm por Igor_Ruiz

» Jogadores do Santos destratam Robinho e torcedor na internet
Qui Ago 12, 2010 11:41 pm por Igor_Ruiz

» Photoshop: Faça um cubo mágico com uma fotografia sua!
Qua Ago 11, 2010 7:49 pm por Igor_Ruiz

» [BANNER] HI-CHEATS
Sab Ago 07, 2010 4:21 am por Igor_Ruiz

» Seja uma "Parceiro" do Artistic-Tea.
Sab Ago 07, 2010 3:56 am por Igor_Ruiz

» 1º SOTW - Tema - Carros
Qui Ago 05, 2010 12:00 am por Matheus

» Dúvidas | Elogios | Criticas
Sab Jul 31, 2010 3:27 pm por Igor_Ruiz

» Allan se apresenta!
Sex Jul 30, 2010 5:23 pm por Igor_Ruiz

» Gerenciar os Widgets do Fórum
Qua Jul 28, 2010 10:25 pm por Freddy

Estatísticas



Usuários Registrados:
34
Último Usuário:
João Pedro
Mensagens:
280
Tópicos:
101
Assuntos:
61
Idade do fórum:
2889

Pesquisar em
Tutoriais Gráficos

Pesquisa na categoria Tutoriais Gráficos, já colocados por outros membros, se não o encontrares pede-o!

Resultados por:


Nosso Banner

Gostaria de Parceria?

Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!



Clique - Crie parceria

Para parceria, é necessário seu registo no ArtisticTea!

Visitas


    Inserir mensagem de destaque em seu fórum

    Compartilhe
    avatar
    Freddy

    Mensagens : 107
    Data de inscrição : 25/06/2010
    Idade : 22
    Localização : Portugal - Joanesburgo

    Inserir mensagem de destaque em seu fórum

    Mensagem por Freddy em Qua Jul 07, 2010 10:58 pm

    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.



    --> Tutorial <--
    Inserir mensagem de destaque em seu fórum




    - Inserir o códgo CSS:
    Para a mensagem funcionar correctamente, deverá adicionar um código CSS na sua folha de estilos CSS, aceda a:
    Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

    (clique na imagem para aumentar)
    Onde terá de adicionar o seguinte código:

    Código:
    #info {
    overflow: visible;
    width: 100%;
    position: fixed;
    z-index:2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    top: 0;
    left: 0;
    }
    #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    width:100%;
    clear: both;
    color: InfoText;
    background: InfoBackground url(icon_warning.gif) no-repeat fixed .3em .3em;
    padding: .10em .3em .10em 2em;
    border-bottom: .16em outset;
    text-decoration: none;
    cursor: default;
    }
    #infobar a:hover {
    color: HighlightText;
    background: Highlight url(icon_warning_hover.gif) no-repeat fixed .3em .3em;
    }
    #viewplot {
    width: 100%;
    height: expression(this.parentNode.offsetHeight - this.offsetTop);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1em;
    }
    Após adicionado, não se esqueça de clicar em Validar para salvar as alterações no código CSS.



    - Inserir o destaque no fórum para que tenha efeito:
    Você agora deverá configurar o seu Fórum para aceitar as modificações no seu CSS e inserir o aviso que deseja.
    Para isso terá de aceder a:
    Painel de Controle -> Geral -> Fórum -> Configuração

    (carregue na imagem para aumentar)

    No campo "Descrição do Site", deverá inserir e modificar o seguinte código de acordo com a sua necessidade:
      OBS: É provável que encontre problemas quanto a esta parte se já possuir algum código neste campo, poste-o na área de dúvidas para que possamos analisa-lo pois, com alguns códigos podem acontecer interferências.

    Vermelho -> Deverá definir o enderço que, quando o usuário clicar será direcionado. Como por exemplo um tópico ou uma página HTML.
    Verde -> Representa o texto que será exibido na barra, pode utilizar quaisquer tipos de formatações HTML.



    - Resultado final:

    (carregue na imagem para aumentar)




    --> FAQ <--
    Inserir mensagem de destaque em seu fórum



    • Posso alterar as cores da minha barra?!Sim! Para isso, terá de adicionar mais este código:

      #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
      background-color: #000000;
      color: #000000;
      }
      #infobar a:hover {
      background-color: #000000;
      color: #000000;
      }
      Vermelho - fundo da barra;
      Verde - cor do texto da barra;
      Laranja - fundo da barra com o mouse sobre ela;
      Violeta - cor do texto com o mouse sobre a barra;

      Depois de substituir as cores no código, cole-o na sua Folha de estilo CSS, como já foi citado no passo um.
    • Posso adicionar uma imagem antes do texto?
      Sim, para isso utilize este código HTML:
      endereco_da_imagem>Texto
    • A barra de destaque fica sobre o logo, como posso definir um espaço?
      terá de acrescentar à sua Folha de estilo CSS o seguinte código:
      body {
      padding-top: 0px;
      }
      Altere o valor a vermelho, de forma a obter um espaço ideal entre o topo da página e o quadro do Fórum.





    ©
    Dark_Shark
    & Fórum dos Fóruns


    Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
    [Dúvida] Inserir mensagem de destaque em seu fórum

      Data/hora atual: Qua Maio 23, 2018 9:52 am