Imagens de categorias cortadas

Qual é minha questão:
Ola, observem este print: https://i.imgur.com/Fd5lfso.png ,
como podem ver a imagem de antigo-novo-bloqueado das categorias estão sendo cortadas pela (caixa/borda/barra) e pelo (titulo/descrição)
como eu faço para resolver isto ??

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

Versão do fórum:
PHPBB3

Olá!

Acenda sua "Folha de estilo CSS":

Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

dl.icon {
margin-left: -13px;
}

Vermelho > Vá aumentando o valor até ficar na posição desejada.
Validar.

Até mais.

ola, não deu certo, só bugou um pouco a imagem pro lado(até cortando um ela em pouco mais XD)
na versão phpbb2 ja regula certinho a está imagem, porque no phpbb3 não regula ??
não sei se ajuda mais as dimensões da imagem é 85x85

Olá!

Troque o código por este:

.forumtitle {
margin-left: 13px;
}

Vermelho > Vá aumentando o valor até ficar na posição desejada.

Até mais.

funcionou, mas:
-os moderadores e a descrição ainda estão em cima
-a caixa ainda não se adequá às dimensões da imagem( que é 85x85 )

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS

Código:

Código:

span.mod-text {
margin-left: 50px;
}
.mod-text {
margin-left: 50px;
}
a.group-mod {
margin-left: 50px;
}
a.forumtitle {
margin-left: 50px;
}
dl.icon {
height: 80px;
width: 80px;
}

Valide.

crazy, bugou tudo o.o ?

Olá!

Deixe o meu código ativo para que eu possa fazer um correto, antes de adicionar o meu código, retire os códigos fornecidos a você nesse tópico.

Até mais.

pronto, olha la, fico rudo bugado.

Olá!

Troque por esse

Código:

        span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
 

Até mais.

olha, funcionou na categoria , mas se clicar no forum pra ver, ainda não resultou.
e outro a caixa ainda ta cortando as imagens! é pra tudo que ta la dentro rediemncionar de acordo com a imagem, quem nem a versão phpbb2!! que ja faz isso automaticamente!! porque o phpbb3 não faz ?!?!

crazy aqui ta um forum que as imagens tem as mesmas dimensões das minhas e ta tudo bem organizado: http://www.onepiecerpg.com/
tem como deixar igual a este forum?

Olá!

Troque por esse

Código:

        span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
.row img {
width: 75px;
height: 75px;
margin-top: 2px;
}
.topictitle {
        margin-left: 50px;
        }
.span-tab {
        margin-left: 50px;
        }
.row.row2 img {
width: 75px;
height: 75px;
margin-top: 2px;
}


Cada versão tem as suas qualidades e defeitos.

Até mais.

-.-' resolveu algumas coisas, mas bugo outras, sabe aquela imagem que aparece quando voce está participando do topico, ela ta gigante 0.0 , e aumentou de mais o tamanho da caixa tem como reduzir um pouco: olha la pra ver.

Olá!

Troque por esse

Código:

span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
        dl.icon img {
        width: 75px;
        height: 75px;
        margin-top: 2px;
        }
        .topictitle {
        margin-left: 50px;
        }
        .span-tab {
        margin-left: 50px;
        }
 

"sabe aquela imagem que aparece quando você está participando do tópico" Qual imagem ?

Até mais.

ola, ainda ficou muito grande, com algumas coisas deformadas( estão com tamanho que não eram para ter )
e aqui ta o print da imagem a que me refiro: https://i.servimg.com/u/f80/17/97/95/00/tttttt10.jpg

Olá!

Troque por esse

Código:

        span.mod-text {
                margin-left: 50px;
                }
                .mod-text {
                margin-left: 50px;
                }
                a.group-mod {
                margin-left: 50px;
                }
                a.forumtitle {
                margin-left: 50px;
                }
                dl.icon img {
                margin-top: 1px;
                }
                .topictitle {
                margin-left: 50px;
                }
                .span-tab {
                margin-left: 50px;
                }


Até mais.

