Como deixar as categorias/fóruns assim?

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

Resolvido Como deixar as categorias/fóruns assim?

Mensagem por LucasRPG em 13/08/12, 01:05 am

Qual é minha questão:
Olá.
Gostaria de saber como deixo as categorias e fóruns deste jeito como neste fórum : http://narutonosousaku.actifforum.com/

Obrigado



Links e imagens do meu problema:
Neste fórum : http://narutonosousaku.actifforum.com/

Endereço do meu fórum:
http://cavaleiros-teste.forumeiros.com

Versão do meu fórum:
PUNBB
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Como deixar as categorias/fóruns assim?

Mensagem por Ace em 13/08/12, 09:40 am

Olá,

Leia:

Flecha ajudeiros http://ajuda.forumeiros.com/t15944-

Cordialmente.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como deixar as categorias/fóruns assim?

Mensagem por LucasRPG em 13/08/12, 01:14 pm

Olá Ace.
Quase acertou,mas oque eu quero é deixar no Estilo do fórum que passei : http://narutonosousaku.actifforum.com/
Com a descrição ao passar o mouse na imagem,os efeitos e etc
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Como deixar as categorias/fóruns assim?

Mensagem por Sennior em 13/08/12, 02:53 pm

Tente este código:

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
letter-spacing: 4px;
text-decoration: none!important;
transform: all;
transition: 1s;
}

Até logo.
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: Como deixar as categorias/fóruns assim?

Mensagem por LucasRPG em 14/08/12, 12:04 am

Olá Dr.House.
O CSS afetou somente os Links do Fórum.

Tentei editar o template para realizar o efeito e não obtive sucesso ( não tenho muita experiencia com templates )
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Como deixar as categorias/fóruns assim?

Mensagem por Sennior em 14/08/12, 12:28 am

Olá,

mas desejas colocar sobre as categorias, ou sobre todos os links?

Até mais! Muito feliz
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: Como deixar as categorias/fóruns assim?

Mensagem por LucasRPG em 17/08/12, 12:37 am

Sobre as Categorias,gostaria daquele efeito,Esse Layout das Categorias.
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Como deixar as categorias/fóruns assim?

Mensagem por Sennior em 17/08/12, 12:47 am

Boa noite,

Creio eu que e possível por edições de Template, mas tente este código:

.topictitle, h1, h2 {
color: #474037;
font-size: 13px;
font-weight: 700;
}
user agent stylesheeth2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

Cordialmente.
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: Como deixar as categorias/fóruns assim?

Mensagem por Oto! em 17/08/12, 10:10 am

Olá!

Código:
.main-head {
border-bottom: 3px dotted #191817;
display: block;
font-family: arial;
font-size: 31px;
font-weight: 700;
letter-spacing: 1px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
padding: 2px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 0 black;
text-transform: uppercase;
width: 950px;
z-index: 2;
background-color: transparent !important;
}

.page-title {
-htm-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
background-color: #A8A8A8;
display: block;
height: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
transform: rotate(5deg);
width: 90%;
z-index: 1;
font-family: arial;
font-size: 31px;
font-weight: 700;
letter-spacing: 1px;
text-align: center;
text-shadow: 1px 1px 0 black;
text-transform: uppercase;
}

Adicione em Painel de controle > Visualização > Cores > Folha de estilo CSS.

Até mais.
Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

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