Data/hora atual: 19.03.24 10:22

66 resultados encontrados para 000

Conflito de códigos JavaScript

Detalhes da questão


Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB

Descrição


Detalhes da questão


Endereço do fórum: https://www.pmhabbo.com/
Versão do fórum: ModernBB

Descrição


Olá. No momento nós fizemos alterações no topo do nosso fórum para remover os antigos bugs, mas existem algumas ferramentas que precisamos no nosso fórum e que os códigos parecem estar ultrapassados ou com algum bug.

O botão da barra lateral de acesso mais rápido aos tópicos não abre;
A barra tods BBCodes não carrega;
O perfil dos usuários não terminava de caregar e era impossível acessar o menu do perfil (trocamos o topo e não precisamos mais);

Esses erros começaram a acontecer sem alguma explicação, não sei se realmente por códigos ultrapassados, mas foi um pouco após eu trocar o domínio do fórum. Precisamos trocar o topo do fórum e mexer no over hall e css, removemos nosso dark mode, o botão de fácil acesso, enfim, tudo isso acaba bugando algo no fórum.

Os bugs visualmente: https://imgur.com/a/232r1e4
O bug do botão em um fórum teste: https://testemaly.forumeiros.com/

Overhall completo dos bugs:


por Tornado10
em 20.01.24 6:06
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Conflito de códigos JavaScript
Respostas: 7
Vistos: 540

Background inválido

Saudações,

Procure na sua folha de estilo pelo código a seguir: body { e você encontrará o seguinte elemento background-image: url(https://2img.net/i/fa/pbucket.gif); e nesse contexto, pode trocar o link nos parênteses. Agora se quiser um preto sólido, remova o código acima e utilize o seguinte elemento: background-color: #000;, logo você pode trocar a cor depois do #, que é código hexadecimal.

Atenciosamente,
Chagas Party


Bem-vindo ao Fórum dos Fóruns!


Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


por Chagas
em 29.04.21 18:14
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Background inválido
Respostas: 2
Vistos: 629

Alterar cor da linha horizontal separadora

Olá @Riickizin,

Basta adicionar o seguinte código CSS à sua folha de estilos:

Código:
hr {
border-color: #000;
}


Você pode substituir #000 pelo valor hexadecimal de uma cor à sua escolha.

Atenciosamente,
RafaelS. King
por RafaelS.
em 30.10.20 20:00
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar cor da linha horizontal separadora
Respostas: 3
Vistos: 800

Editar barra de navegação

Olá,

Para alterar a cor da estrutura, procure por ".navbar" e ".topBar" na sua Folha de estilo CSS.
Encontrando, terá a seguinte parte no código "background: #2251BF!important;", você deverá alterar somente o "#2251BF", pelo código HEX da cor que deseja.

Para alterar a cor dos textos, procure por ".navbar a" e ".topBar a" na sua Folha de estilo CSS.
Encontrando, terá a seguinte parte no código "color: #000!important;", você deverá alterar somente o "#000", pelo código HEX da cor que deseja.

Até mais!
por Roevs
em 28.06.19 15:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Editar barra de navegação
Respostas: 21
Vistos: 1526

Como mudar as cores e arrumar os cargos do fórum?

Ok, vamos lá por partes!

1) Para alterar o que está circulado em verde, procura por:

Código:
.module .main-head


Ai você vai achar:
Clique Aqui:


Seta Altere #369fcf para a cor desejada.

2) Para alterar a borda azul, procura por:

Código:
.main .main-foot, .main .main-head


Ai você vai achar:
Clique Aqui:


Seta Troca #528cbc e #1a8bbf para a cor desejada.

Até mais. zen
por RafaelS.
em 13.04.18 19:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como mudar as cores e arrumar os cargos do fórum?
Respostas: 5
Vistos: 1215

Mudar cor deste lugar do banner

Bom dia @EDU2010,

Aceda a Painel de Controle Seta Visualização Seta Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS e adicione este código:
Código:
.headerbar { background-color: #000 !important; }

Seta #000 corresponde à cor hexadecimal desejada como fundo, pode consultar mais cores hexadecimais neste site: http://site112.com/tabela-cores-html

Atenciosamente,
Fraise.
por Fraise
em 30.03.18 10:23
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar cor deste lugar do banner
Respostas: 4
Vistos: 1293

Colocar o campo buscar neste local !

Adicione mais este CSS:
Código:
#search-box #keywords {
    background-color: grey !important;
}

"Grey" é cinza em inglês. Pode personalizar para a cor que desejar, um cinza mais claro em hexadecimal, etc.
Hexadecimal exemplo: #000 - #000000 - #fff - #ffffff


Att! Feliz
por Konai
em 02.12.17 23:32
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colocar o campo buscar neste local !
Respostas: 13
Vistos: 1511

Mudar a cor da caixa de redirecionamento (?).

Olá Sielf,

Adicione na sua folha de estilo CSS o seguinte código?

Código:
.pun .main .main-content p.message {
    background-color: #000;
    border: 1px solid #000;
    margin: 1.7em;
    padding: 1em;
}


Obs: Caso o senhor deseje modificar a cores de fundo do redirecionamento é só modificar #000 do background-color pela cor desejada.

Até mais!
por Ketholy
em 02.12.17 19:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar a cor da caixa de redirecionamento (?).
Respostas: 3
Vistos: 1135

Assinatura não aparece.

Remova o "hr", deixando o campo vazio.
Em seguida, adicione ao final de sua CSS:
Código:
.signature_div {
  border-top: solid 1px #000;
  margin-top: 20px;
}


Você pode mudar o #000 para uma cor à seu gosto.

o/
por Luiz
em 17.07.17 17:40
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Assinatura não aparece.
Respostas: 23
Vistos: 1247

Chatbox bugado

Olá, procure no CSS o seguinte código
Código:
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  background:#000;
  border: transparent;
  color: #dcdcdc;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  font-weight: 700;
  border-radius: 0px;
}
 
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  background: #000;
  border: transparent;
  color: #dcdcdc;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  font-weight: 700;
  border-radius: 0px;
}


e altere para esse
Código:
.button, .button1, .button2, input.button, input.button1, input.button2, button.bbcode, #submit_button, #profile-advanced-button, #login_popup_buttons, #login_popup_buttons input, .liteoption {
  background:transparent;
  border: transparent;
  color: #dcdcdc;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  font-weight: 700;
  border-radius: 0px;
}
 
