Defeito no tema

Qual é minha questão:
Alterei as imagens dos sub-fóruns (Nova Mensagem, Bloqueado e etc... ) e elas estão sendo cortadas pelo quadro onde aparece os tópicos, se ainda não entedeu da uma olhada ai: http://narutosenju.forumeiros.com e veja o que acontece nos sub-fóruns.

Medidas que eu tomei para corrigir o problema:
Pesquisar nas duvidas resolvidas, achei parecidas mais a versao do forum era diferente

Imagens do meu problema:

https://2img.net/r/ihimizer/img256/532/semttulosw.png

Endereço do meu fórum:
narutosenju.forumeiros.com

Versão do meu fórum:
PHPBB3

Olá!

Poderia postar aqui uma screen do problema? não percebo qual seja, talvez este erro é ocasionado pelo seu navegador Google Chrome.

Até mais!

Olá,
Eu não vejo problema nenhum nas imagens em questão!
Aqui esta a prova disto:

https://i.imgur.com/KDO1f.png

Talvez seja o seu navegador que esta dando algum problema ou carregando as imagens errado!
Atenciosamente:
Mamedez

Nos fóruns está tudo normal o problema e nos SUB-FÓRUNS parei de acessar pelo Chrome ( eskeci de alterar no perfil ) estou usando o Mozilla, se ainda precisar de uma screen... só falar que eu posto.

Se precisar aqui está meu CSS:

Código:

/*...............Menu de navegação...............*/

.navlinks {
center: 120px;
top: 195px;
position:center !important;
visibility:visible !important;
z-index:9 !important;
}

body {
background-attachment:fixed;
background-color:#2D2D2D;
background-image:url(http://i28.tinypic.com/1070uuo.jpg);
background-position:center top;
}
#phpbb {
background-image: url(http://img560.imageshack.us/img560/8879/fundou.png)
background-repeat: repeat;
}
ul.topiclist.topics li.row dl.icon{ height: 60px !important;}
ul.topiclist.topics li.row dl.icon dd.dterm { padding-left: 60px !important; }
ul.topiclist.topics li.row dl.icon dd.dterm strong.pagination { margin-right: 15px;}
ul.topiclist.topics li.row dl.icon dd.posts { margin-left: -15px; }
.forumbg, .forabg {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.post {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
#wrap {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;

}
a:hover {
cursor: url('http://cur.cursors-4u.net/cursors/cur-5/cur438.cur'), url('http://cur.cursors-4u.net/cursors/images5/cur438.png'), auto;
}
body {
cursor: url('http://cur.cursors-4u.net/cursors/cur-5/cur425.cur'), url('http://cur.cursors-4u.net/cursors/images5/cur425.png'), auto;
}
.introduction, .panel, .post {
background-color: transparent;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

div.module {
background-color: transparent;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

input.button1, input.button2, a.button1, a.button2, button.button2, button.button1 {
background:#e7f3f7 url(http://im1.all-up.com/i/img/bg_button.png) repeat-x;
border:3px solid #008AE6;
color:#5e6669;
overflow:visible;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 3px 3px #CCCCCC;
-webkit-box-shadow: 0px 3px 3px #CCCCCC;
}
input.button1:hover, input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, button.button1:hover {
border: 1px solid #FF9D00;
color:black;
background-position: top;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

blockquote{
background-color: #FFFFFF;
border: 4px solid #008AE6;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color : #eee;
display: block;
overflow: auto;
padding: 5px;
}

dl.codebox {
border: 4px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}

codebox dt{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/citati10.png');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 10px 3px 3px;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

#text_editor_textarea {
border:3px solid #008AE6;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}


.postprofile{
border: 1px solid #eee;
text-align: center;
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}

.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #eee;
color: #FFF;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
text-align: center;
}
ul.topiclist {
border: 1px solid #eee;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 2px 2px #CCCCCC;
-webkit-box-shadow: 0px 2px 2px #CCCCCC;
-image-topic-height: 70px;
}


.pathname-box {
background-image: url('http://demo.phpbb3styles.net/styles/proVista/theme/images/cellpic4.gif');
background-repeat: repeat;
border: 1px solid #eee;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
.module div.h3{color:black}
a[href="/u1"] {
text-shadow: 0px 0px 5px #87CEEB;
background: url("http://www.mundodosgifs.com/chuva/chuva15.gif")}
#chatbox {
background-color: #ffffff;
}
#chatbox_members {
background-color: #ffffff;
}

Olá,

seria bom mostrar um print screen, pois aqui aparece tudo normal:


https://2img.net/h/oi39.tinypic.com/106y92t.png

Até Mais.

Print:


https://2img.net/r/ihimizer/img256/532/semttulosw.png

Olá!

Utilize este código:

dd.dterm{margin-left:10px;margin-top:5px;margin-bottom:5px;}

Vermelho Distância entre a imagem e as palavras, quanto maior o valor maior será o espaço entre a palavra e a imagem.
Laranja Distância entre a imagem e o topo da classe, quanto maior o valor maior será a área de visualização da imagem.
Verde Distância entre a imagem e o fim da classe, quanto maior o valor maior será a área de visualização da imagem.

O código deve ser adicionado em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'

Seender o código não funcionou, continuar a mesma coisa.

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

dd.dterm div.topic-title-container,span.span-tab{margin-left:45px}

Salve.

Até mais.

Luciano moveu somente o título o mini-icone e o autor do post estão no mesmo lugar alem da imagem estar desproporcional ( acho q e essa a palavra ) ao quadro.

Itachi-kun escreveu:Luciano moveu somente o título o mini-icone e o autor do post estão no mesmo lugar alem da imagem estar desproporcional ( acho q e essa a palavra ) ao quadro.

Você quer mover a imagem para a esquerda ou quer mover o titulo do tópico e o autor para a direita?

Até mais.

Mover o o título do tópico e o autor para a direita e também aqueles mini-ícones que aparecem do Lado do título, mas tem o o problema da imagem ficar "cortada" pelo quadro do fórum.

Olá!

Não sei de que mini-ícone você está falando, pois não vejo nenhum mini-ícone ao lado do título.
Para colocar o título do tópico e o autor para a direita faça o seguinte.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

dd.dterm div.topic-title-container,span.span-tab{margin-left:60px}

Salve.

Até mais.

Aqui está o mini icone:


https://2img.net/r/ihimizer/img824/1295/semttulonxr.png

e o Título do Tópico e o Autor estã deslinhados, e também a imagem está cortada pelo quadro do fórum.


https://2img.net/r/ihimizer/img703/9517/semttulomft.png

Imagem Original
http://hitskin.com/themes/14/91/39/i_folder_big.png

Olá

Agora entendi oque você está falando...
O Mini-Icone que ele esta falando são esses icones da Forumeiros que vocês coloca no Topico -

Porem la no Forum dele e esse , e quinem no Sistema VBuletin quando você cria um Topico ja vem com esse Icone.

https://i.imgur.com/wRWB6.gif Print Tirado do Sistema VBuletin



Motivo do Problema

E que a Imagem do SUB-Forum dele e muito grande e o Icone tem luga certo para fica, acho que não tem como move

É exatamente isso, então quer dizer que terei que trocar para as imagens padrão???

Olá!

Não precisa ser Padrão so precisa ser um pouco menor para que o Mini-Icone possa amostra fora da Imagem do SUB-Forum.

Ok, valeu então pode fechar.

Olá!

Sua Dúvida foi Resolvida ??
Caso seja Topico sera #Fechador !!


Não esqueça do + ou

Pode fechar