Edição da página HTML da Home Page

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

Resolvido Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 30/06/14, 11:34 pm


  • 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.netVersão:PHPBB2
Tipo:Erros diversosTags:Edição,página



Última edição por Gabriel Bertoloni em 01/07/14, 06:45 pm, editado 2 vez(es)
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Hancki em 01/07/14, 06:42 am

Olá!

Para que o possamos ajudar, tem que ser mais específico.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Edição da página HTML da Home Page

Mensagem por waghcwb em 01/07/14, 10:29 am

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..
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 01/07/14, 10:40 am

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!
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Edição da página HTML da Home Page

Mensagem por waghcwb em 01/07/14, 11:00 am

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:
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.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 01/07/14, 11:21 am

que lugar eu coloco isso
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Edição da página HTML da Home Page

Mensagem por iPrompt em 01/07/14, 11:30 am

Olá,

Poderia me informar se e essa área que deseja personalizar ?

http://i.imgur.com/x7z9TVl.png

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Edição da página HTML da Home Page

Mensagem por waghcwb em 01/07/14, 11:31 am

Olá,

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...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 01/07/14, 11:39 am

não deu @wagh olhe lá como ficou!!


@quake

não.. eu quero personalizar aquele pop-up de conexao mensagem de boas vindas...
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Sennior em 01/07/14, 02:04 pm

Saudações,

O senhor deseja editar direto uma página HTML? Porque veja só este estilo de Home Page:
Seta http://ajuda.forumeiros.com/t32787-

Veja se gosta.

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 01/07/14, 03:10 pm

não, eu quero aqueles pop up de conexao personalizado...
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Sennior em 01/07/14, 05:10 pm

Pop-Up? Louco
Leia o conteúdo do Spoiler e me responda se é isso que deseja.

Spoiler:

Pop-up através de "Banner flutuante"
- Teremos de adicionar um código CSS para que possamos personalizar a janela:

(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;
}
Após adcionado, não se esqueça de clicar em Validar para salvar as alterações no código CSS.



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


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

    1. Mensagem da Home Page:
      Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
    2. 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

    3. Newsletter's (modo HTML)
      Painel de Controle -> Geral -> Newsletter -> Redação e envio
    4. 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:
    <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>
    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.


  • 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:
    <a style="z-index: 5;" href="javascript: fechar();">[X]</a>
    Vermelho -> Representa o botão de fechar, poderá personaliza-lo como desejar!


  • 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. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Edição da página HTML da Home Page

Mensagem por Gabriel Bertoloni em 01/07/14, 06:44 pm

vlw sennior isso mesmo!
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

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

- Tópicos similares

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