.button:hover, .button1:hover, .button2:hover, input.button:hover, input.button1:hover, input.button2:hover, button.bbcode:hover, #submit_button:hover, #profile-advanced-button:hover, #login_popup_buttons:hover, #login_popup_buttons input:hover, .liteoption:hover {
  background: transparent;
  border: transparent;
  color: #dcdcdc;
  display: inline-block;
  outline: medium none;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  font-weight: 700;
  border-radius: 0px;
}


Veja se resulta

Eu troquei a cor preta #000 pelo transparent caso desejar, altere para outra cor

Editado

@jamesslytherin

Altere os códigos acima
Deverá ficar assim http://prntscr.com/fra7na
por Harleen
em 04.07.17 0:03
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Chatbox bugado
Respostas: 8
Vistos: 933

Menu de navegação

Troque o código acima por este:

Código:
 #page-header > div.navbar > div > ul {top:130px;width:83%;margin-left:-15px;padding:8px;}
#page-header > div.navbar > div > ul {background:#000;}
        #main-content {margin-top:30px!important;}
        a.mainmenu {color:#fff;margin-left:10px;}
        #search-box {margin-top:60px;}


Não ta o mesmo fundo pois não sei o valor hexadicimal na print [...] Mas, você pode procurar por:

Código:
#page-header > div.navbar > div > ul {background:#000;}


E trocar o #000 pelo valor hexadicimal da cor.

Até mais.
por while
em 20.03.17 1:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Menu de navegação
Respostas: 11
Vistos: 1407

Cor do fórum

Olá autor, boa tarde.

Acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css


E adicione esse código para modificar aquele fundo:

Código:
body {background-image:URL!important;}


Basta trocar o URL pela url da imagem desejada, ou se preferir pode ser utilizado cor, porém com esse código:

Código:
body {background: green!important;}


Basta trocar o green pelo nome da cor em Inglês ou em valor hexadicimal, por exemplo o preto é #000; entendeu?

OBS: Caso escolhe por uma imagem de fundo e estiver repetindo, utilize esse código:

Código:
 body {background-repeat:no-repeat!important;background-size:200%!important;}


Altere o 200% pelo valor que se encaixe em deixar o fundo cheio, se você quiser claro.

Quanto ao posicionamento do link do painel de controle, eu não tenho como ajudar, você terá que posicionar manualmente, pois eu não vejo esse link por não ter acesso ao painel.

Para isto utilize esse código:

Código:
a[href^="/admin"] {margin-top: 10px!important;margin-left:30px!important;position:absolute!important;}


Basta ir editando os valores, margin-top é mover pra cima, margin-left é mover o texto pra direita, e o position não mexe.

OBS: Valor negativo faz ao contrario, ou seja, margin-top:-10px ao invez de ir pra baixo vai pra cima. Margin-left ao invez de ir pra esquerda, vai pra direita.

Até mais.
por while
em 12.03.17 18:03
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do fórum
Respostas: 7
Vistos: 667

Personalizar citação do fórum

Olá,

Tente desta maneira:
Código:
.codebox dd {
    border: solid 1px #000 !important;
}

Mude "#000" para a cor desejada. Quanto ao ícone no canto esquerdo, se você puder me enviar o link dele podemos encaixá-lo no código.

Até mais!
por Cream
em 06.10.16 20:52
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar citação do fórum
Respostas: 7
Vistos: 854

Alinhar colunas das categorias

Detalhes da questão


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

Descrição


Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.

Folha de estilos CSS:
por Pattricia
em 03.10.16 23:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alinhar colunas das categorias
Respostas: 4
Vistos: 3551

Seta na caixa de resposta rápida

Você se refere a cor da borda? mas expliquei acima...

Veja outro exemplo:
.sceditor-container.ltr.wysiwygMode, .sceditor-container.ltr.sourceMode:before {
border-color: transparent #000 transparent transparent;
border-style: dotted;
border-width: 13px;
content: '';
display: block;
height: 0;
left: -27px;
position: absolute;
top: 6px;
width: 0;
}


Onde está #000 é a cor da borda, basta modificar por outra cor.
Até mais.
por while
em 22.09.16 20:23
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Seta na caixa de resposta rápida
Respostas: 17
Vistos: 1622

Lista de membros

Olá, para alterar a cor da barra utilize esse código:
Código:
.maintitle {
background: #000!important;
border-color: #000!important;
box-shadow: 0 1px 0 #000 inset!important;
}


Deixei na cor preta como exemplo para você... basta alterar o #000 pela cor desejada em todas as propriedades. OBS: Adicione entre a tag <style</style> no template memberlist_body, ou procure por .maintitle no template e altere por lá.

E quanto ao 'bug' do botão visualizar perfil, troque o template por este:
Código:
<!-- SEARCH FORM -->
<h1 class="ipsType_pagetitle">Lista de Membros</h1>
<!-- BEGIN switch_pagination -->
<div class="paged-head clearfix">
  <p class="paging">{PAGINATION}</p>
</div>
<!-- END switch_pagination -->

<div class="ipsBox ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_tinyleft clearfix">
  <div id="mlist_tabs" class="ipsVerticalTabbed_tabs ipsVerticalTabbed_minitabs ipsLayout_left">
      <ul>
        <li class="tab_toggle active"><a title="Todos os Membros" href="0">Tudo</a></li>
        <li class="tab_toggle"><a title="Membros com a letra A" href="a">A</a></li>
        <li class="tab_toggle"><a title="Members com a letra B" href="b">B</a></li>
        <li class="tab_toggle"><a title="Members com a letra C" href="c">C</a></li>
        <li class="tab_toggle"><a title="Membros com a letra D" href="d">D</a></li>
        <li class="tab_toggle"><a title="Membros com a letra E" href="e">E</a></li>
        <li class="tab_toggle"><a title="Membros com a letra F" href="f">F</a></li>
        <li class="tab_toggle"><a title="Membros com a letra G" href="g">G</a></li>
        <li class="tab_toggle"><a title="Membros com a letra H" href="h">H</a></li>
        <li class="tab_toggle"><a title="Membros com a letra I" href="i">I</a></li>
        <li class="tab_toggle"><a title="Membros com a letra J" href="j">J</a></li>
        <li class="tab_toggle"><a title="Membros com a letra K" href="k">K</a></li>
        <li class="tab_toggle"><a title="Membros com a letra L" href="l">L</a></li>
        <li class="tab_toggle"><a title="Membros com a letra M" href="m">M</a></li>
        <li class="tab_toggle"><a title="Membros com a letra N" href="n">N</a></li>
        <li class="tab_toggle"><a title="Membros com a letra O" href="o">O</a></li>
        <li class="tab_toggle"><a title="Membros com a letra P" href="p">P</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Q" href="q">Q</a></li>
        <li class="tab_toggle"><a title="Membros com a letra R" href="r">R</a></li>
        <li class="tab_toggle"><a title="Membros com a letra S" href="s">S</a></li>
        <li class="tab_toggle"><a title="Membros com a letra T" href="t">T</a></li>
        <li class="tab_toggle"><a title="Membros com a letra U" href="u">U</a></li>
        <li class="tab_toggle"><a title="Membros com a letra V" href="v">V</a></li>
        <li class="tab_toggle"><a title="Membros com a letra W" href="w">W</a></li>
        <li class="tab_toggle"><a title="Membros com a letra X" href="x">X</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Y" href="y">Y</a></li>
        <li class="tab_toggle"><a title="Membros com a letra Z" href="z">Z</a></li>
      </ul>
  </div>
  <div class="ipsVerticalTabbed_content ipsLayout_content">
      <div class="maintitle ipsFilterbar clear clearfix">
        <ul class="ipsList_inline left">
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem alfabetica" href="userName">Nome</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem de quem mais postou" href="posts">Mensagens</a>
            </li>
            <li class="tab_toggle_horizontal">
              <a title="Ver por ordem decrescente do dia de registro" href="joined">Data Registrado</a>
            </li>
          <li class="tab_toggle_horizontal active">
              <a title="Ver por ordem de quem fez a ultima visita no fórum" href="lastvisit">Ultima Visita</a>
            </li>
        </ul>
      </div>
      <div id="mlist_content" class="ipsBox_container ipsPad" style="min-height: 769px;">
        <ul class="ipsMemberList">
            <!-- BEGIN memberrow -->
            <li class="ipsPad clearfix member_entry row1" id="member_id_">
    <a class="ipsUserPhotoLink left" title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">
                  {memberrow.AVATAR_IMG}
                  <!--<img class="ipsUserPhoto ipsUserPhoto_medium" alt="- foto" src="">-->
      </a>
              <div class="ipsBox_withphoto">
                  <ul class="ipsList_inline right">
                    <li><a class="ipsButton_secondary" href="{memberrow.U_VIEWPROFILE}">Visualizar Perfil</a></li>
                  </ul>
                  <h3 class="ipsType_subtitle">
                    <strong><a title="Visualizar Perfil" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></strong>
                  </h3>
                  <span class="desc">
                    Registrou-se no dia - {memberrow.JOINED}
                    <br>
                    Possui {memberrow.POSTS} Mensagens
                      <br>
                        Sua ultima visita foi {memberrow.LASTVISIT}
                  </span>
              </div>
            </li>
            <!-- END memberrow -->
            <!-- BEGIN switch_no_user -->
            <li colspan="{switch_no_user.COLSPAN_NUMBER}" class="no_messages">Nenhum resultado</li>
                <!-- END switch_no_user -->
        </ul>
      </div>
  </div>
</div>
      <div class="main-foot">
      </div>
      <!-- BEGIN switch_pagination -->
      <div class="paged-foot clearfix">
          <p style="float: right; font-size: 11px; color: #848484;">Modificação por While.</p>
      </div>
      <!-- END switch_pagination -->
 
 
<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      $(".tab_toggle:first").addClass("active").show();
      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");

      $(".tab_toggle_horizontal").click(function(){
        $(".tab_toggle_horizontal").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
  case 'userName':
              $("#mlist_content").load("/memberlist?mode=username&order&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'posts':
              $("#mlist_content").load("memberlist?mode=posts&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            case 'joined':
              $("#mlist_content").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              case 'lastvisit':
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
  }
        return false;
      });
      $(".tab_toggle").click(function(){
        $(".tab_toggle").removeClass("active");

        $(this).addClass("active");

        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();

        switch (activeTab)
            {
            case '0':
              $("#mlist_content").load("/memberlist .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
              break;
            default:
              $("#mlist_content").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username="+activeTab+" .ipsMemberList", function() {
                  $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
              });
        }
        return false;
      });
  });
  //]]>
