Personalisando a categoria

4 participantes

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

Tópico resolvido Personalisando a categoria

Mensagem por juninho_xd 31.08.11 0:19

Qual é minha questão:
Gostaria de saber como eu personaliso minha categoria como na foto abaixo.

Eu ja mechi em tudo, antes de postar algo.

Eu ja fui em visualização > Gestão das imagens > Geral/navegação > Imagem de fundo das tabelas :

Tem essa imagem la: http://hitskin.com/themes/17/62/32/i_list_bg.png


Gostaria de saber como personalisar.

Queria colocar outra imagem no local.

Meu css é:

Código:

/* Personalizacao do Butao de votar - Forum Dos Foruns  */

.vote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EAEAEA;
border:1px solid #D4D6D5;
padding:4px 1px;
text-align:center;
width:20px;
}


.vote .vote-button a[href$="plus"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg) no-repeat scroll 0 0;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href$="minus"] {
background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat:no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}


/*Notepad*/
.notepad {
  margin: 0px auto 15px;
  width: 265px
}
.notepad-content .notepad-box {
  width: 265px;
  position: relative;
  height: 300px
}
.notepad-content #notepad {
  border-right: transparent 1px dotted;
  border-top: transparent 1px dotted;
  background: none transparent scroll repeat 0% 0%;
  left: 25px;
  overflow: auto;
  border-left: transparent 1px dotted;
  width: 211px;
  border-bottom: transparent 1px dotted;
  position: absolute;
  top: 61px;
  height: 218px;
  cursor: default;
}

div.topic-title-container {
    display: inline;
    font-size: 12px;
    text-align: center;
    }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}



a {

outline: none;

}


.postprofile {
text-align:left;
}

.post{
background-color: #f2f2f2;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */

.feedburnerFeedBlock img {
display: none;
}
.feedburnerFeedBlock li {
padding: 10px 5px;
min-height: 40px;
-moz-border-radius: 0px 0px 0px #fff;
border:1px dotted #ccc;
}
.feedburnerFeedBlock li:hover {
background-color: #f2f2f2;
}

.feedburnerFeedBlock li a{
font-size: 1.2em;
font-family: Arial,Helvetica,sans-serif;
background: url(http://www.forumeiros.com/i/img/puce_fleche.png) 0%

50% no-repeat;
padding-left: 15px;
color: #000;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.date {
margin: -2px 0px;
font-size: 1.0em;
background: url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) 0%

50% no-repeat;
padding-left: 15px;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock li p.feedItemAuthor {
margin: -2px 0px;
font-size: 1.0em;
-moz-border-radius: 0px 0px 0px #fff;
}

.feedburnerFeedBlock ul li div {
color: #000;
line-height: 100%;
text-align: justify;
-moz-border-radius: 0px 0px 0px #fff;
}
/* THIS CODE IS TO PERSONALIZE A WIDGET, NOT TO ERASE  */
hr {
color: #ccc;
background-color: #ccc;
border: 0px solid #ccc;
}
#popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ccc;
display: none;
background-image: url('http://img15.imageshack.us/img15/9581/alt.png');
background-position: center bottom;
background-repeat: repeat-x;
-moz-box-shadow: 0 0 1em #ccc;
}


.module {
margin-bottom: 4px;
padding: 0 10px;
}

.module {
background-image: url('');
background-repeat: repeat-x;
border: 1px solid #ccc;
}

.module {
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}
.module span.corners-top, .module span.corners-bottom {
margin: 0 -10px;
}

.module .h3,.introduction .h3 {
margin: 0.5em 0;
color: #000;
border-bottom: 0px solid #000000;
height: 1%;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
-moz-border-radius: 0px 0px 0px #fff;
}

.module ul, .module ol {
list-style-position: inside;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dt {
width: 10em;
text-align: left;
margin-left: 5px;
box-shadow: 0 0 1em #ccc;
}

.module dl.details dd {
margin-left: 0px;
box-shadow: 0 0 1em #ccc;
}

.module table.mod-top-posters {
table-layout: fixed;
box-shadow: 0 0 1em #ccc;
-moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;
}

.module .fields1 dd {
margin-left: 0;
}

.module h3 {
margin: 0.5em 0;
color: #000000;
border-bottom: 0px solid #000000;
color: #ccc;
text-align: center;
text-transform: capitalize;
font-size: 12px;
margin-top: -1px;
padding-bottom: 5px;
}

.h3 {
color: #6f6f6f;
background-image: url('');
background-position: bottom;
background-repeat: repeat-x;
border: 1px solid #666666;
-moz-border-radius: 10px;
}

.h3 {
text-align: center;
}

h1.page-title {
color: #ccc;
}
.post {
background-image: url(http://i96.servimg.com/u/f96/12/46/70/00/60870010.png);
background-repeat: no-repeat;
background-position: right bottom;

}
.user_login_form {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#555555 none repeat scroll 0 0;
left:0;
opacity:0.75;
position:fixed;
top:0;
width:100%;
}

.user_login_form label {
color:#FFFFFF;
opacity:1;
}

Obrigado desde ja.

Medidas que eu tomei para corrigir o problema:
Procurei no fórum todo, css e em todas as imagens.

Imagens do meu problema:
Personalisando a categoria 12311

Endereço do meu fórum:
http://high-tech.livreforum.com

Versão do meu fórum:
PHPBB3
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por Dury 31.08.11 1:02

Olá,

Junior, neste caso você vai apenas editar a imagem. O deste fórum que mostrou como imagem de exemplo, ele editou a imagem aumentando a largura dela e adicionando um texto na imagem do tamanho da categoria.

Por exemplo:
Personalisando a categoria I_list10
https://i.servimg.com/u/f43/16/63/75/54/i_list10.png

Até!
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 3:32

Mais eu tentei com outra imagem, e deu a mesma coisa.

Personalisando a categoria I_list_bg


xD

O que pode ser?

juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por Dury 31.08.11 3:34

Só que a imagem deve ser do tamanho certo Junior. Essa que apresentou é uma imagem preta. Adicione um texto nela e veja se da.
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 3:38

Olha conforme a primeira mensagem, eu estou usando essa imagem:

Personalisando a categoria I_list_bg

E aidna não deu certo.

Ja tentei de tudo.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por Dury 31.08.11 3:51

Olá,

As dimensões prováveis e essa: https://i.servimg.com/u/f42/13/72/85/95/barra210.jpg
Dury

Dury
Membro Entusiasta
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 3:59

Não adiantou, olha.

Coloquei essa barra.

Personalisando a categoria Hhig10

E ficou assim:


Personalisando a categoria Hhhhh10

Att
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por Konai 31.08.11 4:34

A imagem de baixo para cima, é muito grande. Nisso não fica exacto no fórum.
Tem que fazer de um tamanho de lado, assim fica correcto na hora que colocar em seu fórum, compreende?



Melhores cumprimentos
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 4:36

Mais não é sobre isso que é minha dúvida.

Minha dúvida é como que faz para tirar ou alterar aquele nome fox.

Conforme aqui:

Personalisando a categoria 12311
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por seender 31.08.11 4:39

Olá!

Terá de altera-lo com um editor de imagens, um exemplo é o Photoshop.

Até mais!
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 4:40

Olá, ja editei mais não aparece nada.

Fica igual aqui:

A parte high eu editei.

Agora o fox, fica do mesmo jeito:

Personalisando a categoria Hhhhh10


Praticamente ja fiz de tudo o que eu pude fazer.

Att
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalisando a categoria

Mensagem por juninho_xd 31.08.11 4:44

Olá, conssegui resolver.

Era só ir em:

Visualização > gestão das imagens > Geral/navegação > imagem do fundo dos títulos.


Att

Podem fechar o tópico.
juninho_xd

juninho_xd
Membro

Membro desde : 25/06/2010
Mensagens : 859
Pontos : 1349

https://tech-gamex.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalisando a categoria

Mensagem por seender 31.08.11 4:45

Olá!

Utilize o seguinte código:
Código:
ul.topiclist{
background-image: url(http://2img.net/i/fa/empty.gif);
}

PS: Este código também resulta.

Melhores cumprimentos,
seender
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos