Modificar Página de Informações

Detalhes da questão

Endereço do fórum: http://fairytailcelestial.forumeiros.com
Versão do fórum: PhpBB3

Descrição

Eu quero modificar o seguinte módulo: https://i.imgur.com/uKuvbBQ.png
Quero modificar esse quadro de informações aí, poderiam me mandar o CSS desse quadro?

Abraços o/

Esse codigo abaixo seria pra linha abaixo do Informações

Código:

.content h1, .panel h1 {
    border-bottom: 1px solid #1675bc;
    color: #1675bc;
    font-size: 1.6em;
    font-weight: 400;
    margin-bottom: .5em;
    margin-top: .5em;
    padding-bottom: .5em;
}

esse codigo abaixo seria pra borda e também o fundo :

Código:

.module, .panel {
    background: #FAFAFA;
    border: 1px solid #DDD;
    border-bottom-width: 2px;
    border-radius: 3px;
}

só isto amigo?

Eu queria centrar o cabeçalho e as info abaixo dele, só isso ^^

Olá!

Eu acho mais prático e específico você modificar o template, pois, com CSS é mais complicado de se dar uma exatidão na aplicação, e no script é só mais um 'peso' no seu fórum. Então, ACP >> Visualização >> Templates >> Geral >> confirm_body

Atenciosamente,
Shek

Poderia me indicar onde aplico a propriedade de alinhamento com valor "center"?

Código:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   <h1 class="page-title">{MESSAGE_TITLE}</h1>
   <form action="{S_CONFIRM_ACTION}" method="post">
      <p>{MESSAGE_TEXT}</p>
      {OPTIONAL_BAN_NEW}
      <fieldset class="submit-buttons">
         {S_HIDDEN_FIELDS}
         <input class="button2" type="submit" name="confirm" value="{L_YES}" />&nbsp;
         <input class="button2" type="submit" name="cancel" value="{L_NO}" />
      </fieldset>
   </form>
   <span class="corners-bottom"><span></span></span></div>
</div>

Tente este amigo:

Código:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>

<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
  <h1 class="page-title"><center>{MESSAGE_TITLE}</center></h1>
  <form action="{S_CONFIRM_ACTION}" method="post">
      <p>{MESSAGE_TEXT}</p>
      {OPTIONAL_BAN_NEW}
      <fieldset class="submit-buttons">
        {S_HIDDEN_FIELDS}
        <input class="button2" type="submit" name="confirm" value="{L_YES}" />&nbsp;
        <input class="button2" type="submit" name="cancel" value="{L_NO}" />
      </fieldset>
  </form>
  <span class="corners-bottom"><span></span></span></div>
</div>

Olá!

Depende. Você gostaria de centralizar a parte "Clique aqui para voltar ao tópico"? Se for, se não me engano é o:

Código:

<p>{MESSAGE_TEXT}</p>

Shek escreveu:Olá!

Depende. Você gostaria de centralizar a parte "Clique aqui para voltar ao tópico"? Se for, se não me engano é o:

Código:

<p>{MESSAGE_TEXT}</p>

Queria centralizar todo o quadro incluindo o cabeçalho Informações e o resto abaixo.


Poderia e indicar onde eu aplico a tal propriedade para isso?

Olá!

Substitua por esse:

Código:

<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<center>
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
  <h1 class="page-title">{MESSAGE_TITLE}</h1>
  <form action="{S_CONFIRM_ACTION}" method="post">
      <p>{MESSAGE_TEXT}</p>
      {OPTIONAL_BAN_NEW}
      <fieldset class="submit-buttons">
        {S_HIDDEN_FIELDS}
        <input class="button2" type="submit" name="confirm" value="{L_YES}" />&nbsp;
        <input class="button2" type="submit" name="cancel" value="{L_NO}" />
      </fieldset>
  </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
</center>

MateusAnjos.

Não funcionou

Boa noite!

Vamos fazer o seguinte, delete o template e crie um novo js, com o investimento em todas as páginas:

Código:

$(function(){
if($('h1:contains("Informações")').length){ $('h1:contains("Informações")').parents('.inner').attr('align', 'center');
}
});

Resulta?
MateusAnjos.

Funcionou!

Queria personalizar essa página também através do CSS, poderia me indicar o código?

Bom dia!

Estou com muita pressa agora, não vou testar o script entretanto espero que funcione:

Código:

$(function(){
if($('h1:contains("Informações")').length){ $('h1:contains("Informações")').parents('.inner').attr('align', 'center').addClass('mateus');
}
});

Agora você pode personalizar no CSS normalmente a classe .mateus!

Código:

.mateus {
propriedades;
}

hahaha boa!

Pode fechar o tópico ^^