[TUTORIAL] Logo aleatório com páginas HTML
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Logo aleatório com páginas HTML
Páginas HTML
A segunda opção dos administradores é criar um banner em GIF como apresentação como slides para resultar no efeito de mudança de logo. Neste tutorial vamos aprender a criar tal efeito com código na página HTML personalizada.
--> Tutoriais <--
Logo aleatório com páginas HTML
Logo aleatório com páginas HTML
1º - As páginas HTML:
(carregue na imagem para aumentar)
Título - Neste campo terá de adicionar um título para a sua página HTML, servirá para identificar a sua página na lista de páginas HTMl, do Painel de Cntrole, e fará também parte do endereço da página. Por exemplo:Título: ForumeirosEndereço da página: .../forumeiros-h1.html |
ATENÇÃO: A designação que aparece à frete do nome da página, no endereço, modifica consoante a número da página criada. Se for a primeira página a ser criada, então será -h1, se for a quarta página a ser criada será -h4, etc. |
Você deseja utilizar o início e o final da página do seu fórum? - Se optar pelo "Sim", a sua página apresentará o cabeçalho (Logo e menu do Fórum) e o rodapé (barra de links úteis). Uma das vantagens desta escolha, é que terá de personalizar menos o seu texto, por exemplo, pois, poderá utilizar as classes CSS, do seu próprio Fórum, e também não necessita de criar uma estrutura HTML, apenastem de adicionar o código de conteúdo. Se optar pelo "Não" a página torna-se independente da estrutura do Fórum, mas neste caso terá de adicionar a própria estrutura, com as balizas html, head, body, etc. |
Usar esta página como página inicial? - Se pretende que a página seja utiliza como a página inicial do Fórum, deverá colocar "Sim", mas se optar por esta opção, terá de adicionar o endereço do site Forumeiros.com. (ver FAQ) |
Código HTML - Neste campo, terá de adicionar o conteúdo da sua página HTML, se colocou não na opção 2, então terá de criar uma estrutura de uma página HTML. |
Confirmar / Previsualizar - Nestes dois botões poderá confirmara criação da sua página HTML, carregando em "Confirmar". Ou poderá visualizar o resultado que a página terá quando ele for visualizada por todos os usuários, carregando em "Previsualizar". |
Aplique então o seguinte código, modificando alguns trechos:
- Código:
var banner = new Array();
banner[0]='http://i33.servimg.com/u/f33/16/63/75/54/logo_p10.png';
banner[1]='http://i43.servimg.com/u/f43/16/63/75/54/logo_p15.png';
banner[2]='http://i43.servimg.com/u/f43/15/93/90/67/logo_p10.png';
document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",5000);
Agora salve. Ao retornar na página de suas páginas HTML, grave em mente o ID da página.banner]Nº]='ENDEREÇO_DO_BANNER';
2º - Descrição do site:[quote]
Vamos acessar o PA >> Geral >> Fórum >> Configuração >> Descrição do site e adicione o script abaixo:
Coloque somente o número da página e salve.<script src=-hID.htm></script>
Verifique o resultado no seu fórum.
© ShiftActif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Logo aleatório com páginas HTML |
Tópicos semelhantes
» [TUTORIAL] Logo Movimentável
» [TUTORIAL] Chatbox em todas as páginas
» [TUTORIAL] Efeito hover no Logo
» [TUTORIAL] Descascando as páginas com efeito Jaaspeel
» [TUTORIAL] Esconder widgets do fórum em páginas determinadas
» [TUTORIAL] Chatbox em todas as páginas
» [TUTORIAL] Efeito hover no Logo
» [TUTORIAL] Descascando as páginas com efeito Jaaspeel
» [TUTORIAL] Esconder widgets do fórum em páginas determinadas
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|