ArtigosEdição da página HTML da Home Page
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Edição da página HTML da Home Page
por Gabriel Bertoloni 01.07.14 3:34
- Descrição:
Bom, não tem aquela caixa de boas vindas que aparece quando uma pessoa acessa meu forum? gostaria de uma daquela personalizada pelo template, um dia eu vi em um forum um bem bonito e perguntei como ele fez, ele disse que foi em um codigo no template! alguem poderia me passar um e me dar detalhes de como fazer, gostaria de um box de boas vindas bonito!!
- Informações:
| Fórum: | zyppycheats.umforum.net | Versão: | PHPBB2 |
| Tipo: | Erros diversos | Tags: | Edição,página |
Última edição por Gabriel Bertoloni em 01.07.14 22:45, editado 2 vez(es)
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Re: Edição da página HTML da Home Page
por Hancki 01.07.14 10:42
Olá!
Para que o possamos ajudar, tem que ser mais específico.
Hancki
Para que o possamos ajudar, tem que ser mais específico.
Hancki
Hancki- Membro Entusiasta
- Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250 -
Re: Edição da página HTML da Home Page
por waghcwb 01.07.14 14:29
Olá,
@Hancki, creio que ele se refira ao campo onde ficam as mensagens de boas vindas..
@Gabriel Bertoloni, Se for isso, o senhor deve ser mais especifico em como quer essa área, se tiver um exemplo fica até mais fácil para todo mundo...
Até mais..
@Hancki, creio que ele se refira ao campo onde ficam as mensagens de boas vindas..
@Gabriel Bertoloni, Se for isso, o senhor deve ser mais especifico em como quer essa área, se tiver um exemplo fica até mais fácil para todo mundo...
Até mais..
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Edição da página HTML da Home Page
por Gabriel Bertoloni 01.07.14 14:40
tipo é isso mesmo... mas eu queria um código de template que personaliza aquele campo! eu vi em um fórum mas n lembro qual... vocês sabem de algum?? um que fica a mensagem de boas vindas toda bonita com a mensagem que eu quiser!
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Re: Edição da página HTML da Home Page
por waghcwb 01.07.14 15:00
Olá,
Se fosse apenas para um texto em especial, até tenho algo salvo aqui. Mas acontece que parece que o senhor inseriu diversos conteúdos na mensagem da homepage e se estilizar aquela área inteira com o meu código vai ficar estranho com certeza.
Se o senhor desejar, podemos fazer de forma com que o conteúdo deva ser inserido dentro da mensagem, pode ser? Seria algo assim:
O que estiver dentro da div recebe a formatação e o que estiver fora não recebe. Se não quiser dessa forma, preciso de um exemplo, basta que o senhor faça uma pesquisa.
Se fosse apenas para um texto em especial, até tenho algo salvo aqui. Mas acontece que parece que o senhor inseriu diversos conteúdos na mensagem da homepage e se estilizar aquela área inteira com o meu código vai ficar estranho com certeza.
Se o senhor desejar, podemos fazer de forma com que o conteúdo deva ser inserido dentro da mensagem, pode ser? Seria algo assim:
- Código:
<div class="message">Aqui seu texto</div>
O que estiver dentro da div recebe a formatação e o que estiver fora não recebe. Se não quiser dessa forma, preciso de um exemplo, basta que o senhor faça uma pesquisa.
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Edição da página HTML da Home Page
por waghcwb 01.07.14 15:31
Olá,
O código não está completo, foi apenas um exemplo.
O senhor deve inserir isso ao seu CSS:
E então ir na mensagem da home e substituir o conteúdo, assim:
Até mais...
O código não está completo, foi apenas um exemplo.
O senhor deve inserir isso ao seu CSS:
- Código:
.message{
background: #F9F1C7;
border: 1px solid #F6DEAC;
color: #AF8640;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 18px;
padding: 15px;
}
E então ir na mensagem da home e substituir o conteúdo, assim:
- Código:
<div class="message">Sua mensagem</div>
Até mais...
waghcwb- Membro
- Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097 -
Re: Edição da página HTML da Home Page
por Gabriel Bertoloni 01.07.14 15:39
não deu @wagh olhe lá como ficou!!
@quake
não.. eu quero personalizar aquele pop-up de conexao mensagem de boas vindas...
@quake
não.. eu quero personalizar aquele pop-up de conexao mensagem de boas vindas...
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Re: Edição da página HTML da Home Page
por Sennior 01.07.14 18:04
Saudações,
O senhor deseja editar direto uma página HTML? Porque veja só este estilo de Home Page:
https://ajuda.forumeiros.com/t32787-
Veja se gosta.
Abraços.
O senhor deseja editar direto uma página HTML? Porque veja só este estilo de Home Page:
https://ajuda.forumeiros.com/t32787-Veja se gosta.
Abraços.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Re: Edição da página HTML da Home Page
por Gabriel Bertoloni 01.07.14 19:10
não, eu quero aqueles pop up de conexao personalizado...
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Re: Edição da página HTML da Home Page
por Sennior 01.07.14 21:10
Pop-Up? 
Leia o conteúdo do Spoiler e me responda se é isso que deseja.
Cordialmente.
Leia o conteúdo do Spoiler e me responda se é isso que deseja.
- Spoiler:
1º - Teremos de adicionar um código CSS para que possamos personalizar a janela:
Pop-up através de "Banner flutuante" (clique na imagem para aumentar)
Para que o banner flutuante funcione correctamente, você deverá adicionar um código CSS na sua folha de estilos para que ela não apresente problemas:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores
Selecciona o separador Folha de estilo CSS, e cole o seguinte código:- Código:
/*banner flutuante*/
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}
2º - Teremos agora de adicionar o código do banner flutuante:
O local onde ele poderá ser adicionado pode variar muito então, para escolher um local adequado ao que deseja fazer veja a nossa FAQ.
Agora, terá de modificar o código ao modo que desejar:<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}</script>
<body onload="abrir();">
<DIV id="popup" class="popup">
Conteúdo
</DIV>
3º - Agora o resultado final:(carregue na imagem para aumentar)
--> FAQ do Tutorial <--
Criar e personalizar a sua pop-up- Que tipos de conteúdos posso por em minha pop-up?!
Independente de qual das maneiras você optar poderá colocar nelas quaisquer tipos de conteúdos utilizando a linguagem HTML.
- Em que locais posso utilizar as pop-ups?
- Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page" - Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum - Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio - Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!
- Por que o meu banner flutuante está demorando a aparecer?!
Isso somente irá ocorrer se sua página for muito carregada de conteúdos e outros scripts pois este será o último a ser carregado. Isso acontece com mais frequencia com conexões dial-up.
- Posso personalizar meu banner flutuante?
Sim, no entanto como a gama de personalizações é muito extença, quando desejar uma modificação/perosnalização no estilo de seu banner terá de fazer um pedido no fórum Administrar a aparência do seu fórum.
- Meu banner flutuante está se fechando, há como não acontecer isso?
Sim, isso ocorre pois o script utilizado possui uma propriedade que define o fechamento após passado determinado período de tempo.
Caso deseje poderá fazer modificações ou até mesmo remover esta parte. Para isso utilize este script ao invéz do mostrado no item dois:
Verde -> Esta linha representa o tempo em que a janela se encontrará aberta. Poderá remover caso não a queira ou então poderá modificar o valor que está em negrito que representa o tempo que a janela será exibida em milésimos ou seja 3000 é a mesma coisa que 3 segundos.<script language="javascript" type="">function fechar(){
document.getElementById('popup').style.display = 'none';
}
function abrir(){
document.getElementById('popup').style.display = 'block';
setTimeout ("fechar()", 3000);
}</script>
<body onload="abrir();">
<DIV id="popup" class="popup">
Conteúdo
</DIV>
- Posso criar botões para abrir e fechar meu banner?!
Sim, para isso terá de adicionar o seguinte código onde quer que os botões se localizem:<br> <a href="javascript: abrir();">Abrir POPUP</a>
<br> <a href="javascript: fechar();">Fechar POPUP</a> - Posso personaliza-los?!
Sim, bastará que modifique o conteúdo em vermelho para o que desejar! - Posso criar botões para fechar dentro banner?!
Sim, para isso poderá utilizar outro código e adapta-lo a posição que deseja em seu banner:
Vermelho -> Representa o botão de fechar, poderá personaliza-lo como desejar!<a style="z-index: 5;" href="javascript: fechar();">[X]</a>
- A minha pop-up em modo "nova janela" é bloqueada pelo navegador, há como resolver isso?
Não, isso é um meio que os navegadores utilizam para proteger a segurança dos usuários, ela poderá ser exibida caso as configurações de segunraça do navegador do usuário esteja configurada para permiti-las.
- Posso colocar vários scripts de pop-up?!
Sim mas, isso pode ser prejudicial para o usuário que está navegando e para a velocidade do carregamento do seu fórum.
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] Criar e personalizar a sua pop-up
Cordialmente.
Sennior- Principal Contribuidor
- Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903 -
Gabriel Bertoloni- ***
- Membro desde : 18/05/2014
Mensagens : 176
Pontos : 310 -
Tópicos semelhantes» Edição da página da Home Page
» Gerir página HTML na Home Page
» Mensagem na home page em HTML
» Gerir mensagem HTML na Home Page
» Adicionar código HTML na Home Page do fórum
» Gerir página HTML na Home Page
» Mensagem na home page em HTML
» Gerir mensagem HTML na Home Page
» Adicionar código HTML na Home Page do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos