Modificar visualização nas categorias
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
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 |
Última edição por Marvel Universe RPG em 30.07.14 19:07, editado 1 vez(es)
Re: Modificar visualização nas categorias
Olá!
Poderia me fornecer o seu código CSS, por favor?
Até mais!
Poderia me fornecer o seu código CSS, por favor?
Até mais!
Re: Modificar visualização nas categorias
Claro Shek!
Ai está ele:
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;
}
Re: Modificar visualização nas categorias
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:
Em questão aos widget preciso que o senhor ative eles para que eu possa ver!
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!
Re: Modificar visualização nas categorias
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.
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.
Re: Modificar visualização nas categorias
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:
- 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é.
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é.
Re: Modificar visualização nas categorias
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.
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.
Re: Modificar visualização nas categorias
Marvel o seu fórum é bacana Umbrela show! ehueh
Adicione esse CSS:
Você não disse a cor que queria, mais caso queira inserir basta colocar dentro das chaves esse código:
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;
Re: Modificar visualização nas categorias
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?
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?
Re: Modificar visualização nas categorias
Saudações! ![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Aceda à tua "Folha de estilo CSS":
Painel de Controle
Visualização
Imagens e cores
Cores
Folha de estilo CSS
Código:
Sennior.![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Aceda à tua "Folha de estilo CSS":
Painel de Controle
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
![Seta](/users/2612/28/77/07/smiles/3481857688.png)
Código:
- Código:
h2 {text-align: center!important;font-size: 15px!important;color: #FF0000 !important;}
Sennior.
![De bem com a vida](/users/2612/28/77/07/smiles/723208.gif)
Re: Modificar visualização nas categorias
Olá,
Troque por este!:
Troque por este!:
- Código:
.h3 a {
color: #ff0000!important;
text-align: center!important;
font-size: 15px!important;
}
Re: Modificar visualização nas categorias
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](/users/2612/28/77/07/smiles/274593.gif)
Até
![Muito feliz](/users/2612/28/77/07/smiles/274593.gif)
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos