Como por popup no fórum e popup na lateral

[Gustavogc]

Qual a URL do seu fórum: http://forum.striking-games.org/
Tipo de Hospedagem: Pago
Qual a versão do phpBB: phpBB 3.0.12
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: dualcore
Modificações instaladas:
Qual seu nivel de experiência: Iniciante
Quando começou o problema:
Descreva seu problema: Olá vai aqui eu denovo, desta vez eu preciso inserir um POPUP igual temos aqui na comunidade phpbb ( http://i.imgur.com/YdFzyj7.jpg ).

Algo que também preciso seria um POPUP na lateral do fórum como o daqui do fórum que no caso eu usária, para inserir um código html do pagseguro. Será que seria possível?
Desde já agradeço a todos.

[henrique.seven2011]

Isso é uma extensão de anúncio para o phpBB 3.1 feita pela própria phpBB.

[henrique.seven2011]

1- Baixe e envie para pasta template de sua style. Ex: dualcore/template

bootstrap.zip

2- Edite overall_header.html
Procure por:

Código: Selecionar todos

</head>

E adicione antes:

Código: Selecionar todos

<!-- Bootstrap -->
    <link href="{T_TEMPLATE_PATH}/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="{T_TEMPLATE_PATH}/js/bootstrap.min.js"></script>

3- Abra o arquivo que deseja por o bloco de mensagem, use o seguinte código:

Código: Selecionar todos

<div class="alert alert-danger alert-dismissible fade in" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
      <h4>Oh snap! You got an error!</h4>
      <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
      <p>
        <button type="button" class="btn btn-danger">Take this action</button>
        <button type="button" class="btn btn-default">Or do this</button>
      </p>
    </div>

[Gustavogc]

Henrique muito obrigado por sua ajuda.
Consegui colocar o popup, entretanto percebi que quando eu clico no 'X' o popup não some, o que eu posso ter feito errado ou devo fazer para corrigir?
Aproveitando queria também resolver minha outra dúvida, em colocar uma janela na lateral do fórum, igual temos aqui na comunidade informando a tradução e tals.. Eu usaria para por um código html do pagseguro.

[henrique.seven2011]

Esqueci de informar uma parte código.
Abaixo da tag </div> onde se encerra o código do bloco de mensagem coloque

Código: Selecionar todos

<script>$().alert('close');</script>

Sobre do outro bloco, vou dar uma olhada.

[Gustavogc]

Olá Henrique,
Segui o que você me disse, após a tag </div> coloquei o bloco em que você citou, entretanto não vi mudanças mesmo limpando o cachê. Em relação ao outro bloco, continuo a espera e obrigado pela ajuda.

[henrique.seven2011]

Veja: viewtopic.php?p=291482#p291482
Editei o post, atualize, peço desculpas. Agora a respeito do pagseguro poderia me explicar melhor?

[Gustavogc]

Ainda sim o problema de fechar continua, entretanto, acho bom do jeito que está. Já que preciso que todos vejam a informação a todo instante.
Em relação ao popup do pagseguro, na verdade a palavra correta seria um sidebar na lateral do fórum. Tentei seguir as dicas deste tutorial https://www.phpbb.com/support/docs/en/3 ... rial/#prep mas quando finalizo, e limpo o cachê o template fica todo distorcido. Tenho certeza de ter seguido o tutorial certo.

Alguma dica, ou algo que possa me auxiliar? Dependo muito desses sidebar.

[henrique.seven2011]

O erro é que vc não está fazendo direito.
No seu codigo fonte está

Código: Selecionar todos

<!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

O certo é

Código: Selecionar todos

<!-- Bootstrap -->
    <link href="{T_TEMPLATE_PATH}/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="{T_TEMPLATE_PATH}/js/bootstrap.min.js"></script>

E os arquivos do bootstrap é para está na pasta styles/dualcore/template/.

Sobre o sidebar tente: https://www.phpbb.com/support/docs/en/3 ... silver-se/
Pode ocorrer erros devido as modificações sofridas na sua style.

[Gustavogc]

Olá Henrique, segui os passos que você disse, entretanto o fórum ficou distorcido novamente, junto a cor que sumiu.
Desta vez segui da forma em que você citou. Segui algo errado ou é relacionado ao style? ( http://i.imgur.com/nw9LWam.jpg )

Ao sidebar, seguindo o tutorial, os sidebar vai para o inferior do fórum ( http://i.imgur.com/xZ1xsRu.jpg )