melhoro agora, mas ainda tem uns detalhes:
-a imagem que eu falei anterior mente ta em cima da imagem de foruns
-a imagem de forum ainda ta cortada pela caixa

Olá!

Adicione na sua Folha de Estilos CSS

Código:

dl.icon img {
    width: 44;
    display: block;
}
.icon {
margin-top: 3px !important;
}

-a imagem que eu falei anterior mente ta em cima da imagem de foruns

Estranho, não to vendo essa imagem será que só aparece para usuários registrados?

Até mais.

isso , ja ta quase perfeito so dois detalhes:
- a descrição esta em cima da imagem
- em forum: o titulo e autor estão muito em baixo tem como subi eles um pouco pra deixar organizado?

Olá!

Seus fóruns não tem descrição, poderia adicionar uma ?

Adicione na sua "Folha de Estilos CSS"

Código:

.color-groups {
margin-top: -6px;
}
.group-mod {
margin-left: -10px !important;
}


Até mais.

ola o titulo e autor ainda estão muito em baixo: http://snkrpg.forumeiros.com/f1-seu-primeiro-forum
e os moderadores esta com os grupos em cima: http://snkrpg.forumeiros.com/
eu coloquei a descrição mais não apareceu ._.?

Olá!

Troque o CSS do post anterior por esse:

Código:

        .color-groups {
        margin-top: -6px;
        }
.color-groups strong {
margin-top: 20px;
}


        .group-mod {
        margin-left: -4px !important;
        }


Me forneça a sua folha de estilos CSS.

Até mais.

aqui:

Código:

 span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
        dl.icon img {
        margin-top: 1px;
        }
        .topictitle {
        margin-left: 50px;
        }
        .span-tab {
        margin-left: 50px;
        }
dl.icon img {
    width: 44;
    display: block;
}
.icon {
margin-top: 3px !important;
}
.color-groups {
margin-top: -6px;
}
.color-groups strong {
margin-top: 20px;
}


.group-mod {
margin-left: -4px !important;
}

/* borda nos widgets */
.module {
background-color:#1f1f1f;background-image:url();background-position:0 0;background-repeat:repeat-x;border:2px solid #b0a9a9;clear:both;margin-bottom:4px;padding:0 5px
;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800;
 -moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800
}
.module .h3 {
background-color:#1f1f1f;background-image:url(http://i.imgur.com/UKNeAsZ.png);background-repeat:repeat-x;
color: white !important;
text-shadow: #FF4800 0px 0px 10px;
font-family: 'Rye', cursive;
}
.module {
color: white;
font-family: 'Trebuchet MS', cursive;
}
/* caixa de quote, spoiler e outros */
.blockquote {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}
.codebox.spoiler {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}
.codebox {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}

/* caixa ao redor de avatar e perfil */
.postprofile{border-color:transparent;border-left-style:solid;border-left-width:1px;color:#fff;display:inline;float:right;margin:5px 0 0;min-height:80px;position:relative;width:22%;word-wrap:break-word}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#00edff;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#00c8d6;text-decoration:underline}
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{height:300px;width:150px}
.postprofile{-webkit-box-shadow:0 5px 5px #FF4800;background-image:url(http://i.imgur.com/MKc5lSa.png);background-repeat:repeat;border:2px solid #00EDFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-align:center!important}


/* arredondar bordas */
.post, .module {border-radius: 6px;}
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000000;
-webkit-box-shadow:2px 2px 2px #FF4800;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-webkit-box-shadow:2px 2px 2px #FF4800;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-webkit-box-shadow:2px 2px 2px #FF4800;
}

/* sucesso, erro e outras coisas */
Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css
 
 
.main-content.standalone .button {
  background-color: #FAFAFA;
  background-image:url(http: https://2img.net/i/fa/prosilver/bg_button.gif);
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: .9em;
  margin: 0 .25em;
  overflow: visible;
  padding: 5px;
  vertical-align: middle;
  width: auto!important }
 
.alerta,.aviso,.info,.sucess {
  -moz-border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  background:url(http: https://2img.net/r/ihimizer/img638/4026/noticebg.png) repeat-x 0 0;
  border-radius: 6px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  left: 34px;
  margin: 15px 15px 2.5em;
  padding: 13px 15px 0;
  position: relative;
  width: 83% }
 
.info {
  background-color: #C6D8F0;
  border: 1px solid #4381CD;
  color: #285797 }
 
.sucess {
  background-color: #EEF4D4;
  border: 1px solid #8FAD3D;
  color: #596C26 }
 
.aviso {
  background-color: #FFEA97;
  border: 1px solid #E1B500;
  color: #796100 }
 
.alerta {
  background-color: #EFCEC9;
  border: 1px solid #AE3F2F;
  color: #933628 }
 
.i-alerta,.i-aviso,.i-info,.i-sucess {
  background:url(http: https://2img.net/r/ihimizer/img59/9923/noticetabs.png) no-repeat 100% 0;
  height: 40px;
  left: -34px;
  position: absolute;
  top: 9px;
  width: 33px }
 
.i-alerta { background-position: 100% -400px }
 
.i-sucess { background-position: 100% 0 }
 
.i-info { background-position: 100% -1200px }
 
.i-aviso { background-position: 100% -800px }
 
.quadrado_box {
  -moz-border-radius: 6px;
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
  -webkit-border-radius: 6px;
  background:#fff url(http: https://2img.net/h/oi50.tinypic.com/2uqsx.png) repeat-x bottom;
  border: 1px solid #c5c5c5;
  font-style: normal;
  font-weight: 400;
  padding: 10px;
  width: 100% }
 
input#option,textarea#content {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #FCFCFC;
  border: 1px solid #AAA;
  border-radius: 2px;
  font-family: "Helveticae Neue", Helvetica, Arial, sans-serif;
  padding: 4px }
 

/* opacidade na cor preta do fundo */
#wrap {background-image: url(http://i69.servimg.com/u/f69/17/63/00/37/0rye3v13.png);}
#wrap {
border: 1px solid rgb(167, 148, 123) !important;
box-shadow: 7px 11px 12px rgb(167, 148, 123);
}

/* caixa com avatar ao lado de ultima mensagem */
.lastpost {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #666666;
    margin: 3px;
    width: 20px;
}
.header .lastpost {
    box-shadow: none;
}
.mini_ava img {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 60px;
    margin: 0 5px;
    padding: 1px;
    width: 34px;
    float: left;
    }
/* efeito hover no menu */
#i_icon_mini_index:hover {
background-image: url(http://i.imgur.com/8OwJ9Pk.png);
}
#i_icon_mini_portal:hover {
background-image: url(http://i.imgur.com/XGq2ysv.png);
}
#i_icon_mini_search:hover {
background-image: url(http://i.imgur.com/xNKnAzM.png);
}
#i_icon_mini_members:hover {
background-image: url(http://i.imgur.com/ToPNcjs.png);
}
#i_icon_mini_groups:hover {
background-image: url(http://i.imgur.com/ejlsPFg.png);
}
#i_icon_mini_profile:hover {
background-image: url(http://i.imgur.com/m1MA1MT.png);
}
#i_icon_mini_message:hover {
background-image: url(http://i.imgur.com/Ca5qbYJ.png);
}
#i_icon_mini_new_message :hover {
background-image: url(http://i.imgur.com/wJJzGAk.png);
}
#i_icon_mini_logout:hover {
background-image: url(http://i.imgur.com/V9Aj2jc.png);
}
#i_icon_mini_login:hover {
background-image: url(http://i.imgur.com/URH74Vl.png);
}
#i_icon_mini_register:hover {
background-image: url(http://i.imgur.com/QORLOb3.png);
}

/* tamanho do avatar */
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:310px}

/* caixa de cores personalizada */
.colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }

/* efeito neon em hover link */
a:hover {
color: #FF4800;
text-shadow : 0px 0px 10px #FF4800;
}

/* efeito 3D nos botoes do forum */
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}


@import url(http://fonts.googleapis.com/css?family=Sancreek);