Modificar visualização nas categorias Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Modificar visualização nas categorias

4 participantes

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
**

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 Shek 28.07.14 13:49

Olá!

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

Até mais!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

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
**

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
Hiper Membro

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
**

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
Hiper Membro

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
**

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
Hiper Membro

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
**

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 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
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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
Hiper Membro

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
**

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

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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