Como fazer isso?

3 participantes

Ir para baixo

Tópico resolvido Como fazer isso?

Mensagem por Jose Hamizaki 11.07.12 18:09

Qual é minha questão:
Como faço pra deixar minhas categorias com esse efeito e desse jeito: https://2img.net/r/ihimizer/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 19:10, editado 1 vez(es)
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por south 11.07.12 18:41

em que site vc viu isso
south
south
*****

Membro desde : 30/06/2012
Mensagens : 465
Pontos : 609

http://forumblack.queroforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 11.07.12 18:52

Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por south 11.07.12 19:01

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

Membro desde : 30/06/2012
Mensagens : 465
Pontos : 609

http://forumblack.queroforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 11.07.12 19:04

Nao resultou!
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 12.07.12 12:12

up
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Convidad 12.07.12 16:02

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
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 12.07.12 16:41

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?
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Convidad 13.07.12 13:35

Bom dia!

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 13.07.12 13:52

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

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 16.07.12 12:54

up
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Bot Forumeiros 17.07.12 7:41

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.
Bot Forumeiros
Bot Forumeiros
*

Membro desde : 17/07/2012
Mensagens : 38
Pontos : 50

https://www.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 17.07.12 12:26

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

Imagem do que to falando: https://2img.net/r/ihimizer/img213/3731/73779045.png
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Bot Forumeiros 17.07.12 19:07

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.
Bot Forumeiros
Bot Forumeiros
*

Membro desde : 17/07/2012
Mensagens : 38
Pontos : 50

https://www.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso?

Mensagem por Jose Hamizaki 17.07.12 19:10

Obrigado, podem fechar o topico.
Jose Hamizaki
Jose Hamizaki
Super Membro

Membro desde : 26/02/2012
Mensagens : 1050
Pontos : 1540

http://pokemonforver.forumeiros.com/

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