</script>

<style type="text/css">
  .ipsUserPhotoLink img {height:50px;margin-top:5px;}
  .ipsType_pagetitle {
                background-color:#000;
                text-align:center;
    padding:5px;
  }
  #mlist_tabs {margin-left:-55px;}
  #content-container div#main {width:1200px;margin-left:-30px;}
.maintitle a {
    color: #FFFFFF;
}
.pun .paged-head {
margin-left: -15px;
}
.clear {
    clear: both;
    height: auto !important;
}
.no_messages {
    background-color: #F6F8FA;
    color: #1C2837;
    padding: 15px 10px;
}
#mlist_tabs {
    margin-top: 35px;
}
#mlist_tabs li a {
    padding: 5px 8px;
}
#mlist_tabs li {
    text-align: center;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_content {
    min-height: 400px;
}
.ipsVerticalTabbed_tabs > ul {
    border-left: 1px solid #DBE4EF;
    border-top: 1px solid #DBE4EF;
    margin-top: 10px;
    width: 149px !important;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul {
    width: 49px !important;
}
.ipsVerticalTabbed_tabs li {
    background: none repeat scroll 0 0 #F6F8FB;
    border-bottom: 1px solid #DBE4EF;
    color: #808080;
    font-size: 13px;
}
.ipsVerticalTabbed_tabs li a {
    color: #8D8D8D;
    display: block;
    outline: 0 none;
    padding: 10px 8px;
    transition: background-color 0.3s ease-in-out 0s;
}
.ipsVerticalTabbed_tabs li a:hover {
    background: none repeat scroll 0 0 #EAEFF5;
    color: #808080;
}
.ipsVerticalTabbed_tabs li.active a {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #353535;
    font-weight: bold;
    position: relative;
    width: 135px;
    z-index: 8000;
}
.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
    width: 32px;
}
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left {
    margin-left: -50px;
    width: 40px;
}
.ipsLayout .ipsLayout_left {
    float: left !important;
    margin-left: -210px;
    width: 200px;
}
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
    position: relative;
}
.ipsLayout_content {
    float: left;
    width: 100%;
}
.ipsType_pagetitle, .ipsType_subtitle {
    color: #fff;
    font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.ipsType_subtitle {
    font-size: 18px !important;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft {
    padding-left: 60px;
}
.ipsBox {
    background: none repeat scroll 0 0 #EBF0F3;
}
.maintitle {
    background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #2C5687;
    border-color: #316897;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 1px 0 #528CBC inset;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 10px 11px;
}
.left {
    float: left;
}
ol, ul {
    list-style: none outside none;
}
.ipsList_inline > li:first-child {
    margin-left: 0;
}
.ipsList_inline > li:last-child {
    margin-right: 0;
}
.ipsList_inline > li {
    display: inline-block;
    margin: 0 3px;
}
.ipsFilterbar li {
    font-size: 11px;
    margin: 0 15px 0 0;
}
.ipsFilterbar li a {
    color: #FFFFFF !important;
    opacity: 0.5;
    text-shadow: 0 1px 0 #0D273E;
    transition: all 0.3s ease-in-out 0s;
}
.ipsFilterbar.bar.altbar li a {
    color: #244156;
    opacity: 0.8 !important;
    text-shadow: none;
}
.ipsFilterbar:hover li a {
    opacity: 0.8 !important;
}
.ipsFilterbar li a:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
.ipsFilterbar li img {
    margin-top: -3px;
}
.ipsFilterbar li.active {
    opacity: 1;
}
.ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
    background: none repeat scroll 0 0 #244156;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
    color: ##FFFFFF !important;
    font-weight: bold;
    opacity: 1;
    padding: 4px 10px;
}
.ipsBox_container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DBE4EF;
}
.ipsBox, .ipsPad {
    padding: 9px;
}
.row1, .post_block.row1 {
    background-color: #FFFFFF;
}
.row2, .post_block.row2 {
    background-color: #F1F6F9;
}
.ipsUserPhoto_medium {
    height: 50px;
    width: 50px;
}
.ipsUserPhoto {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D5D5D5 !important
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
    border-color: #7D7D7D !important;
}
.ipsUserPhoto:hover{
    border-color: #7D7D7D !important;
}
.ipsBox_withphoto {
    margin-left: 65px;
}
.right {
    float: right;
}
.ipsMemberList .ipsButton_secondary {
    opacity: 0.3;
}
.ipsButton_secondary {
    background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #DBDBDB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #616161;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    transition: all 0.2s ease-in-out 0s;
    white-space: nowrap;
}
.ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary {
    opacity: 1;
}
.ipsButton_secondary:hover {
    border-color: #9A9A9A;
    color: #4C4C4C;
}
.ipsMemberList li .reputation {
    margin: 5px 10px 0 0;
}
.reputation.zero {
    background: none repeat scroll 0 0 #DEDEDE;
    color: #6E6E6E;
}
.reputation.positive, .reputation.negative {
    color: #FFFFFF;
}
.reputation.positive, .members li.positive {
    background: none repeat scroll 0 0 #6F8F52;
}
.reputation {
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-weight: bold;
    padding: 3px 8px;
}
.positive {
    color: #6F8F52;
}
.ipsType_small {
    font-size: 12px;
}
.desc, .desc.blend_links a, p.posted_info {
    color: #777777;
    font-size: 12px;
}
.desc {
margin-left: 0 !important;
  font-size:9px!important;
}

