التحكم في حجمم الصور لاتعمل

5 مشترك

اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 18:56

لايمكنني التحكم في حجم الصور من الطريقة الاعتيادية عبر الرسائل وحجم الصورة 

فجأة اصبحت لاتعمل لاادري لماذا المهم اطلب كود للتحكم في الحجم بديل الرجاء الاسراع او طريقة لحل المشكلة الطريقة الافضل والاسرع اجلبوها
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف {Lone~Wolf} الخميس 6 أغسطس 2015 - 19:00

نُسخة منتداك + اكواد ال css الخاصه بك جميعها.
وهل عدلت في قالب المواضيع؟
{Lone~Wolf}
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 3575
معدل النشاط : 9439
السُمعة : 160

https://help.ahlamontada.com/u16282

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 19:29

اخر تعديل لقالب المواضيع الذي قمت به انت اخي ان كنت تذكر

ال سي اس
الكود:
#wrap {
width : 985px;
border : 1px solid #004b72;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
}

body{
background-image:url('http://2img.net/s/t/17/80/28/i_background.jpg');
}

.introduction, .panel, .post {
background-color: #f8fbff;
border: 1px solid ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-color: #ccc;
}

blockquote, blockquote blockquote, blockquote blockquote blockquote {
border-color: #9fd1ff;
background-color: #f9f9f9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#text_editor_textarea{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 7px;
background-color:#d0e5ff;
border: 1px solid #808080;}

#page-header #search-box {
display: none;
}

li.row:hover dd {
border-left-color: #A1A3A3;
}

li.row {
  border-top: 1px solid #A1A3A3;
  border-bottom: 0px solid #81A3C4;
  }

.row dl dd.dterm {
border-left: none;
}

ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://i63.servimg.com/u/f63/14/63/83/43/legend10.png');
  text-align: CENTER;
  padding: 24px 0;
  }

.icon-home{
background: url('http://i63.servimg.com/u/f63/14/63/83/43/icon_h10.gif') no-repeat left;
padding-left: 15px;}


.forabg {
  border: 1px solid #8a8a8a;
  padding: 0px 5px;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}


.forumbg {
  background-color: #;
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 1px solid #8a8a8a;
  padding: 0px 5px;
  margin-bottom: 4px;
  clear: both;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
 }

.navbar ul {
border : none;
}

.forabg .corners-top , .forabg .corners-bottom {
display:none;
}

.forumbg .corners-top, .forumbg .corners-bottom {display:none;}

a.mainmenu:hover img {
opacity : .5;
-khtml-opacity : 0.5;
-moz-opacity : 0.5;
filter : alpha(opacity=50);
opacity : 0.5;
}

#page-header .navbar {
background-image: url("http://i62.servimg.com/u/f62/14/52/65/41/bg310.png");
padding:0px 10px;
}

.postprofile {
color: #666666;
border-left-color: #CCC;
}

p em b a.gensmall { font-style: normal; }
p em { font-style: normal;
}

.postbody .content {
  font-size: 1.4em;
}

.content {
color: #333333;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

li.row:hover {
background: url() 100% 100% repeat;
background-position: right;
background-repeat: no-repeat;
background-color: #F0F9FF;}

.copyright a {
color: #333 !important;
}

#page-footer .navbar{
padding-bottom: 15px;
background: url() no-repeat bottom right !important;}









































































/* حصريا كود وضع (2)اطار مع الخلفية لعنوان الفئة*/
.table-title, .table-title h2 {
  border: 1px outset #B0BBCD;
color: #fff;
width: 99%;
text-shadow: 0 1px 0 #FFFAF1;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2) inset;
font-weight: bold;
padding: 6px 6px 6px 40px;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/



































/*كود وضع اطار وخلفية للعناصر المستقلة على الرئيسية مثل منتدى الدعم
*/
.panel.introduction, #left .module, .panel.loginPanel, .portal .module, #postingbox.panel, #profile-advanced-right .module {
    background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_pannel.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #C3E0F1;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 8px;
    box-shadow: 1px 1px 1px;
    margin: 3px 1px;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/






















/*كود لوضع اطار وخلفية لـ بداخل الرسائل الخصة بشكل جميل*/
 ul#picture_legend, ul#privmsgs-menu {
background-image:url('http://i14.servimg.com/u/f14/13/64/37/51/21511.png');
border-radius: 50% !important;
width:70%;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/
 ul#picture_legend, ul#privmsgs-menu:hover{
box-shadow: 0 0px 20px #37b0df;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/



























/*كود لوضع اطار وخلفية لـ تعديل البيانات الشخصية بشكل جميل*/     
#cp-main h1 {
 background: none repeat scroll 0 0 #F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #29A5FF;
            font: 14px Tahoma;
  font-weight:bold;
  display: inline;
            margin: 5px 0;
            padding: 0px 0px;
            text-align: right;
        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/
#cp-main .panel p {
  background: none repeat scroll 0 0 #F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #29A5FF;
            font: 11px Tahoma;
  display: inline;
            margin: 5px 0;
            padding: 3px 5px;
            text-align: right;
    }
/*تم التصميم بوسطة {وهبة الساحر}؛*/
dt label {
background: none repeat scroll 0 0 #F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #29A5FF;
            font: 11px Tahoma;
  display: inline;
            margin: 5px 0;
            padding: 3px 5px;
            text-align: right;
    } 
/*تم التصميم بوسطة {وهبة الساحر}؛*/
























/*جديد: كود جعل اخر مساهمة واسم القسم ووصف القسم اكثر احترافية  */
ul.topiclist dd.dterm {
 background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/
a.forumtitle {
  background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
font-family: Arial;
        font-size: 18px;
        font-weight: bold;
        }
 
/*تم التصميم بوسطة {وهبة الساحر}؛*/
li.row dd.lastpost {
background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
 
        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/































/*كود لوضع اطار وخلفية لـ ادوات الاشراف*/
fieldset.quickmod {
 background: none repeat scroll 0 0 #F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 1px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/
fieldset {
  background: none repeat scroll 0 0 #F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
        }
 
p.right img {
  background: none repeat scroll 0 0 ##F9F9F9;
            border-bottom-left-radius: 8px;
            border-color: #29A5FF;
            border-left: 6px solid #29A5FF;
            border-right: 6px solid #29A5FF;
            border-style: solid;
            border-top-right-radius: 8px;
            border-width: 1px 6px 1px 1px;
            color: #2E5961;
            font: 11px Tahoma;
            padding: 3px 5px;
            text-align: right;
        }
/*تم التصميم بوسطة {وهبة الساحر}؛*/











          .js-marquee {
            width: 120px;
         
         
        }












        pun .paging b, .pagination b, .pagination span strong {
        border-image: initial;
        border-radius: 3px;
        color: white!important;
        font-size: 12px;
        font-weight: 400!important;
        margin-left: -1px!important;
        padding: 5px 5px!important;
        text-shadow: 0 1px 0 black;
        visibility: visible;
        background: #7BA60D;
        color: #fff;
        font-weight: bold;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 1px 5px;
        }
        (img)http://r17.imgfast.net/users/1717/45/34/10/smiles/1337678750.png(img)
        .paging a , .paging input, .pagination a, .pagination input {
        border-image: initial;
        border-radius: 3px;
        font-size: 12px!important;
        margin: 2px;
        padding: 5px 5px!important;
        text-shadow: 0 1px 0 white;
        visibility: visible;
        color: #333;
        display: inline-block;
        display: inline-block;
        padding: 1px 4px;
        color: #999;
        }








.postdetails.poster-profile a img{
width:100%;
max-width:150px;
max-height:300px;
margin-top:30px;
border:2px dotted #000000;
  border-radius: 5px 5px 5px 5px;
}
 
 
 
 
.poster-profile{
background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
 border:2px dotted #000000;
border-radius: 5px 5px 5px 5px;
width:200px;
text-align: center;
background-image:url(http://i23.servimg.com/u/f23/15/13/67/04/f110.gif);
display:block;
}
.name {
  border:2px dotted #000000;
  border-radius: 2px;
  }









        .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }










        *********عبدالله بخدمتكم صاحب الموضوع*********
       
        li.row {
        border-top: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        }
        li.row:hover {
        background-color: #2e2e2e;
        }
        ul.topiclist dd {
        border-left: 0px solid #ffffff;
        display: block;
        float: left;
        padding: 4px 0;
        }
        ul.topiclist li.header dl dd {
        border: none;
        }
        dd.lastpost
        span, ul.topiclist dd.searchby span, ul.topiclist dd.info span,
        ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
        display:block;
        padding-left:5px;
        }
        ul.pmlist dt {
        padding-left: 45px;
        }
        ul.forums dd {
        border-color: #ffffff;
        border-left-style: solid;
        border-left-width: 0px;
        }
        li.row:hover dd {
        border-left-color: #7e7e7e;
        }
        .mod-text {
        font-weight: bold;
        }
       
        .hierarchy {
        display: inline;
        text-transform: none;
        border: none;
        font-size: 1em !important;
        }














#postingbox:Before{
    -moz-border-radius: 10px;
-webkit-border-radius: 10px;
  border: 1px solid;
    color: red;
    content: ".";
    display: block;
    font-size: 1px;
    font-weight: 700;
    line-height: 110px;
    margin-bottom: 10px;
    text-align: left;
    text-decoration: blink;
    background:  #FFE1F0 url('http://i44.servimg.com/u/f44/15/54/04/99/oouu-o37.png') no-repeat right;
}
 















 .addthis_button{
      background:
    url('http://i18.servimg.com/u/f18/19/21/22/99/aa10.png') no-repeat;
    background-position: center right;
    padding: 75px;
    font-size: 0px ;
    }



.linklist{
                display: none;
                  }






        .sharing-cl{
        overflow:hidden;
        margin:-20px
        0 0 0;
        padding:0;
        list-style:none;
        width:530px;
        }
        .sharing-cl
       
        a{
        overflow:hidden;
        width:75px;
        height:20px;
        float:left;
        margin-right:5px;
        text-indent:-200px;
        background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png)
       
        no-repeat;
        }
        a.sh-su{background-position:-210px -40px;}
        a.sh-feed{background-position:-70px
       
        -40px;}
        a.sh-tweet{background-position:-140px -40px;}
        a.sh-mail{background-position:0
       
        -40px;}
        a.sh-digg{background-position:-280px -40px;}
        a.sh-face{
        margin-right:0;
        background-position:-350px
       
        -40px;
        }
        a.sh-mail:hover{background-position:0 1px;}
        a.sh-feed:hover{background-position:-70px
       
        1px;}
        a.sh-tweet:hover{background-position:-140px 1px;}
        a.sh-su:hover{background-position:-210px
       
        1px;}
        .sh-digg:hover{background-position:-280px 1px;}
        a.sh-face:hover{
        background-position:-350px
       
        1px;
        }
        #text{
        margin-top:5px;
        font-weight:bold;
        font-family:helvetica,arial,sans-serif;
        }
        #text
       
        a{
        text-indent:0;
        height:auto;
        text-align:center;
        font-size:11px;
        padding-top:35px;
        color:#999;
        text-decoration:none;
        }













