Barra em widgets

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

Resolvido Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 08:12 pm

Qual é minha questão:
Ola, na versão phpbb3 só existe barras sobre as categorias e foruns, gostaria de colocar as mesmas barras( com aquele efeito de borda ) nos widgets do meu fórum
aqui esta um print para entender melhor: quero que a barra da area destacada de verde tambem tenha na area destacada em vermelho
http://i.imgur.com/pHwDJHA.png

Endereço do meu fórum:
http://snkrpg.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por pyrohinotama em 07/06/13, 10:03 pm, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por MateusA em 07/06/13, 08:39 pm

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
 .module {
  background-color:#1f1f1f;background-image:url(http://i.imgur.com/UKNeAsZ.png);background-position:0 0;background-repeat:repeat-x;border:2px solid #b0a9a9;clear:both;margin-bottom:4px;padding:0 5px
;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800;
  -moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800
}


Valide. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 08:51 pm

ola, crazy resolvir tirar a imagem da barra, e queria que os titulos dos widgets fossem na cor branca e nesta fonte aqui:
Código:
/* standard */
<link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>

/* css */
@import url(http://fonts.googleapis.com/css?family=Rye);

/* javascript */
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Rye::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>
, tem como fazer está alterações ?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por MateusA em 07/06/13, 09:04 pm

Olá!

Troque o código por esse:

Código:
        .module {
color: white;
font-family: 'NOME DA FONTE';
        }

Seta No código procure por NOME DA FONTE substitua pelo nome da fonte.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 09:06 pm

como eu faço pra colocar aquela fonte no meu forum XD ?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 09:08 pm

e não deu certo ._.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por MateusA em 07/06/13, 09:13 pm

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
.module {
color: white;
font-family: 'Rye', cursive;
}


Seta Não modifique nada no código.

Valide.

Aceda à "Descrição do fórum":
Painel de Controle Seta Geral Seta Fórum Seta Configuração
Procure por "Descrição do site", ao lado adicione o código abaixo:

Código:
<link href='http://fonts.googleapis.com/css?family=Rye' rel='stylesheet' type='text/css'>

Salve! Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 09:27 pm

deu certo, mas os titulos dos widgets não estam aparecendo, a cor deles ta igual a do fundo, tem como mudar para branco?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por MateusA em 07/06/13, 09:35 pm

Olá!

Aqui o titulo está da cor branca, tente dar "CTRL + F5"

Código:
        .module {
        color: white !important;
        font-family: 'Rye', cursive;
        }

Seta Troque o código pelo acima, apliquei o !important.

Até mais. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 09:47 pm

deu certo, mas não existe algum comando só para os titulos não ?, seria muito bom.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Barra em widgets

Mensagem por MateusA em 07/06/13, 09:52 pm

Olá!

Sim claro, entenda o código:

Código:
.module .h3 {
color: white !important;
}

Seta Acima só vai modificar o titulo.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Barra em widgets

Mensagem por pyrohinotama em 07/06/13, 10:01 pm

ae o/ valeu mesmo crazy Muito feliz
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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