.ipsMemberList > li .ipsButton_secondary {margin-left:900px!important;margin-top:80px!important;margin-bottom: -45px!important;}
-->
</style>


Até mais.
por while
em 16.09.16 1:00
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Lista de membros
Respostas: 5
Vistos: 1594

Não consigo alterar cor de fundo dos tópicos e posts

Boa noite!

Tópicos com a tag 000 em Fórum dos Fóruns Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Aceda a Painel de Controle Seta Visualização Seta Cores Seta Folha de estilo CSS e cole lá o seguinte código:
Código:
.pun .post-entry { background: #000; }

Seta #000 corresponde à cor hexadecimal do fundo.

Atenciosamente,
Fraise.
por Fraise
em 03.09.16 6:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Não consigo alterar cor de fundo dos tópicos e posts
Respostas: 5
Vistos: 1177

Mudar fundo das Tabs do perfil

Olá, procure em sua folha de estilo css por:
#tabs ul li.activetab a

e terá:
background-color: #1f537b;
border-color: #1f537b;


Você poderá mudar a cor do fundo e também da borda.

Caso não tenha, adicione esse código em sua folha de estilo css:
#tabs ul li.activetab a {
background-color: COR!important;
border-color: COR!important;
}


Onde está em vermelho, você troca o valor, colocando em hexadicimal, exemplo: #000 ou em inglês , exemplo: black

Até mais.
por while
em 06.08.16 1:49
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar fundo das Tabs do perfil
Respostas: 3
Vistos: 1302

[LOGO] pedido.

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 930X110
Cores primátias : Não especificado
Cores secundárias : Não especificado
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : RPG PLAYERS
Fonte : http://www.fontspace.com/category/final%20fantasy
Cor da fonte : #000
Link do meu fórum : http://rpg-players.com
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Gostaria que fosse criado esse novo logo com base no meu antigo:
Tópicos com a tag 000 em Fórum dos Fóruns HoUJJR3

3 personagens à esquerda e 3 à direita.
Os pequenos ícones no centro com o texto.

No máximo 930x110.
Pode ficar menor a largura.
por Daniel Z
em 18.07.16 23:14
 
Procurar em: Arquivos de Pedidos finalizados
Tópico: [LOGO] pedido.
Respostas: 7
Vistos: 857

Mudar cor de fundo do chatbox

Boas!

Adicione em sua folha de estilos:
Código:
#chatbox_header, #chatbox_footer {background-color: #000}


Seta Troque #000 pela cor hexadecimal pretendida.

Abraço.
Fraise
por Fraise
em 02.07.16 23:53
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar cor de fundo do chatbox
Respostas: 4
Vistos: 996

Aumentar espaçamento entre avatar e nick

Olá, para distanciar basta adicionar esse código em sua folha de estilo css:
Código:
dl > dt > a > img {padding:10px;}


Quanto a mudar a cor de fundo, adicione esta:
Código:
.postprofile {background:black;}

altere o "black" pelo nome da cor que deseja (deve ser em inglês, exemplo black, blue, red) ou coloque a cor em hexadicimal , ou seja #000, #FFF, #ddd.

Até mais.
por while
em 17.06.16 17:51
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Aumentar espaçamento entre avatar e nick
Respostas: 3
Vistos: 1452

Alterar cor dos links ativos

Boas.

Adiciona na tua folha de estilos:
Código:
a:visited { color: #000; }


Altera #000 pela cor pretendida.

Fraise
por Fraise
em 13.06.16 0:48
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar cor dos links ativos
Respostas: 14
Vistos: 1068

Personalizar SCeditor

Detalhes da questão


Endereço do fórum: http://pokebrisarpg.forumeiros.com/
Versão do fórum: PunBB3

Descrição


Eu quero deixar a minha caixa de mensagem assim:

Tópicos com a tag 000 em Fórum dos Fóruns 1b84fe99f6664fe5b6602c54b910df10

Caixa da Mensagem e a Barra de Ferramentas #000
Borda #440000 e a Borda do Botão #8F0000
Grupo de Funções #474747
por RyukBRisa
em 07.06.16 1:37
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar SCeditor
Respostas: 15
Vistos: 1076

bordas do forum

Viajei Envergonhado seria assim? http://prntscr.com/b74956

Se for, procure
Código:
.headerbar {
    background-color: #000;
    background-image: url("http://2img.net/i/fa/empty.gif");
    background-repeat: repeat-x;
    margin-bottom: 4px;
    padding: 0 5px;
}


Remova o
background-color: #000;
por Harleen
em 22.05.16 18:44
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: bordas do forum
Respostas: 6
Vistos: 1018

Botão de enviar do chatbox

Olá kincy! Adicione esse codigo no topo da sua folha de estilo:

Código:
.right #submit_button {background:#000!important;}


Deixei a cor preta, mas se quiseres outra,basta alterar o #000, lembrando que podes por tanto em valor hexadicimal como também em inglês , por exemplo :

Código:
.right #submit_button {background:black!important;}


Atenciosamente While.
por while
em 01.05.16 19:34
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Botão de enviar do chatbox
Respostas: 2
Vistos: 626

Mudar cor da mensagem inicial

Olá amigo, Não entendi bem a que cor você deseja, por isto, deixarei aqui o codigo css , basta somente você colocar a cor.

Adicione esse codigo css em sua folha de estilo:
Código:
.introduction .h3 {text-align:center;}


E edite esse antes de colocar na sua folha de estilo:
Código:
.module, .panel, .post {background-color:COR!important;


Altere o "COR" pelo valor hexadicimal ou a cor em inglês, exemplo #000 ou black.

Atenciosamente While.
por while
em 29.04.16 15:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar cor da mensagem inicial
Respostas: 13
Vistos: 1505

Largura do fórum

Olá!
Spoiler:

zen
por Hyouki
em 11.02.16 16:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Vistos: 3899

Avatar muito pequeno

Detalhes da questão


Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?

CSS:
por magista7
em 01.02.16 11:00
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Avatar muito pequeno
Respostas: 3
Vistos: 4940

Menu desconfigurado

Olá.

Adicione a sua folha de estilos:

Código:
a.mainmenu {
    padding: 5px 12px;
    background: #000;
}


Altere #000 para a cor desejada.

Atenciosamente.
por RafaelS.
em 17.12.15 23:15
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Menu desconfigurado
Respostas: 2
Vistos: 791

Criei um forum e queria ajuda.

li.row {
border-bottom: 0;
border-top: 0;
}
ul.topiclist dd, .row, .icon{
border-width: 0;
}
.header h2{
font-weight: bold;
}
.module span.corners-top {height: 13px;}
.header, .module span.corners-top{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_header{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
#chatbox_footer{
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;

}
.forabg{
background-color: transparent;
}
li.header dd, li.header dt{
color:white;
}
h2{
color:black
font-weight:bold;
}
.forumbg thead {
background: #0A0A0A url('https://i.imgur.com/Gvvex.png') repeat-x 50% 50%;
color: white;
text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px;
padding: 8px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.3) 0px 1px 3px, inset rgba(255, 255, 255, 0.2) 0px 2px 0px;
overflow: hidden;
margin-bottom: 5px;
}
ul.navlinks {
font-weight: 700;
text-align: center;
border: 1px solid
rgba(204, 204, 204, 0.44);
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
ul.linklist li a:hover {
color:
rgba(255, 0, 0, 0.7);
}
ul.linklist li {
font-size: 1.1em;
list-style-type: none;
width: auto;
display: inline;
padding-left: 5px;
}
ul.linklist li:hover {
border-right: 1px solid
rgba(204, 204, 204, 0.44);
border-left: 1px solid
rgba(204, 204, 204, 0.44);
}
*::-moz-selection, ::selection, *::-webkit-selection, *::-o-selection, *::-ms-selection, *::-khtml-selection {
background:
rgba(255, 0, 0, 0.69);
color:
white;
}
.ro:hover{
background-color: transparent;
}
*::-moz-scrollbar, ::scrollbar, *::-webkit-scrollbar, *::-o-scrollbar, *::-ms-scrollbar, *::-khtml-scrollbar{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
width: 12px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
background:transparent;
}

*::-moz-scrollbar-thumb, ::scrollbar-thumb, *::-webkit-scrollbar-thumb, *::-o-scrollbar-thumb, *::-ms-scrollbar-thumb, *::-khtml-scrollbar-thumb{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
background: rgba(255,0,0,0.Estilo cool;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
li.row:hover {
background-color: white;
}
#message{
-webkit-transition: width 0.6s ease-in-out;
width: 184px;
}
#message:focus{
width: 250px;
outline: none;
}
input.button1, input.button2, button.button1, button.button2, a.button1, a.button2{
background: #323232 url('https://i.imgur.com/WRLCG.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 26px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
}
#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies, #submit_button {
background: #323232 url(https://i.imgur.com/WRLCG.png) repeat-x 0px 0px;
color: white;
border-color: #2B2B2B;
border-radius: 2px;
}
#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover, #submit_button:hover {
background-color: #434343;
color: white;
background-image: none;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-color: #434343;
color: white;
background-image: none;
}
.fontbutton{
border-width:1px;
}
.post {
border: 1px solid
gainsboro;
border-radius: 10px;
margin-bottom: 10px;
}
.postprofile{
border: 1px solid
gainsboro;
border-radius: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5px;
}
dl.codebox dt {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/16/page-code-icon.png);
background-repeat: no-repeat;
background-position: 100% 0%;
}
dl.codebox{
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 5px;
}
.mainmenu{
text-align: center;
color: white;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
ul.navlinks {
background-color: #0A0A0A;
background-image: none;
background-repeat: repeat;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: white 0px 1px 0px 0px, rgba(0, 0, 0, 0.496094) 0px 1px 3px 0px inset;
color: #5A5A5A;
display: block;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 36px;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: static;
text-shadow: rgba(0, 0, 0, 0.296875) 0px -1px 0px;
width: auto;
}

.announcement{
background-image: none;
background-color: transparent;
}
#text_edit .button2, .button1{
background-image: none;
background-color: transparent;
color: black;
}
#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active, #submit_button:active {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.Estilo cool 0px 1px 3px;
position: relative;
}
.postprofile {text-align: center;}
.post {border-top: 1px solid #adadac;-webkit-border-radius: 1px!important;}
.row:hover {
border: 1px solid #ec893b !important;
border-left: 4px solid #ec893b !important;
border-right: 4px solid #ec893b !important;
}
.row { border: 1px solid #dadada !important; }

ul.linklist li a:hover {
color: #f99546!important;
}
#fa_ticker_block .module .inner .corners-top:nth-of-type(1) {
display: none;
}
#TGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto; width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©️Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.TGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.TGlogin_form-float-div {background: url("https://i.servimg.com/u/f31/17/41/76/40/2jci9c10.jpg") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
.TGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.TGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.TGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.TGlogin_form-float-div input.submit {background: url("https://i.servimg.com/u/f31/17/41/76/40/eumpmp10.jpg") repeat-x scroll 0 0 #DDDDDD;padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #BBB;float: right;height: auto;width: auto;}
.TGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.TGlogin_form-float-div input.submit:hover, .TGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.TGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#TGlogin_form .TGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 5px;}
#TGlogin_form .TGClose:active {color: #FF0000 !important;bottom: 2px;}
/* ------------------------- Bordas do Avatar,Por Fora ------------------------------- */
.postprofile {
background: white;
border: 3px solid #e2e2e1;
box-shadow: 0px 0px 7px #d2d2d2;
border-radius: 5px 5px 5px;
padding: 4px;
}
.header, .module span.corners-top {
padding: 1px;
}
/*--CENTRALIZAR PERFIL--*/
#i_whosonline + p br + br + em {
width: 70%;
background: white url(https://i.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#quick_reply input[name="post"],
#quick_reply input[name="Ir"],
#quick_reply input[name="preview"] {
background: #ed9701;
}

div#main div#main-content p.right, div#main div#main-content p:nth-child(2) {
display: none !important;
}
por Wallace D. Liôniriin
em 07.12.15 1:06
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Criei um forum e queria ajuda.
Respostas: 7
Vistos: 3287

mudar cor de fundo

Boa noite.

Adicione no inicio da sua folha de estilos:
Código:
#wrap {
    background: #000 !important;
}


