Personalisando a categoria

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

Resolvido Personalisando a categoria

Mensagem por juninho_xd em 30/08/11, 08:19 pm

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://illiweb.com/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:


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

Versão do meu fórum:
PHPBB3
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por Dury em 30/08/11, 09:02 pm

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:

http://i43.servimg.com/u/f43/16/63/75/54/i_list10.png

Até!
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 30/08/11, 11:32 pm

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




xD

O que pode ser?

avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por Dury em 30/08/11, 11:34 pm

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 30/08/11, 11:38 pm

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



E aidna não deu certo.

Ja tentei de tudo.
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por Dury em 30/08/11, 11:51 pm

Olá,

As dimensões prováveis e essa: http://i42.servimg.com/u/f42/13/72/85/95/barra210.jpg
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 30/08/11, 11:59 pm

Não adiantou, olha.

Coloquei essa barra.



E ficou assim:




Att
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por Gaaratsu em 31/08/11, 12:34 am

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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 31/08/11, 12:36 am

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

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

Conforme aqui:

avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por seender em 31/08/11, 12:39 am

Olá!

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

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 31/08/11, 12:40 am

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

Fica igual aqui:

A parte high eu editei.

Agora o fox, fica do mesmo jeito:




Praticamente ja fiz de tudo o que eu pude fazer.

Att
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por juninho_xd em 31/08/11, 12:44 am

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.
avatar

juninho_xd
Usuário destaque

Masculino
Inscrito dia : 25/06/2010
Mensagens : 809
Pontos Ativos : 1263

Ver perfil do usuário http://tech-world.forumeiros.com

Resolvido Re: Personalisando a categoria

Mensagem por seender em 31/08/11, 12:45 am

Olá!

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

PS: Este código também resulta.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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