Redimensionar imagens automaticamente 

4 participantes

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

Tópico resolvido Redimensionar imagens automaticamente 

Mensagem por HelixMendix 29.10.13 11:41

Qual é minha questão:
Olá em meu fórum eu não estou a conseguir redimensionar as imagens automaticamente que são colocadas nos post´s já fui ao painel de controle e não faz qualquer efeito.

Podem confirmar isso aqui http://goak.livreforum.com/t6-redimensionar-imagens-em-posts#19

Deixo o meu CSS se for preciso.

Obrigado

Código:



.postbody .post-entry{font-size:14px}



[data-counter]:after {
    background-color: #FF6969;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-counter);
    position: absolute;
    padding: 2px 6px;
    border: 2px solid white;
    border-radius:100px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; 
    background-clip: padding-box;
    font:bold 10px "Helvetica Neue", sans-serif; 
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    margin-left: -10px;
    margin-top: -10px;
}?












/*Caixa melhor resposta*/




/*feature box*/
.post_feature_box {
  margin-top: 5px;
  max-width:100%;
  background-color: rgb(234, 248, 226);
  border: 1px dotted rgb(51, 51, 51);
  padding: 6px;
  min-height: 60px;
}
#best-res {
color:#436500; 
background: #dfedd1;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
border: 1px solid #accf8b;
border-top: 0;
padding: 0 12px;
height: 30px;
line-height: 30px;
position: relative;
float: right;
margin: -1px -2px 8px 8px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}








/*Fim Caixa melhor resposta*/












/*Ranks*/




.userNovato, .userFundador, .userDesigner, .userCo-Administrador, .userMembro, .userWarez, .userModerador, .userLegend, userMaster User, .vipBS {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}




.userFundador {
background: #881418;
}








.userModerador {
background: #00BFFF;
}








.userDesigner {
background: #A020F0;
}




.userCo-Administrador {
background: #32CD32;
}




.userLegend {
background: #000000;
}




.userMaster User {
background: #483D8B;
}








.userWarez {
background: #8B008B;
}








.userMembro {
background: #EE7621;
}




.userNovato {
background: #6C7B8B;
}








/*Fim ranks*/












img.i_icon_online {
  padding-left: 5px;
  display: inline-block;
}
.pun .user-ident .username {
background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
display: block;
padding-top: 9px;
padding-bottom: 9px;
text-align: center;
position: relative;
margin-top: -19px;
height: 30px;
}




.posting a:active, #new-message-link a:active {
position: relative;
top: 1px;
}
.pun .topic {
background: #fff;
border: 1px solid #ddd;
}
#first-post-br {
border: 0px;
}
.pun .posthead {
border: 0px;
background: #D1D6D9;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
}
.pun .posthead a {
  font-size: 13px;
  color: #fff;
}
.pun .posthead h2 {
color: #fff; !important;
font-size: 11px;
font-weight: bold;
}
.count-post {
  font: normal !important;
}
.postfoot {
border: 0px;
padding: .2em;
padding-right: 0em;
margin: 10px 0 3px -15em;
}
.posting {
  margin: 0 0 10px 10px;
}




.topic{background: #fff;}
.pun .postmain {
background: #FBFBFB url(http://i55.servimg.com/u/f55/16/14/11/80/highli10.png) repeat-x 0 0;
padding: 8px;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin: 10px 10px 10px 185px;
}
.pun .post .user {
width: 175px;
font-size: 12px;
text-align: center;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url() repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -0.7em;
position: relative;
}
.pun .user .user-ident .user-basic-info {
  font-size: 11px;
  color: #777;
  text-align: center;
  font-weight: normal;
}
#steam_link, #facebook_link, #twitter_link  {
  padding-top: 10px !important;
}




.right {
  float: right !important;
}
/*like*/
    .BSlike {
      display: block;
      margin: 0 5px;
      cursor: pointer;
    }
    .BSnovote, .vote {display: none;}
    .BSlikecount {
    background: #6f8f52;;
    color: #fff;
    font-size: 10px;
    padding: 2px 10px;
    font-weight: bold;
    margin: 5px 5px 5px 3px;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    }
    .BSlikecount.zero {background: #dedede; color: #6e6e6e;}
















.wrapper {
margin: 0px auto 20px;
min-width: 980px;
max-width: 1600px;
width: 90%;
}








[data-counter]:after {
    background-color: #FF6969;
    background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
    background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
    content: attr(data-counter);
    position: absolute;
    padding: 2px 6px;
    border: 2px solid white;
    border-radius:100px;
    box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset; 
    background-clip: padding-box;
    font:bold 10px "Helvetica Neue", sans-serif; 
    color: white;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
    margin-left: -10px;
    margin-top: -10px;
}?
















/*Chatbox T-DAE ver 2  by doannamthai*/
     h2.chatbox-title:after { content: "Chatbox"; }
     a.chat-title { display: none; }
     #chatbox, #chatbox_footer, #chatbox_members {
     background: white;
     border-top: 1px solid #EAEAEA; 
    }
 
   #chatbox_header.main-head {
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
 




   .chatbox-title, .chatbox-title a.chat-title {
     color: #393939;
     font-size: 12px;
     font-weight: bold;
     }
 




   .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
     color: #393939;
     }
 




   .chatboxTDAE{
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
     .chatboxTDAE:hover {
       opacity: 0.9;
     }
     div.main-content.chatbox.clearfix {
     border: 1px solid #EAEAEA;
     border-radius: 4px;
     }
 




   #chatbox p {
     border-bottom: 1px solid #DDD;
     border-top: 1px solid white;
     line-height: 1.2em;
     }
 




   #chatbox_footer {
       margin-top: 0px;
       width: 285px;
       min-width: 230px;
       background: #FAFAFA;
       float: left;
       clear:both;
       position: relative;
     }
     input#message.post {
     height: 45px;
     width: 235px;
     padding: 6px;
     border: 1px solid #D4D4D4;
     background: #FCFCFC;
     color: #363636;
     text-shadow: black ;
     -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
     box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     margin: 20px;
     margin-bottom: 0px;
     }
 




   #message, #submit_button {
     background: #e0e0e0  repeat-x 0 0;
     border-color: #13304B;
     color: black;
     text-shadow: #2B2B2B 0px -1px 0px;
     -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     padding: 3px;
     display: block;
     margin: 10px;
     margin-top: 0px;
     margin-left: 20px;
     }
 




   #message, #submit_button:hover {
       opacity: 0.5;
     }
 




   .fontbutton {
     background: #dbdbdb  repeat-x 0 0;
     border: 1px solid #1e345c;
     color: white;
     text-shadow: #474747 0px -1px 0px;
     -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     border-radius: 2px;
     color: black;
     cursor: pointer;
     float: left;
     margin: 3px;
     padding: 3px;
     margin-right: 10px;
     text-align: left;
     }
 




   .fontbutton:hover {
       opacity: 0.5;
     }
 




   #divsmilies img + img{visibility:visible!important}
 




   #chatbox_messenger_form div.right img{visibility:hidden}
 




   #simple-wrap {
       background:white;
     }
 




   #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
     background-position: center;
     background-repeat: no-repeat;
     }
 




   #divbold {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);     }
 




   #divitalic {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);     }
 




   #divunderline {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);     }
 




   #divstrike {
     background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);     }
 




   #divcolor {
     background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);     }
 




   #divsmilies {
     background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);     }
 




   #chatbox{
       background: #f0f0f0;
       padding: 8px;
       border: 1px solid gainsboro;
       left: 290px;
       margin-top: 9px;
       right: 0px;
     }
     .left {
     clear: both;
     float: left;
     }
 




   #chatbox_members .member-title {
     background: #F8E7DD;
     background-color: #F4F9FD;
     background-image: none;
     border-bottom: 2px solid red;
     color: #A30000;
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 12px;
     padding: .5em .25em;
     text-align: center;
     text-shadow: 1px 0 0 white;
     }
      
     #chatbox_members
     { display : none;}
     #chatbox > p span.user > span strong {
       display: none;
     }
     /*Chatbox T-DAE ver2  by doannamthai*/
























#board_statistics {
display: inline-block;
background: url('') repeat;
background: rgba(0,0,0,0.1);
color: #222;
text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
margin-left: 20px;
}




.user-basic-info a img {
max-width: 150px;
max-height: 100px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}




.user-basic-info a img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}




.post_username {
float: left;
min-width: 177px;
font-weight: bold;
}
.pun .postmain {
background-color: #fff;
border-left: 1px solid #dedede;
margin-left: 18em;
}
.pun .posthead h2 strong {
float: left;
}




.pun .posthead {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px
}




#footer_utilities {
padding: 8px;
position: relative;
border: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('') repeat-x 0 0;
}
.descript {
margin-left: 15px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
a:hover {
color: #1e1e1e;
}
#backtotop:hover {
background: #8a8a8a;
color: #fff;
opacity: 1;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.clear {
clear: both;
height: 25px;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #bdbdbd;
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#pun-about {
background-color: transparent;
border-color: transparent;
}
#pun-about #qjump {
visibility: hidden;
}
a {
color: #346d9a;
text-decoration: none;
}
#footer_utilities {
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#copyright {
color: #848484;
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
.mini_ava {
float: left;
padding: 5px 10px;
}
.mini_ava img {
width: 30px;
height: 30px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}




#avatar img {
height: 28px;
margin: 4px -6px 0;
padding: 0;
position: relative;
vertical-align: top;
width: auto;
}
.pun tbody.statused span.status {
position: absolute;
margin-top: 7px;
}
#inbox_link img, #notify_link img {
margin-top: 8px;
}
.pun table.table td {
background-color: #f9f9f9;
border-color: #ddd;
border-style: solid none none none;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
body {
background: #252525 url("http://i55.servimg.com/u/f55/16/14/11/80/qkwicx10.jpg") repeat-x 0 0;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
.main .main-head .page-title {
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
font-size: 15px;
font-weight: bold;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
a {
color: #346d9a;
text-decoration: none;
}
.hide {
display: none;
}
fieldset, img {
border: 0;
}
input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
padding: 1px 0px;
}
#search_wrap {
line-height: 50px;
}












#branding {
height: 90px;
}
#logo {
float: left;
}
#search {
margin: 32px 0 0 0;
}
.right {
float: right;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i55.servimg.com/u/f55/16/14/11/80/dhqojg10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#search_wrap {
position: relative;
background: #fff;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
min-width: 230px;
}
#main_search {
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 138px;
line-height: 25px;
outline: 0;
}
input, select, textarea {
font: normal 12px tahoma,helvetica,arial,sans-serif;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #eaeaea url('http://i78.servimg.com/u/f78/18/32/50/20/highli11.png') repeat-x 0 1px;
display: inline-block;
text-shadow: #fff 0px 1px 0px;
float: right;
}
#search_options_menucontent {
min-width: 130px;
padding: 0;
background: #fff;
border: 1px solid #c6c6c6;
}
#search .submit_input {
background: #2e85b2 url('http://i78.servimg.com/u/f78/18/32/50/20/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
}
#search .submit_input:hover {
background-color: #3b95c4;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(255,255,255,0.1);
}
.content {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 5px 4px 4px 5px;
border-radius: 5px 4px 4px 5px;
}
#left_col {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
background: url('http://i55.servimg.com/u/f55/16/14/11/80/f2qzkg10.png') repeat-y 0 0;
position: relative;
min-height: 500px;
padding-left: 177px;
}
#navigationToggle {
position: absolute;
top: 8px;
left: -12px;
width: 12px;
height: 21px;
background: #52a6c3 url("http://i55.servimg.com/u/f55/16/14/11/80/mfub6w10.png") no-repeat 50% 7px;
text-align: center;
cursor: pointer;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#left_col_top {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
width: 177px;
min-height: 419px;
float: left;
position: absolute;
margin-left: -177px;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/left_c10.png') no-repeat 0 0;
}
#primary_nav {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
padding: 4px 0 0 0;
}
ol, ul {
list-style: none;
}
#community_app_menu>li {
margin: 0;
padding: 0;
position: relative;
float: none !important;
display: block;
}
#community_app_menu>li>a {
color: #fff;
background: url('http://i78.servimg.com/u/f78/18/32/50/20/primar10.png') no-repeat 0 0;
display: block;
outline: none;
padding-left: 12px;
text-decoration: none;
line-height: 37px;
height: 37px;
margin-bottom: 4px;
}
#community_app_menu>li.active>a {
background-position: 0 -103px;
color: #346d9a;
height: 43px;
line-height: 43px;
position: relative;
margin-top: -2px;
margin-bottom: 0px;
}
#primary_nav #nav_home img.nav_icon {
background-image: url("http://i78.servimg.com/u/f78/18/32/50/20/nav_ho10.png");
}
#primary_nav img.nav_icon {
background: url("http://i55.servimg.com/u/f55/16/14/11/80/2mwpnj10.png") no-repeat 0 0;
height: 16px;
width: 16px;
vertical-align: middle;
margin-right: 2px;
}
#community_app_menu>li.active>a:hover {
background-position: 0 -103px;
color: #346d9a;
}
#community_app_menu>li>a:hover {
background-position: 0 -51px;
color: #fff;
}
#user_navigation {
background: #343434 url('http://i78.servimg.com/u/f78/18/32/50/20/highli10.png') repeat-x 0 1px;
color: #fff;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body {
color: #00000;
font: normal 11px Verdana,Arial,Helvetica,sans-serif
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
.ipsList_inline>li {
display: inline-block;
margin: 0 3px;
}
#user_navigation {
color: #fff;
font-size: 11px;
line-height: 36px;
}
#user_navigation a {
color: #fff;
float: left;
padding: 0 13px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid #484848;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: middle;
position: relative;
margin: -1px 2px 0 0;
}
#user_navigation a:hover {
background: #404040 url('http://i.imgur.com/aAt9Y1u.png') repeat-x 0 1px;
}
.main-head2 {
background: #366d9b url('http://i78.servimg.com/u/f78/18/32/50/20/mainti10.png') repeat-x 0 0;
color: #fff;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
padding: 14px;
font-size: 15px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 5px;
border: 1px solid #32638d;
margin-bottom: 4px;
overflow: hidden;
}
.main .forabg-ipb .main-head, .main.paged .main-head {
background: transparent;
border: 0;
}
.main .main-foot, .main .main-head {
border-bottom: 1px solid #d8d8d8;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://i55.servimg.com/u/f55/16/14/11/80/qrsu8a10.png') repeat-x 0 0;
padding: 8px;
color: #727272
}
.gravity {
border-top: 1px solid #363636;
border-bottom: 1px solid #363636;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
background: #444 url('http://i55.servimg.com/u/f55/16/14/11/80/wenkve10.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}


Endereço do meu fórum:
http://goak.livreforum.com

Versão do fórum:
PUNBB


Última edição por HelixMendix em 29.10.13 15:21, editado 1 vez(es)
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por First 29.10.13 13:05

Olá,

Senhor, oque você deseja é possível somente com códigos javascript ao qual não damos suporte, podemos finalizar este tópico?


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por HelixMendix 29.10.13 13:13

Quem disse isso?
Sendo assim é uma falha do FdF porque o sistema não está a redimensionar as imagens nos fóruns.

Não está resolvido...
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por Prodigy 29.10.13 13:19

Amigo, o nosso redimensionamento não serve para imagens de post's, e sim para imagens como por exemplo: Avatares, imagens da galeria ...
Prodigy

Prodigy
***

Membro desde : 31/01/2013
Mensagens : 161
Pontos : 239

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por HelixMendix 29.10.13 13:24

Então porque é que em outro fórum o redimensionamento funcionava e agora deixou de funcionar?
E lá diz no painel de controle "Sem redimensionamento" lá naquela opção de redimensionar as imagens.
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por First 29.10.13 13:30

Olá,

Senhor, poderia ser mais especifico por gentileza? tente me explicar oque deseja um pouco mais.


Até mais,
Passar bem. Piscada 
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por Legolass 29.10.13 13:39

Amigo, adicione em seu css:

Código:
.entry-content img {
min-width: 300px!important;
max-width: 300px!important
min-height: 300px!important;
max-height: 300px!important;
}
No código acima troque o 300px pelo tamnho que deseja. Lembrando que onde tem -width é para largura e onde tem -height é altura.
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por HelixMendix 29.10.13 14:24

First escreveu:Olá,

Senhor, poderia ser mais especifico por gentileza? tente me explicar oque deseja um pouco mais.


Até mais,
Passar bem. Piscada 

Posso pois, basta ver a imagem que está a baixo

Redimensionar imagens automaticamente  IDp6LzC

Cris Varella escreveu:Amigo, adicione em seu css:

Código:
.entry-content img {
min-width: 300px!important;
max-width: 300px!important
min-height: 300px!important;
max-height: 300px!important;
}
No código acima troque o 300px pelo tamnho que deseja. Lembrando que onde tem -width é para largura e onde tem -height é altura.
O Código realmente funciona no entanto dá um bug qualquer ou assim veja por exemplo o que acontece num post com um smile, veja a imagem a baixo (tive que retirar o código)

Redimensionar imagens automaticamente  Ax1JH2p
HelixMendix

HelixMendix
Membro

Membro desde : 06/02/2011
Mensagens : 837
Pontos : 1260

http://tugamovel.foruns.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar imagens automaticamente 

Mensagem por Legolass 29.10.13 16:50

Certo, então retira essas duas partes do código:

Código:
min-width: 300px!important;
Código:
min-height: 300px!important;
Assim, se alguém colocar uma imagem, ficará do tamanho correto. Agora se alguém colocar acima do tamanho que você estabelecer ele será redimensionado para o tamanho.
Legolass

Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

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


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