Seta #000 corresponde à cor hexadecimal do fundo, que neste caso é o preto.

Até mais.
Fraise
por Fraise
em 24.11.15 21:29
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: mudar cor de fundo
Respostas: 5
Vistos: 855

tamanho original e a cor e o tamanho da letra do jeito que eu pedir

Detalhes da questão


Endereço do fórum: http://templodasalvacao.foruns.com.pt/
Versão do fórum: PunBB

Descrição


Boa tarde!!!
Ontem eu crie um tópico falando que gostaria que quando uma pessoa respondesse uma pergunta em meu fórum, automaticamente a resposta dela já saísse com:
A letra da cor preta e o tamanho 18.
e me passou o seguinte código:

.postbody {
color:#000;
font-size:18px;
}

Deu certo mas aquela apresentação que fica do lado das resposta com um bonequinho e umas opções de ver o perfil da pessoa, enviar uma mensagem privada, enviar um e-mail ou visitar a Homepage do usuário também aumentou.
Ficou muito esquisito tem como eu deixar ela no tamanho original e a cor e o tamanho da letra do jeito que eu pedir.
por Higo Higo
em 24.09.15 17:35
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: tamanho original e a cor e o tamanho da letra do jeito que eu pedir
Respostas: 2
Vistos: 954

[TUTORIAL] Modificar aparência da versão Mobile dos fóruns

Tópicos com a tag 000 em Fórum dos Fóruns Forumactif_smartphone Versão Mobile



Introdução

Os aparelhos móveis, como celulares ou tablets foram adaptados para acessarem a internet por meio de navegadores ou outros aplicativos disponibilizados na internet. A versão Mobile como chamamos também pode ser personalizada ao seu gosto, e isso pode ser feito facilmente, usando o CSS.



--> Tutoriais, dicas e astúcias <--

Modificar a aparência da versão Mobile dos fóruns



- Identificação dos elementos:
No tradicional HTML, usamos frequentemente o Inspecionar Elemento (?) para buscar o elemento a ser personalizado. Para dar seguimento neste tutorial, aconselhamos que você busque conhecimentos na linguagem "Cascading Style Sheets".

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Tópicos com a tag 000 em Fórum dos Fóruns Css11
Tópicos com a tag 000 em Fórum dos Fóruns 110111Seta Ver o CSS da base do seu fórum - Permite o administrador conferir o estilo padrão do CSS do fórum. Mesmo se você tiver aplicado algum código CSS na folha de estilo, esse CSS base não será alterado. Ele mostra os códigos que personalizam seu fórum sem a necessidade do CSS adicional, que no caso seria a da folha de estilo.

Tópicos com a tag 000 em Fórum dos Fóruns 110210Seta Procurar CSS - Com essa ferramenta, podemos fazer uma busca nos códigos existentes na folha de estilo CSS. Por exemplo, se você adicionou algum código na folha de estilo, e pelo fato dela ser muito grande você não estiver encontrando o código desejado, a partir do momento em que digitar o código no campo "Procurar CSS", o código será encontrado (se digitado corretamente).

Tópicos com a tag 000 em Fórum dos Fóruns 110310Seta Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo.

Tópicos com a tag 000 em Fórum dos Fóruns 110410Seta Melhorar seu CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.



- Classe do HTML da versão mobile:
Há duas maneiras básicas para editar. Você pode usar o recurso de seus templates para visualizar todos os classe do seu HTML da versão móvel, acessando Painel de Controle >> Visualização >> Templates >> Versão Mobile. Este procedimento pode ser feito para visualizar os classe, mas, se você quer algo mais... Em tempo real, basta usar o Inspecionar elemento.
Pressione o F12 no seu teclado ou, o botão Direito do mouse em Inspecionar Elemento. Em seguida, clique por cima do elemento da página que deseja alterar. Abaixo, um exemplo de parte na qual pode personalizar.

Tópicos com a tag 000 em Fórum dos Fóruns Mobile18

A Class mobile_title.application_header corresponde a parte do título onde o usuário ao clicar na caixa para baixo, será mostrado as opções de login, versão clássica e início.

.mobile_title.application_header {
sua propriedade
}

As propriedades são os meros recursos que você vai usar para personalizar o seu modelo. Muitas propriedades no CSS que podem ser usadas para personalizar um elemento HTML (ou não). A parte em vermelho no código, seria o que você vai substituir pela sua propriedade. Consulte o tutorial Elaborar um código CSS para saber quais propriedades pode ser usada: https://ajuda.forumeiros.com/t16183-tutorial-elaborar-um-codigo-css

Tópicos com a tag 000 em Fórum dos Fóruns M_styl10Ao lado direito do seu navegador, clique no espaço em branco entre as chaves, e digite, por exemplo, background. Quando começar a digitar, seu navegador lhe dará sugestões de vários tipos de propriedades para personalizar. Se você compreende bem CSS, saberá qual usar. Em nosso caso, como mencionado, será o background:

Código:
.mobile_title.application_header {
    background: #000 !important;
}
background: Define a propriedade com a cor de fundo.
#000: Define a cor. Ou seja, é a cor Hexadecimal que o fundo colorido (background) receberá!
!important: O "!important" é usado na maior parte das vezes para informar ao seu navegador que o CSS que você coloca o !important deve ser destacado acima de qualquer outra propriedade da classe em específico.

2.2º - Dicas especiais:
Podemos usar o CSS para incluir imagens nos elementos HTML. Neste caso, ainda podemos usar o .mobile_title.application_header, porém, com um before!
classe:seletor {
propriedades
}
Na verdade, podemos chamar isso de seletor. Os seletores podem ser considerados como definições de "quando" um determinado objeto (classe) irá possuir as determinadas propriedades.

Exemplo:
Código:
.mobile_title.application_header:hover {
    background: #000 !important;
}
Quando o mouse estiver por cima do elemento ou classe HTML .mobile_title.application_header, o seletor :hover será habilitado, pois, então, ao invés de executar a função padrão que colocamos anteriormente de cor preta de fundo, será substituído por outra cor, que vamos definir na propriedade.
Código:
.mobile_title.application_header {
  background: #000 !important;
}

.mobile_title.application_header:hover {
  background: #F60 !important;
}
Mouse foraMouse por cima
Tópicos com a tag 000 em Fórum dos Fóruns M_bar10Tópicos com a tag 000 em Fórum dos Fóruns M_bar11

- Classes prontas para personalizar:
Para facilitar, vamos deixar um exemplo pronto com a maior parte das classes disponível na página inicial da versão móvel para que, você use sua criatividade para personalizá-las. Qualquer dúvida, não hesite em abrir um tópico no setor de suporte para perguntar: https://ajuda.forumeiros.com/-f25
/** EDIÇÃO :: VERSÃO MOBILE
Title: Mobile modification
Description: Modificação do template no modelo MOBILE.
Forum: Fórum dos Fóruns
**/
/* PERSONALIZAR MENU */

.mobile_title.application_header {
Propriedade;
}

/* OPÇÃO DE FAVICON */
.mobile_title.application_header:before {
Propriedade;
}

/* SUBFÓRUNS */
.postbody .post_header, .mobile_set {
Propriedade;
}

.mobile_item {
Propriedade;
}

.mobile_item:hover {
Propriedade;
}

.forum_no_new, .cat_no_new {
Propriedade;
}

.forum_new, .cat_new {
Propriedade;
}

.mobile_item_link_content {
Propriedade;
}

/**** FIM MOBILE EDITION ****/




Perguntas & Respostas

  • Como posso abrir o Inspecionar Elemento no meu navegador?
    O inspecionar elemento na maior parte dos navegadores pode ser aberto no botão de atalho de seu teclado, F12. Se por ventura não abrir, procure a aba Editar >> Codificação >> Inspecionar elemento. Mesmo assim, se não encontrar, por gentileza, pedimos que entre em contato com o suporte do seu navegador para saber mais.


  • Meu navegador não tem a versão mobile. O que fazer?
    Nós listamos alguns navegadores que permitem a versão mobile. Você pode consultar no tutorial: [TUTORIAL] Emular versão mobile do fórum no computador para saber mais.


  • A versão em Vídeo no canal TV Forumeiros:

    Assista em 720p para obter resolução HD
    ou no endereço: https://www.youtube.com/watch?v=SXToj0MZb1A

  • Versão MOBILE editada (arquivo em Anexo):
    Para fins de teste, fizemos uma versão mobile dinâmica para que você tenha em mente como é a versão mobile editada, sem perder a sua praticidade e leveza no acesso. Conjunto aos arquivos, você terá a disposição recursos como, mostrar as imagens dos tópicos automaticamente além de se adaptar a cada modelo de visualização.

    Tópicos com a tag 000 em Fórum dos Fóruns Mobile10




© Fórum dos Fóruns


Tópicos com a tag 000 em Fórum dos Fóruns Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Modificar aparência da versão Mobile dos fóruns
por Shek
em 07.09.15 18:13
 
Procurar em: Diversos
Tópico: [TUTORIAL] Modificar aparência da versão Mobile dos fóruns
Respostas: 0
Vistos: 5423

Problema com SCEDITOR

Detalhes da questão


Endereço do fórum: http://pokemonchampionxnew.forum-livre.com
Versão do fórum: PunBB

Descrição


Estou com alguns problemas nos tópicos, pois a resposta rápida esta com alguns bugs, no Firefox, Internet Explore, Microsoft Edge seu menu não aparece, no Google Chrome quando se aperta pre-visualizar a menu fica cortado, e também em todos os navegadores, quando se aperta pre-visualiza a parte de baixo do forum vai para em cima da caixa mensagem.

Firefox, Internet Explore, Edge, etc.:

Chrome:

Oque esta dando em todos os navegadores:


Meu CSS:
por Dudu>,>
em 17.08.15 19:30
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com SCEDITOR
Respostas: 5
Vistos: 10632

