Modificar visualização nas categorias

• Descrição:
  

[quote]Olá,

Gostaria de ajuda para modificar minha H3. Ela está com um font-weight: 700 que não consigo tirar, na qual só posso visualizar através do F12 quando levo o mouse até o titulo "Quem está online" ou no titulo "Estatísticas". Gostaria também de colocar nesta fonte BebasNeueRegular ou em uma fonte parecida, já que é de um site, deste aqui http://residentevilsac.com.br/noticias/resident-evil-3-teria-hunk-como-protagonista/ e não sei se seria plágio. Também gostaria de saber como colocar o efeito dos títulos e subtítulos desse site como por exemplo o subtítulo "CONCEITOS ABANDONADOS" e o titulo do widget "SAC NO FACEBOOK" no H3 do meu fórum, pois eu colocando normal resulta de modo diferente.


O H3 a qual me refiro são os títulos lá no rodapé "Quem está Online" e "Estatística".


Desde já agradeço.

---

• Informações:
  

Fórum:	http://re-internacional.forumeiros.com/	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	Modificar

---

Olá!

Poderia me fornecer o seu código CSS, por favor?

Até mais!

Claro Shek!

Ai está ele:

Código:

#wrap {
background-color: #000;
border: 1px solid #;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 70%;
}
.navbar {
background-color: #000000;
clear: both;
padding: 0 10px;
}
ul.navlinks {
border-bottom: 0px solid #fff;
text-align: center;
}
#logo-desc {
margin: 0;
padding: 5px;
text-align: center;
border-bottom: 30px solid #FFFFFF;
border-top: 30px solid #FFFFFF;

}
li.header, table.forumline td.catHead {
border-radius: 0px 0px 0px 0px;
padding: 7px;
font-family: Copperplate Gothic Light;
font-size: 12px;
border-bottom: 20px solid #FFFFFF;
border-top: 20px solid #FFFFFF;
 
}
ul.forums li.row dl {
min-height: 0;
margin-top: 20px;
border: 3px solid #FFFFFF;
height: 120px;

}
a.forumtitle {
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
text-decoration: none;
font-family: Copperplate Gothic Light;
}
.table-title, .table-title h2 {
color: #fff;
display: inline;
font-size: 18px;
font-family: Copperplate Gothic Light;
text-align: center;
padding: 8px;
text-transform: none;
margin-left: 120px;
}
a.forumtitle:hover {
   color: #d31141;
   text-decoration: none;
   }
a.forumtitle:after {
  white-space: pre-wrap;
  content: '\a';
}
p em {
color: transparent;
display: block;
font-family: Arial Black;
font-size: 17px;
font-style: bold;
margin-left: 18px;
margin-right: 100px;
padding: 10px;
text-transform: none;
border: 3px solid #FFFFFF;
border-radius: 06px 06px;
width: 900px;
}
.img-whois {
float: center;
height: 249px;
margin-bottom: 7px;
margin-left: 10px;
margin-top: -2px;
width: 98%;
}
.h3, h3 {
border-bottom: 1px solid #;
font-family: BebasNeueRegular;
font-size: 20px;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-align: center;
text-transform: uppercase;
}
.h3 {
font-weight: 10;
}

Olá,

Deixa-me ver se entendi, o senhor quer remover os 700 do H3, e inserir a fonte nos titulos das categorias e nas estatisticas, e inserir a outra fonte nos widgets positivo?
Caso seja isto, veja se lhe agrada:

Código:


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.woff') format('woff'),
        url('../fonts/bebasneue-webfont.ttf') format('truetype'),
        url('../fonts/bebasneue-webfont.webfontABYyK1dn') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    h3 {
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
    font-weight: 900!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
    a.forumtitle {
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
    font-weight: 900!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


Em questão aos widget preciso que o senhor ative eles para que eu possa ver!

Olá Alex,

esse era o código que eu queria. Resultou perfeitamente, entretanto os títulos lá no rodapé estão voltados para a esquerda e queria centralizá-los, utilizei o text-align: center mas não pegou, assim como também queria trocar a cor e o tamanho mas não consegui. Quanto aos widgets, eu os ativei. Pode já conferir. Está demasiado estranho muito colado no body do fórum o que faz toda a estrutura ficar bugada.

De qualquer modo já lhe agradeço.

Olá,

Referente aos "titulos do roda pé" - Seria os titulos "Criar um fórum" e etc.. ?
Caso seja isto, adicione o CSS abaixo e veja se lhe agrada:

Código:


li.rightside {
margin-right: 120px;
}
#left .module .h3 {
    font-family: "BebasNeueRegular", Arial, Helvetica, sans-serif;
    font-weight: 900!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#content-container div#left {
border: 3px solid #FFF;
margin-right: 10px!important;
}



- Eu apliquei uma borda ao redor do widget, no estilo das categorias, apliquei também a fonte no titulo dos widgets e centralizei o seu rodapé.

Não exatamente...

Creio que tenho lhe confundido com a descrição do local na qual me refiro, logo que estou com problemas para dizer que área é essa, então vou mandar-te uma imagem: https://i.servimg.com/u/f39/18/54/15/55/screen10.jpg

Os títulos circulados são as áreas das quais me refiro, os títulos de H3 que ficam lá no rodapé - ou próximo do rodapé - que eu gostaria de centralizar, colocar no tamanho 15 e também mudar a cor.

Em relação à borda do widget e às demais configurações inerentes à este, ficou ótimo, realmente muito bom.

Marvel o seu fórum é bacana Umbrela show! ehueh

Adicione esse CSS:

Código:


.h3 {
text-align: center!important;
font-size: 15px!important;
}


Você não disse a cor que queria, mais caso queira inserir basta colocar dentro das chaves esse código:

Código:


color: COR;


Substitua a COR por uma cor hexadecimal, o senhor pode encontrar no google.

Obrigado Alex =D  Estou fazendo ele pra criar futuramente um fórum de RPG de Resident Evil

Aqui, os códigos do tamanho da fonte e posicionamento do texto funcionaram legal, mas o de cor não tá pegando, coloquei o hexadecimal #FFFFFF e o #FF0000, mas não entrou.

Estou pensando que talvez a cor daqueles títulos só possa ser mudada no painel, mas ai mudaria outros links que não quero.

Acabei de ver uma outra coisa, o código que me passou que colocou a fonte das H3 lá de baixo em tamanho 15 ele também modifica as H3 dos Widgets. Tem como modificar um sem mexer no outro?

Saudações!

Aceda à tua "Folha de estilo CSS":
Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

Código:

h2 {text-align: center!important;font-size: 15px!important;color: #FF0000 !important;}

Melhores cumprimentos,
Sennior.

Olá,

Troque por este!:

Código:


.h3 a {
color: #ff0000!important;
text-align: center!important;
font-size: 15px!important;
}


Alex, obrigado novamente. O código funcionou perfeitamente e não mexeu nos títulos dos widgets. Novamente muito obrigado pelo ajuda.

Até