Modificar Página de Informações

5 participantes

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

Tópico resolvido Modificar Página de Informações

Mensagem por ShaDownS 11.12.15 0:10

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

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por Slurk 11.12.15 1:01

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

Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 11.12.15 2:50

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

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Modificar Página de Informações

Mensagem por Shek 15.12.15 13:51

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

Atenciosamente,
Shek King
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 17.12.15 7:26

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

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por Vados 17.12.15 9:51

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

Vados
***

Membro desde : 11/12/2015
Mensagens : 123
Pontos : 174

http://zonagrafica.forumeiro.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Modificar Página de Informações

Mensagem por Shek 17.12.15 12:41

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 17.12.15 20:49

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

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por MateusAnjosV 18.12.15 21:54

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 19.12.15 1:07

Não funcionou Tonto
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por MateusAnjosV 19.12.15 22:53

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 20.12.15 3:52

Funcionou! Muito feliz

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

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por MateusAnjosV 20.12.15 10:34

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

Feliz
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por ShaDownS 20.12.15 15:31

hahaha boa! Muito feliz

Pode fechar o tópico ^^
ShaDownS

ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Página de Informações

Mensagem por MateusAnjosV 21.12.15 15:13

Modificar Página de Informações  Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
MateusAnjosV

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos