Como fazer isso?

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

Resolvido Como fazer isso?

Mensagem por Jose Hamizaki em 11/07/12, 02:09 pm

Qual é minha questão:
Como faço pra deixar minhas categorias com esse efeito e desse jeito: http://img35.imageshack.us/img35/2922/semttuloten.png

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://pokemonforver.forumeiros.com/

Versão do meu fórum:
PHPBB2


Última edição por Jose Hamizaki em 17/07/12, 03:10 pm, editado 1 vez(es)
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por south em 11/07/12, 02:41 pm

em que site vc viu isso
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 11/07/12, 02:52 pm

avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por south em 11/07/12, 03:01 pm

Coloque isso no css
Código:
.last-post {
    background-color: #F7F4F4;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius: 15px;
    -html-border-radius: 15px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: none;
    padding-top: 5px;
    padding: 7px;
    -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    text-align: top justify;
    height: 90px;
    color: gray !important;
    }
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 11/07/12, 03:04 pm

Nao resultou!
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 12/07/12, 08:12 am

up
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Convidad em 12/07/12, 12:02 pm

Bom dia!

Os efeitos são feitos por edição de template. Infelizmente, não temos acesso aos templates do fórum em questão, pois ele usa CSS para personalizar os trechos citados na imagem.

Atenciosamente,
Muito feliz

Convidad
Convidado


Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 12/07/12, 12:41 pm

Entao, voce poderia me passar o codigo pra fonte dos nomes da categoria ficar igual a desse forum ou tambem e feito por edição de template?
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Convidad em 13/07/12, 09:35 am

Bom dia!

Basta o senhor abrir o fórum e precionar o botão do teclado "Ctrl + U". Muito feliz

Convidad
Convidado


Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 13/07/12, 09:52 am

Voce poderia pegar o codigo pra min? Eu nao sei reconhecer qual codigo que é, onde começa e ate onde vai, Envergonhado
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 16/07/12, 08:54 am

up
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Bot Forumeiros em 17/07/12, 03:41 am

Painel > Visualização > Imagens e cores > Folha de estilo CSS

Código:
table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] td.row1[align="center"][valign="middle"]{background-color:transparent;border:0px}

table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] td.over[width="100%"][valign="top"][height="50"]{
    -webkit-border-horizontal-spacing: 0px;  -webkit-border-image: none;  -webkit-border-vertical-spacing: 0px;  -webkit-box-shadow: #CBCACA 1px 1px 2px 0px, #CBCACA -1px -1px 2px 0px;  background-color:white!important;  border-bottom-color: black;  border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px;  border-bottom-style: none;  border-bottom-width: 0px;  border-collapse: separate;  border-left-color: black;  border-left-style: none;  border-left-width: 0px;  border-right-color: black;  border-right-style: none;  border-right-width: 0px;  border-top-color: black;  border-top-left-radius: 15px;  border-top-right-radius: 15px;  border-top-style: none;  border-top-width: 0px;  box-shadow: #CBCACA 1px 1px 2px 0px, #CBCACA -1px -1px 2px 0px;  cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur425.cur), progress;  display: table;  font-family: Verdana, Arial, Helvetica, sans-serif;  margin-bottom: 20px;  margin-left: 0px;  margin-right: 0px;  margin-top: 0px;  padding-bottom: 10px;  padding-left: 10px;  padding-right: 10px;  padding-top: 10px;
}

table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] td[align="center"][valign="middle"][height="50"]{background-color:transparent}

table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] td.over[align="center"][valign="middle"][height="50"]{    background-color: #F7F4F4;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-radius: 15px;
    -html-border-radius: 15px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: none;
    padding-top: 5px;
    padding: 7px;
    -moz-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    -webkit-box-shadow: 1px 1px 2px #cbcaca, -1px -1px 2px #cbcaca;
    text-align: top justify;
    color: gray !important;}

table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"]{-webkit-border-horizontal-spacing: 0px;
-webkit-border-image: none;
-webkit-border-vertical-spacing: 0px;
-webkit-box-shadow: #CBCACA 1px 1px 2px 0px, #CBCACA -1px -1px 2px 0px;
background-image: url(http://img691.imageshack.us/img691/3579/sanstitre15fm2.jpg);
border-bottom-color: black;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-left-color: black;
border-left-style: none;
border-left-width: 0px;
border-right-color: black;
border-right-style: none;
border-right-width: 0px;
border-top-color: black;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-top-style: none;
border-top-width: 0px;
box-shadow: #CBCACA 1px 1px 2px 0px, #CBCACA -1px -1px 2px 0px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur425.cur), progress;
display: table;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;}

table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] th.secondarytitle[width="100%"],table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] th[width="50"],table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] th[width="150"]{display:none}

Validar.
avatar

Bot Forumeiros
BOT Forumeiros
BOT Forumeiros

Inscrito dia : 17/07/2012
Mensagens : 38
Pontos Ativos : 50

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

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 17/07/12, 08:26 am

Deu certo, so que na parte dos topicos, onde o membro acabou de postar ficaram juntas, a como separar?

Imagem do que to falando: http://img213.imageshack.us/img213/3731/73779045.png
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Como fazer isso?

Mensagem por Bot Forumeiros em 17/07/12, 03:07 pm

Painel > Visualização > Imagens e cores > Folha de estilo CSS

Código:
table.forumline[width="100%"][border="0"][cellspacing="1"][cellpadding="0"] td.over[align="center"][valign="middle"][height="50"]{display: block;height: 125px;position: relative;top: -14px;}

Validar.
avatar

Bot Forumeiros
BOT Forumeiros
BOT Forumeiros

Inscrito dia : 17/07/2012
Mensagens : 38
Pontos Ativos : 50

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

Resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki em 17/07/12, 03:10 pm

Obrigado, podem fechar o topico.
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

Ver perfil do usuário http://pokemonforver.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