div.forcetoregister {
float:right;
  width:247px;
  height:420px;
  background: url(http://i18.servimg.com/u/f18/19/21/22/99/16711.png) no-repeat !important;
  display:block;
  right:-205px;
  padding:0;
  position:fixed;
  top: 170px;
  z-index: 999;
}










/*حصريا كود جعل البيانات الشخصية اكثر احترافية وبدون حوالف
*/
 
.postprofile {
  color: #000000;
background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTNtNGvIj_GeV09hdUqBKRYq9UfZlwoSGizxf2oCLTBM3ClCra0XQ) repeat;
 float: right;
font-family: Arial;
font-size: 10px;
font-weight: bold;
margin-right: -11px;
padding-top: 2px;
text-align: center;
text-shadow: 1px #000000;
width: 180px;
  border-bottom: 14px groove #ffdd00;
  border-top: 15px groove #ffdd00;
border-radious: 19px 9px 19px 9px;}












    /****** بداية كود جعل العناصر اسفل او اعلى المنتدى  ********/        #content-container div#main {        margin-right: auto;        margin-bottom: auto;        }                #content-container div#left, #content-container div#container, #content-container div#right {        width: auto;        float: none;            }                #main {        width: 100%;        }                #gfooter {        width: 98%;        }                #logostrip {        width: 99%;        }        #submenu {        width: 99%;        }                #userlinks {        width: 98%;        }                          /****** نهاية الكود من تطوير اسيرالدموع Lone Wolf ********/





/* كود التقييم ------ www.haya-m.net -------*/
.HMlike {
          padding: 2px 2px  2px 2px;
      cursor: pointer;
  white-space: nowrap;
    }
    .Hvote { margin: 0 5px; }
    .Hnovote {
      filter:Alpha(opacity=30);
      opacity: 0.2;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
    }

.Hlikecount{
      background: #6fc810;
        border-radius: 3px 3px  3px 3px;
      padding: 2px 2px  2px 2px;
      color: #fff;
      font-size: 10px;
        font-weight: bold;
      font-family: Tahoma;
      cursor: pointer;
  white-space: nowrap;
}





hr{
height:2px;
border: solid #e1effa 1px;
border-top-width: 1px;
background: url(http://i46.servimg.com/u/f46/12/36/04/46/nnnn10.png);
}
a.copyright
{
border:0;
background:none;
}






/*----- خلفية صندوق الرد السريع  -----*/
form#quick_reply {
background-image: url('http://i59.tinypic.com/33eosn9.png');
}





.post {
    text-align: center;
 }














.pathname-box {
    -moz-border-radius: 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    background: #F3F3F3;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
    margin-top: 10px;
    }
    .pathname-box {
    color: #F3F3F3;
    }
    .pathname-box p {
    color: #F7F2F2;
    font-size: 1.11em;
    line-height: 1.5;
    margin: 0;
    }
    a.nav {
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
    color: #777!important;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
    }

























 .sceditor-container iframe, .sceditor-container textarea { background:url(http://i18.servimg.com/u/f18/19/21/22/99/have-a10.png) bottom center no-repeat!important;}







dl.newpost { background-color:#ff0000 !important }








.profile_field_list li { display:inline-block }



div#fa_toolbar {
    background-color: #657488; 
    border: 2px solid white; 
    border-radius: 50px; 
    margin: auto; 
    position: relative; 
    top: 10px; 
    width: 98%;
}
 
a#fa_hide {
    display: none!important; 
}
 
div#fa_toolbar div, div#fa_toolbar span {
    margin: 0 15px;
}
















/* Icônes couleur dans la palette */

.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}









.module .h3 {
 color:#FFF; /* color of the title font */
 font-size:10px; /* size of the title font */
 text-transform:none; /* Changes the text transformation from uppercase */
 background:#19E; /* background color */
 box-shadow:0 5px 6px rgba(255,255,255,0.5) inset, 0 -5px 6px rgba(0,0,0,0.1) inset; /* inset shadows used for a gradient */
 border-bottom:1px solid #39C; /* border size and color */
 margin:-5px -10px 5px -10px; /* spacing around the title | top left bottom right */
 padding:6px; /* Inner padding */
 }












/*FMChat Design*/ 
.chatbase { /*This can be edited to your liking - (the button)*/ 
  position: fixed; 
  bottom: 2px; 
  right: 15px; 
  background: #56A0D3; 
  border: 2px solid #7BB92B; 
  width: 75px; 
  height: 20px; 
  border-radius: 5px; 
  text-align: center !important; 
  cursor: pointer; 
  color: #ffffff; 

 
.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/ 
  border-color: #D30C3F; 
  color: #000000; 

 
#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/ 
  border: 2px solid #7BB92B; 
  width: 65%; 
  position: fixed; 
  right: 15px; 
  bottom: 27px; 
  height: 50%; 
  border-radius: 5px; 
  z-index: 999; 


/*FMChat Design*/ 
.chatbase { /*This can be edited to your liking - (the button)*/ 
  position: fixed; 
  bottom: 2px; 
  right: 15px; 
  background: #56A0D3; 
  border: 2px solid #7BB92B; 
  width: 75px; 
  height: 20px; 
  border-radius: 5px; 
  text-align: center !important; 
  cursor: pointer; 
  color: #ffffff; 

 
.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/ 
  border-color: #D30C3F; 
  color: #000000; 

 
#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/ 
  border: 2px solid #7BB92B; 
  width: 65%; 
  position: fixed; 
  right: 15px; 
  bottom: 27px; 
  height: 50%; 
  border-radius: 5px; 
  z-index: 999; 
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف Arabian Star الخميس 6 أغسطس 2015 - 19:46

اخى هل تقصد الصورة الشخصية ام الصورة التى توضع فى الموضوع ؟؟
Arabian Star
Arabian Star
 
 

ذكر
عدد المساهمات : 731
معدل النشاط : 5445
السُمعة : 14

http://mca14.7olm.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 20:08

الصور التي توضع في المواضيع اريد التحكم في حجمها بحيث لاتزيد عن حد المنتدى لملائمة المظهر
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف Arabian Star الخميس 6 أغسطس 2015 - 20:12

Arabian Star
Arabian Star
 
 

ذكر
عدد المساهمات : 731
معدل النشاط : 5445
السُمعة : 14

http://mca14.7olm.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 20:39

اخي موضوعي ليس في الصور الشخصية كما بينت

كذلك قمت بطريقتك لتحكم في حجم............الاتوماتيكي

كما قلت في بداية موضوعي ((لايمكنني التحكم في حجم الصور من الطريقة الاعتيادية عبر الرسائل وحجم الصورة )) وهذه الطريقة لم تعمل


انظر اخي في هذا الموضوع - http://jwxjw.montadarabi.com/t14-topic#24


انظر الى الصور الكبيرة في الموضوع لاتظهر صغيرة او ازرار اظهر الصورة بالحجم الاصلي


كانت تظهر تمام وباصغر لااعرف السبب في فشل الطريقة


الا يوجد كود او حل لتفعيل هذه المشكلة ارجو متابعة ال CSS او اعلامي بتركيب كود معين - الحقيقة لم ارد البدء في المواضيع بجد في منتداي حتى انهي قصص الاكواد والاضافات والستايل الى اخره ارجو المساعدة اخي
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف Arabian Star الخميس 6 أغسطس 2015 - 21:18

تم اضافة اكواد cssوتم التجربة
وظهرت تكبير الصورة وايضا معاينة الأبعاد الأصلية.

جرب اعمل ده

لوحة الادارة >> ادارة عامة >>الرسائل و الإيميلات >> تشكيل

تعديل ابعاد الصور التي يضعها الأعضاء في المساهمات : اجعلها 300
اترك هذا الحقل فارغاً لتعطيل خاصية تعديل ابعاد الصور. اجعلها 300 ايضا


وشوف كده هل تم الحل ام لا
Arabian Star
Arabian Star
 
 

ذكر
عدد المساهمات : 731
معدل النشاط : 5445
السُمعة : 14

http://mca14.7olm.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 21:40

اخي تبينت المشكلة 

المشكلة ليس بهذا ولا هذا


ولكن عند اضافة كود الجافا سكربيت هذا تتعطل قدرة حجم الصور

الكود:
var copyright ="www.haya-m.net - haya @ Rights Reserved";
document.write(unescape('<script src=http://h--m.net/sceditor.js></script>'));
document.write("<style>.sceditor-button-color{display:none!important}.sceditor-dropdown a:hover{background:#c22525}.colorpicker{background:url(http://im38.gulfup.com/rxrjB.jpg)!important;display:none;font-family:Arial, Helvetica, sans-serif;height:176px;overflow:hidden;padding:0!important;position:absolute;width:356px;z-index:3}.colorpicker.dark{background:url(http://im35.gulfup.com/Vliab.jpg)!important}.colorpicker_color{background:red;cursor:crosshair;height:150px;left:14px;overflow:hidden;position:absolute;top:13px;width:150px}.colorpicker_color div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);height:150px;left:0;position:absolute;top:0;width:150px} .colorpicker_color div div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif); height:11px;left:0;margin:-5px 0 0 -5px;overflow:hidden;position:absolute;top:0;width:11px} .colorpicker_hue{cursor:n-resize;height:150px;left:171px;position:absolute;top:13px;width:35px}.colorpicker_hue div{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;height:9px;left:0;margin:-4px 0 0;overflow:hidden;position:absolute;width:35px}.colorpicker_new_color{background:red;height:30px;left:213px;position:absolute;top:13px;width:60px}.colorpicker_current_color{background:red;height:30px;left:283px;position:absolute;top:13px;width:60px}.colorpicker input{background-color:transparent;border:1px solid transparent;color:#898989;font-family:Arial, Helvetica, sans-serif;font-size:10px;height:11px;margin:0;padding:0!important;position:absolute;right:11px;text-align:right;top:4px}.colorpicker_hex{background:url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;height:22px;left:212px;position:absolute;top:142px;width:72px}.colorpicker.dark .colorpicker_hex{background:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top}.colorpicker_hex input{right:6px}.colorpicker_field{background-position:top;height:22px;position:absolute;width:62px}.colorpicker_field span{cursor:n-resize;height:22px;overflow:hidden;position:absolute;right:0;top:0;width:12px}.colorpicker_rgb_r{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);left:212px;top:52px}.colorpicker.dark .colorpicker_rgb_r{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png)}.colorpicker_rgb_g{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);left:212px;top:82px}.colorpicker.dark .colorpicker_rgb_g{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png)} .colorpicker_rgb_b{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);left:212px;top:112px}.colorpicker.dark .colorpicker_rgb_b{background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png)} .colorpicker_hsb_b,.colorpicker_hsb_h,.colorpicker_hsb_s{display:none} .colorpicker_submit{background:url(http://i83.servimg.com/u/f83/17/45/19/77/accept10.png) no-repeat;cursor:pointer;height:50px;overflow:hidden;position:absolute;right:10px;top:118px;width:48px} .colorpicker_focus{background-position:center} .colorpicker_hex.colorpicker_focus{background-position:bottom} .colorpicker_submit.colorpicker_focus{background-position:bottom} .colorpicker_slider{background-position:bottom}</style>");


كود هام جدا يضيف ازرار وادوات مهمة جدا للمنتدى حيث اريد استعماله بشدة

لكن عند اضافته تتعطل الصور

فكرت في اخر الاكواد التي وضعتها وكان هو ليس  css او غيرها -جافا ومهم لدي جدا

هل يمكنكم التعديل عليه - او طلب - اريد كود css لتصغير حجم الصورة اظن بهذه الامكانية امكنني استخدام الميزتين والكودين
ان امكنكم اخبريني او لا اخبريني او وضحو لي الحل الانسب او مايلزم 

شكرا - انتظركم
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الخميس 6 أغسطس 2015 - 21:50

؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟!!!!!!!!!!!!
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف Arabian Star الخميس 6 أغسطس 2015 - 22:24

جرب احد الاكواد الآتية فى css



الكود:
.postbody img {height:500px; width:500px;}




الكود:
  #post_message_501 {height:500px;width:500px;}  



الكود:
.avataruser img {height: 200px; /* ارتفاع الصوره */width: 200px; /* عرض الصوره */}

جرب وشوف تم الحل ام لا

Arabian Star
Arabian Star
 
 

ذكر
عدد المساهمات : 731
معدل النشاط : 5445
السُمعة : 14

http://mca14.7olm.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الجمعة 7 أغسطس 2015 - 14:48

شكرا اخي جربت جميع اكوادك لكن لم تعمل
فقمت بالبحث وجدت هذ الكود نجح بكل قوة - شكرا يقفل الموضوع
الكود:
img {
max-width:حدد العرض الذي تريدهpx;
max-height:حدد الطول الذي تريدهpx;
}
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم الجمعة 7 أغسطس 2015 - 15:00

مشكلة اكوادك لم تعمل ؟؟ وكودي يصغر حجم الصور كلها وليس المواضيع فقط
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف stones الجمعة 7 أغسطس 2015 - 15:05

بعد اذن الاخوه اعلاه
-------------
مانسخة منتداك
ضع رابط منتداك لوضع لك كود للمواضيع
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16223
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم السبت 8 أغسطس 2015 - 10:02

النسخة الثالثة

http://jwxjw.montadarabi.com
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف stones السبت 8 أغسطس 2015 - 10:53

تفضل هذا للمواضيع
الكود:
.postbody .content img{
height:320px;width:320px;
border-radius: 30%;
}

اضفت له كود تجميل بشكل رباعي
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16223
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم السبت 8 أغسطس 2015 - 16:51

اخي الا يمكنك جعل الكود لايأثر على الصور الصغيرة - هو يقيم بزيادتها لتصبح مشوشه وبشكل فظيع

الكبيرة تم تصغيرها وكذلك اطلب ان تكون الصور بشكل عادي الاطار يكون عادي والمهم لاتكبر الصور الصغيرة حتى السمايلات زاد حجمها غريب جداا ارجو الرد بسرعه


واذا في امكانية افضل ومتميز اكثر الكود يكون لا يؤثر الا في العرض اريد العرض 650 اما الطول لااريد تحديده لكن اريد كل صورة تتناسب مع هذا العرض اكيد الكبيرة  فقط - كعملية التصغير والتكبير في الصور من لوحة الادارة هل يمكنك او حل اخر شكر انتظر رردك بفارغ الصبر
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف SaLEm Hen!CHE السبت 8 أغسطس 2015 - 16:58

مرحباً ,
بعد إذن أخي المشرف ,,

تفضل :
الكود:
.postbody .content img{
max-width:650px;

}
avatar
SaLEm Hen!CHE
 
 

ذكر
عدد المساهمات : 567
معدل النشاط : 6884
السُمعة : 60

الرجوع الى أعلى الصفحة اذهب الى الأسفل

التحكم في حجمم الصور لاتعمل Empty رد: التحكم في حجمم الصور لاتعمل

مُساهمة من طرف متعلم معلم السبت 8 أغسطس 2015 - 17:25

شكرا - لاادري ماحصل لكن لايمكن متابعة الموضوع اكثر - الكود الخاص بصندوق الرد من كثرة تعطيله وتفعيله او لاادري السبب لم يعد يعمل صندوق الرد تم الاعادة الى الوضع العادي بالطريقة العادية اذا حلت المشكلة ربما اجرب الكود الاخير اخي سالم وشكر للجميع- يقفل الموضوع حاليا ولايمكنني متابعته اكثر شكرا لجميع الاخوة الذي ساهمو في المساعدة اكبر الشكر
متعلم معلم
متعلم معلم
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 3364
السُمعة : 0

http://jwxjw.montadarabi.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى