Como deixar as categorias/fóruns assim?

Item: Como deixar as categorias/fóruns assim?
Rating: 1

por LucasRPG 13.08.12 5:05

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

por Ace 13.08.12 13:40

Olá,

Leia:

https://ajuda.forumeiros.com/t15944-

Cordialmente.

por LucasRPG 13.08.12 17:14

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

por Sennior 13.08.12 18:53

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.

por LucasRPG 14.08.12 4:04

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 )

por Sennior 14.08.12 4:28

Olá,

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

Até mais! Muito feliz

por LucasRPG 17.08.12 4:37

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

por Sennior 17.08.12 4:47

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.

por Oto! 17.08.12 14:10

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