Personalizar widgets

Olá!

Assim?
Código:
.row1 {
background-color:#000!important;
}

.row2 {
background-color:#000!important;
}


Altere #000 para a cor desejada. Piscada

Cumprimentos.
Fraise
por Fraise
em 08.08.15 21:46
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar widgets
Respostas: 15
Vistos: 1258

Tópico Citação, com cor diferente

Não entendi, é só mudar esses códigos #000 e #fff, que mudam a tonalidade das cores ???

Como eu faço pra ficar cinza por exemplo ?? Triste
por banzé
em 08.08.15 21:38
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tópico Citação, com cor diferente
Respostas: 12
Vistos: 1067

Tópico Citação, com cor diferente

Olá!

Sim, pode. Basta editar os valores a vermelho:
.postmain cite {
background-color: #000!important;
color: #fff!important;
}


Cumprimentos.
Fraise
por Fraise
em 08.08.15 21:31
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tópico Citação, com cor diferente
Respostas: 12
Vistos: 1067

mudar cor tema do fórum

Olá!

Tópicos com a tag 000 em Fórum dos Fóruns Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:


Adicione à sua folha de estilos:
Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Cores Flecha ajudeiros Folha de estilos CSS

Código:
.forabg {
  background-image:url('http://2img.net/i/fa/empty.gif')!important;
  background-color:#000!important;
}


Altere #000, que corresponde à cor preta, para a cor desejada. Poderá obter códigos de cores HTML neste website.

Quanto à sua segunda dúvida, terá de criar um novo tópico, pois só é permitida uma dúvida por tópico.

Cumprimentos.
Fraise
por Fraise
em 05.08.15 22:23
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: mudar cor tema do fórum
Respostas: 2
Vistos: 1233

Alterar campo e fixar bug

Olá!

Sim, dá. Por baixo de background: #000!important; coloque:
Código:
opacity: 0.4!important;


Cumprimentos.
Fraise
por Fraise
em 04.08.15 18:41
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar campo e fixar bug
Respostas: 5
Vistos: 872

Alterar campo e fixar bug

Olá!

Localize na sua folha de estilos:
Código:
background: url(http://i.imgur.com/fWUuHeA.png);


Substitua por:
Código:
background: #000!important;


Altere #000 para a cor desejada. Piscada

Cumprimentos.
Fraise
por Fraise
em 04.08.15 18:24
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterar campo e fixar bug
Respostas: 5
Vistos: 872

Como Mudar o fundo do forum

Ola, Boa tarde. Estou criando um forum e estou com problema na persolaização.

Ao adicionar uma imagem de fundo, o forum nao aceita a imagem nova.
Pesquisei em vários locais, porem o procedimento informado ja o fiz e nao tem efeito.

Ao acessar a pagina e entrar em modo de depuração do browser fica da seguitne forma:


*****************************************************************************************
body#phpbb {
background-color: #000;
background-image: url("https://i.imgur.com/sEtTk.jpg");
background-position: center top;
background-repeat: no-repeat;
color: #A8A8A8;
}
body {
margin: 0px;
padding: 0px !important;
}
body {
background-attachment: fixed;
background-color: #FFF;
background-image: url("https://i.servimg.com/u/f18/19/28/70/16/img333.jpg");
color: #A8A8A8;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0px;
}
*****************************************************************************************

onde esta:
body#phpbb {
...
ckground-image: url("https://i.imgur.com/sEtTk.jpg");
...

Deveria estar com a imagem img333.jpg.

Onde consigo mudar isso manualmente? Tonto

INFO:
DARKCHEATS V3
Versão :
Phpbb 3
Css personalizado :


Obrigado.
por polvolula
em 03.08.15 16:46
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como Mudar o fundo do forum
Respostas: 3
Vistos: 1165

Cor do fundo dos grupos

Olá FuckYeah

Bom aplique Esté codigo em Seu CSS caso você tiver ele você so edita com seu gosto a parte que irei destacar logo abaixo

Codigo CSS:


Você tera que modificar so está parte do codigo

Código:
   background-color: #000;


#000 e a cor de fundo ai você coloca a cor desejada modificando o #000

Até  Tchau
por Luiis_.
em 29.07.15 4:13
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do fundo dos grupos
Respostas: 3
Vistos: 955

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css
css:
por Luckcaddie
em 16.07.15 19:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: icons desapareceram
Respostas: 9
Vistos: 4450

cor da caixa de resposta

Olá!

Troque o código do @Raffy por este:
Código:
#quick_reply textarea {
    font-color:#000;
}


Se desejar, poderá trocar #000 pela cor desejada.

Cumprimentos.
Fraise
por Fraise
em 16.07.15 19:17
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: cor da caixa de resposta
Respostas: 8
Vistos: 949

barra inferior do forum

Olá!

Adicione a sua folha de estilos:

Código:
#page-footer .linklist a {
    color: #000 !important;
}


Flecha ajudeiros Troque #000 pela cor desejada.

Atenciosamente.
por RafaelS.
em 16.07.15 11:56
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Vistos: 4116

barra inferior do forum

css:
por Luckcaddie
em 16.07.15 9:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Vistos: 4116

Alterações nos links do fórum

Olá,

Tente adicionar este código a sua folha de estilos:

Código:
.pun a:hover {
color: #000 !important;
}


Flecha ajudeiros Troque #000 para a cor desejada.

Atenciosamente.
por RafaelS.
em 16.07.15 0:29
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações nos links do fórum
Respostas: 14
Vistos: 881

Retirar barra especifica nas categorias

css:
por Luckcaddie
em 15.07.15 19:05
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar barra especifica nas categorias
Respostas: 5
Vistos: 4511

Alterações na aparência do menu de navegaçao

aqui estao


css:
por Luckcaddie
em 15.07.15 13:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Vistos: 4147

Alterações na aparência do menu de navegaçao

Olá!

Adicione a sua folha de estilos:

Código:
#wrap {
    background-image: none !important;
}
div#page-header div.navbar ul.linklist li a {
    background: none !important;
}
.navbar {
    background: #000 !important;
    height: 50px;
    margin-left: -10px !important;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


Flecha ajudeiros Nó código procure por #000 e troque pela cor de fundo desejada Piscada

Atenciosamente,
Raffy



por RafaelS.
em 15.07.15 12:59
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Vistos: 4147

Ir para o topo

Página 1 de 2 1, 2  Seguinte

Ir para: