Modificar visualização nas categorias

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

Resolvido Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 28/07/14, 09:02 am


  • 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ódigoTags:Modificar



Última edição por Marvel Universe RPG em 30/07/14, 03:07 pm, editado 1 vez(es)
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Modificar visualização nas categorias

Mensagem por Shek em 28/07/14, 09:49 am

Olá!

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

Até mais!


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17137
Pontos Ativos : 21398

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 28/07/14, 10:11 am

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

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade em 28/07/14, 09:05 pm

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!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 29/07/14, 12:37 am

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

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade em 29/07/14, 11:58 am

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é.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 29/07/14, 05:13 pm

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: http://i39.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.
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade em 29/07/14, 06:44 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 30/07/14, 02:23 am

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

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Modificar visualização nas categorias

Mensagem por Sennior em 30/07/14, 03:16 am

Saudações! Muito feliz

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

Código:
Código:
h2 {text-align: center!important;font-size: 15px!important;color: #FF0000 !important;}
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade em 30/07/14, 11:15 am

Olá,

Troque por este!:
Código:

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG em 30/07/14, 03:04 pm

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

Até Muito feliz
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

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