Modificar visualização nas categorias

4 participantes

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

Tópico resolvido Modificar visualização nas categorias

Mensagem por Marvel Universe RPG 28.07.14 13:02


  • 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 19:07, editado 1 vez(es)
Marvel Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Shek 28.07.14 13:49

Olá!

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

Até mais!
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18676
Pontos : 22529

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 visualização nas categorias

Mensagem por Marvel Universe RPG 28.07.14 14:11

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;
}
Marvel Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade 29.07.14 1:05

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!
Alex Habilidade

Alex Habilidade
Membro experiente

Masculino
Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG 29.07.14 4:37

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.
Marvel Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade 29.07.14 15:58

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é.
Alex Habilidade

Alex Habilidade
Membro experiente

Masculino
Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG 29.07.14 21:13

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 Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade 29.07.14 22:44

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.
Alex Habilidade

Alex Habilidade
Membro experiente

Masculino
Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG 30.07.14 6:23

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?
Marvel Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Sennior 30.07.14 7:16

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Alex Habilidade 30.07.14 15:15

Olá,

Troque por este!:
Código:

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

Alex Habilidade
Membro experiente

Masculino
Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visualização nas categorias

Mensagem por Marvel Universe RPG 30.07.14 19:04

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
Marvel Universe RPG

Marvel Universe RPG
Nível 7

Masculino
Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

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


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