مشكل في ضبط حجم الصورة في التوقيع

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

ãÚáæãÉ مشكل في ضبط حجم الصورة في التوقيع

مُساهمة من طرف زائر الإثنين 15 فبراير - 22:01

السلام عليكم

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

           
الكود:
            .signature_div img{
                max-width: 900px !important;
                max-height: 240px !important;
                }

منتداي

http://fnoujda.3oloum.com


عدل سابقا من قبل oujdasose في الثلاثاء 16 فبراير - 18:10 عدل 1 مرات
Anonymous
زائر
زائر


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

ãÚáæãÉ رد: مشكل في ضبط حجم الصورة في التوقيع

مُساهمة من طرف YasirAyad الإثنين 15 فبراير - 23:59

مرحباً بك عزيزي انت تضع الكود التالي
الكود:
.signature_div img {
    height: 500px;
    max-height: 240px!important;
    max-width: 900px!important;
    width: 220px;
}
ممكن انك اضفت كودين بنفس الامر
ابحث عنه واستبدل الارقام بما يناسبك
فلا تستطيع اضافه كود امبورتمنا اخر سوف يتعارض
كما اني جربته على منتداك ويعمل بشكل صحيح
YasirAyad
YasirAyad
 
 

ذكر
عدد المساهمات : 10114
معدل النشاط : 15507
السُمعة : 297

http://yasirayad.com/

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

ãÚáæãÉ رد: مشكل في ضبط حجم الصورة في التوقيع

مُساهمة من طرف زائر الثلاثاء 16 فبراير - 17:37

تفضل أخي هاته قائمة الاكواد الموجودة عندي رغم اني جربت الكود انه الاول لم يعمل جيدا ولا اعرف اين المشكل اخي الفاضل واسف على الازعاج

الكود:
              .signature_div img {
        height: 500px;
        max-height: 240px!important;
        max-width: 900px!important;
        width: 220px;
    }
/* كود لون مثبت */
    div.topictitle:hover
    {
    color:#FF0000;
    }

    div.topictitle
    {
    color:#FF0000;
    font-size: 17px;
    }

/* كود خلفية لعلبة الدردشة */

    body.chatbox {
        background-image: url(http://i68.servimg.com/u/f68/17/77/78/51/bg10.png);
    }
   
  #chatbox .user {
        background: url(http://i68.servimg.com/u/f68/17/77/78/51/016.jpg);
        font: 13px georgia !important;
        border-color : #2DB9E3 !important;
        }
        /*----------------Members----------------*/
        #chatbox_members {
        background: url(http://i68.servimg.com/u/f68/17/77/78/51/015.jpg);
        margin-bottom: -30px;
        border-right: 1px solid #c9c9c9;
        background-color: #ffffff;
        }
        #chatbox_members:hover {
        border-right: 1px solid #b7b7b7;
        background-color: #fcfcfc;
        }
       
        #chatbox_members ul li:hover {
        background-color: #f4f4f4;
        background-image:url('http://i68.servimg.com/u/f68/17/77/78/51/11410.png');
        background-repeat: no-repeat;
        background-position: center left;
        }
        #chatbox_members ul li:active {
        background-image:url('http://i68.servimg.com/u/f68/17/77/78/51/21310.png');
        }
        #chatbox_members ul li a {
        text-shadow: 1px 1px 1px #ffffff;
        font-size: 12px;
        color: #909090;
        text-decoration: none;
        }
        #chatbox_members ul li a:hover {
        color: #393939;
        text-decoration: none !important;
        }
/* كود اظهار علبة الدردشه بشكل جميل*/

    #chatbox_ret_cont{
      z-index: 999;
      background-color: transparent;
      position: fixed;
      bottom: 0;
    }
    #chatbox_ret_cont.chatbox_derecha{
      right: 0;
    }
    #chatbox_ret_cont.chatbox_izquierda{
      left: 0;
    }
    #chatbox_ret_cont div{
      cursor: pointer;
    }
    #chatbox_ret_cont iframe#chatbox_ret{
      background-color: white;
      border: 2px solid grey;
      display: none;
      height: 450px;
      margin-bottom: 0;
      width: 900px;
    }
    /*** كود وضع اطار على اخر مساهمة***/
    td.row3.over span.gensmall{
    background: url(http://i68.servimg.com/u/f68/17/77/78/51/012.jpg)  ;
    -khtml-box-shadow: 0px 0px 10px #000;
    padding: 15px 0px 15px 0px;
    -moz-border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    essa_elgn ;
    overflow: auto;
    padding: 7px;
    }
    /* كود css لجعل عبارة اخر تعديل تم بواسطة */
 tr.post span.gensmall { color: #FF0000; }


    /*-----كود عمل خاصية zoom علي الصور الشخصية-----*/
                .postdetails.poster-profile a img {
    -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -o-transform:scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        opacity: 0.9;
        margin: 0 10px 5px 0;
        }
    .postdetails.poster-profile a img:hover {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
        -webkit-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
        -moz-box-shadow:0px 0px "AQUI EL TAMAرO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
        opacity: 1;
        }

/* كود المسافة بين التوقيع والموضوع */
    .signature_div {    margin-top: 72px;}


/* كود توصيط التوقيع يعمل مع التوميبلات */
    .signature_div {
    text-align:center;
    background:none!important;
      height:100%;width:600px;
        overflow: auto;
          direction: ltr;
            display: block;
      resize: vertical;
    overflow: auto;
            }
/*---------- www.haya-m.net ----------- */ 

.colorsh-no , .colorsf-no{

background:#0088FF;}

.no-color , .no-color .profile{ 

        border-color: #0088FF;     

        color: #0088FF;}

.colorsh:after , .colorsh-no:after {

  content: "بيانات اضافيه";}

.colorsf:before , .colorsf-no:before{

 content: "لوني المفضل :";}
 

tr.post td {
       
            text-align: center;
       
        }

.postdetails.poster-profile a img  {
    max-height: 300px;
    max-width: 150px;
}


.postbody img {
    max-width: 600px;
    /* Resize the image for IE6 */
    width: expression(this.width > 600 ? 600: true);


  .signature_div img {height: 500px;  width: 220px;  }


.poster-profile{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-image:url(http://i68.servimg.com/u/f68/17/77/78/51/uo_ouo10.jpg);
border:1px dotted #000000;
border-bottom:medium solid #7FB2D9;
border-top:medium solid #7FB2D9;
display:block;font-size:11px;font weight:700;margin:7px;padding:14px}
postdetails.poster-profile a img:hover {

    -moz-transform: scale(1.2);

    box-shadow: 0 0 0 gray;
}
/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i68.servimg.com/u/f68/17/77/78/51/b1010.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

#sidebar {
    width:800px;
    margin:auto;
    background-color:#D0E5F5;
    color:#FFF;
    border-radius:7px;
    -moz-border-radius:7px;
    -wibkit-border-radius:7px;
    clear:both;
    height:100%;
    overflow:hidden;
    margin-bottom:20px;
}
.hamody {
    float:right;
    width:350px;
    padding:22px;
    border-left:1px solid #0372BE;
}
.hamody h3 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    border:1px solid #000;
    background-color:#BFD2E1;
    padding-right:10px;
    margin-bottom:7px;
}
.hamody ul li {
    list-style-type:square;
    padding:5px;
    background:url(\'images/dot_sidebar.gif\') repeat-x 50% bottom;
}
.hamody ul {
}
.hamody ul li:hover {
    background-color:#BFD2E1;
    border:1px solid #000;
    padding:4px;
}
.hamody ul li a {
    display:block;
    color:#FFF;
}
.hamody ul li a:hover {
    color:#ccc;
}
#sidebar p {
    margin-right:7px;
}

.auto-style2 {
    text-align: center;
    text-decoration:none;
}

.auto-style5 {
    text-align: center;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
}

.auto-style6 {
    text-decoration: none;
}

.auto-style7 {
    text-decoration: none;




.__wb_overlay {
    background-color: #000;
    border: 0 none !important;
    border-radius: 0 !important;
    height: 100%;
    left: 0;
    margin: 0 !important;
    opacity: 0.6;
    padding: 0 !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483643 !important;
}
#__wb_record_overlay_div {
    cursor: wait !important;
}
.__wb_record_content {
    background-color: #ffffff !important;
    border-radius: 8px;
    box-shadow: 0 0 30px 5px #000;
    left: 50%;
    margin: 0 !important;
    opacity: 1;
    padding: 0 !important;
    position: fixed;
    top: 50%;
    z-index: 2147483644 !important;
}
#__wb_record_content_loader {
    cursor: wait !important;
    height: 355px !important;
    margin-left: -287px !important;
    margin-top: -177px !important;
    padding-top: 30px !important;
    width: 574px !important;
}
#__wb_record_content_done {
    height: 355px !important;
    margin-left: -427px !important;
    margin-top: -177px !important;
    width: 855px !important;
}
.__wb_record_content > * {
    display: block !important;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    margin: auto !important;
    text-align: center !important;
}
.__wb_record_content > wb_h1 {
    color: #222 !important;
    font-size: 36px !important;
    font-weight: normal !important;
    height: auto !important;
    line-height: 2em;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.__wb_record_content > wb_p {
    color: #222 !important;
    font-size: 17px !important;
    line-height: 2em;
    margin: 8px 0 !important;
    padding: 0 !important;
}
.__wb_record_content > #_wb_logo {
    margin-bottom: 10px !important;
}
.__wb_record_content > #_wb_spinner {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}
.__wb_record_content > #_wb_curr_url {
    font-weight: bold !important;
    text-decoration: underline !important;
}
#__wb_record_content_done > #__wb_link {
    border: 1px solid #aaa !important;
    font-size: 20px !important;
    height: auto !important;
    padding: 3px !important;
    text-align: center !important;
    width: 80% !important;
}
#__wb_record_content_done > #__wb_link:focus {
    border-color: #428bca !important;
    outline: 0 none !important;
}
#__wb_record_content_done > #__wb_donate_close {
    display: inline-block;
    float: right;
    font-size: 18px !important;
    margin: 0 !important;
    padding: 8px 8px 0 0 !important;
    width: auto !important;
}
#__wb_donate_close > #__wb_record_done_close {
    cursor: pointer !important;
    display: inline-block;
    vertical-align: bottom !important;
}
#__wb_record_content_done > #__wb_donate_close a {
    color: #428bca !important;
}
#__wb_record_content_done > #__wb_donate_close a:link {
    color: #428bca !important;
    margin-right: 16px !important;
    text-decoration: none !important;
}
#__wb_record_content_done > #__wb_donate_close a:visited {
    color: #428bca !important;
}
#__wb_record_content_done > #__wb_donate_close a:hover {
    color: #00b1f7 !important;
}
#wm-ipp {
    background-color: transparent;
    border-radius: 0;
    font-size: 11px;
    left: 0;
    margin: 0;
    min-height: 65px;
    min-width: 800px;
    padding: 0;
    top: 0;
    width: 100%;
}
#wm-ipp * {
    float: none;
    font-family: Lucida Grande,Helvetica,Arial,sans-serif;
    font-size: inherit;
    line-height: 1.2;
    outline: medium none;
    width: auto;
}
#wm-ipp div, #wm-ipp tr, #wm-ipp td, #wm-ipp a, #wm-ipp form {
    background-color: transparent;
    background-image: none;
    border: medium none;
    border-radius: inherit;
    margin: 0;
    padding: 0;
    z-index: 999;
}
#wm-ipp table {
    border: medium none;
    border-collapse: collapse;
    font-size: inherit;
    margin: 0;
    padding: 0;
    width: auto;
}
#wm-ipp form input {
    display: inline;
    height: auto;
    margin: 0;
    padding: 1px;
}
#wm-ipp form input[type="submit"] {
    margin: 1px 0 1px 5px;
    padding: 0 8px;
    width: auto !important;
}
#wm-ipp a:hover {
    text-decoration: underline !important;
}
#wm-ipp #wm-ipp-inside {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgba(255, 255, 255, 0.9);
    border-color: -moz-use-text-color #000 #000;
    border-image: none;
    border-radius: 0 0 8px 8px;
    border-style: none solid solid;
    border-width: medium 5px 5px;
    box-shadow: 1px 1px 4px #333;
    margin: 0 auto;
    min-width: 780px;
    width: 98% !important;
}
#wm-ipp #wm-logo {
    min-width: 110px;
    padding: 0 10px;
    vertical-align: middle;
}
#wm-ipp td.c {
    vertical-align: top;
    width: 100%;
}
#wm-ipp td.c td.u {
    padding: 3px 0;
    text-align: center;
}
#wm-ipp td.c td.n {
    padding-left: 5px;
}
#wm-ipp td.c td.n a {
    color: #33f;
    font-weight: bold;
    text-decoration: none;
}
#wm-ipp td.c td.n td.b {
    color: #99a;
    overflow: visible;
    padding-right: 6px !important;
    text-align: right !important;
    vertical-align: middle;
    white-space: nowrap;
}
#wm-ipp td.c td.n td.c {
    background: #000 none repeat scroll 0 0;
    color: #ff0;
    font-weight: bold;
    text-align: center;
}
#wm-ipp.hi td.c td.n td.c {
    color: #ec008c;
}
#wm-ipp td.c td.n td.f {
    color: #99a;
    overflow: visible;
    padding-left: 6px !important;
    text-align: left !important;
    vertical-align: middle;
    white-space: nowrap;
}
#wm-ipp td.c td.n tr.m td {
    padding: 2px 0;
    text-transform: uppercase;
    white-space: nowrap;
}
#wm-ipp td.c td.s {
    padding-right: 5px;
    text-align: center;
    vertical-align: bottom;
}
#wm-ipp td.c td.s a.t {
    color: #33f;
    font-weight: bold;
    line-height: 1.8;
}
#wm-ipp td.c td.s div.r {
    color: #666;
    font-size: 9px;
    white-space: nowrap;
}
#wm-ipp td.c td.k {
    padding-bottom: 2px;
    vertical-align: bottom;
}
#wm-ipp td.c td.n tr.y td, #wm-ipp td.c td.s {
    padding-bottom: 2px;
}
div#wm-ipp-sparkline {
    background-color: #fff;
    border-right: 1px solid #ccc;
    cursor: pointer;
    line-height: 0.9;
    position: relative;
    white-space: nowrap;
}
#sparklineImgId {
    position: relative;
    z-index: 999;
}
#wm-ipp-sparkline div.yt {
    background-color: #ff0 !important;
    position: absolute;
    z-index: 9010 !important;
}
#wm-ipp-sparkline div.mt {
    background-color: #ec008c !important;
    position: absolute;
    z-index: 9011 !important;
}
#wm-ipp td.r {
    padding-left: 65px;
    position: relative;
}
#wm-ipp td.r a {
    background-color: transparent;
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
    border: medium none;
    color: #33f;
    display: block;
    padding: 0 15px 0 0;
    position: absolute;
    right: 5px;
}
#__wb_spinningSquaresG {
    border: 0 none !important;
    border-radius: 0 !important;
    height: 20px;
    margin: 30px 0 30px 160px !important;
    padding: 0 !important;
    position: relative;
    width: 240px;
}
.__wb_spinningSquaresG {
    animation-duration: 1.9s;
    animation-iteration-count: infinite;
    animation-name: bounce_spinningSquaresG;
    background-color: #000000;
    border: 0 none !important;
    border-radius: 0 !important;
    height: 22px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    transform: scale(0.3);
    width: 22px;
}
#__wb_spinningSquaresG_1 {
    animation-delay: 0.76s;
    left: 0;
}
#__wb_spinningSquaresG_2 {
    animation-delay: 0.95s;
    left: 30px;
}
#__wb_spinningSquaresG_3 {
    animation-delay: 1.14s;
    left: 60px;
}
#__wb_spinningSquaresG_4 {
    animation-delay: 1.33s;
    left: 90px;
}
#__wb_spinningSquaresG_5 {
    animation-delay: 1.52s;
    left: 120px;
}
#__wb_spinningSquaresG_6 {
    animation-delay: 1.71s;
    left: 150px;
}
#__wb_spinningSquaresG_7 {
    animation-delay: 1.9s;
    left: 180px;
}
#__wb_spinningSquaresG_8 {
    animation-delay: 2.09s;
    left: 210px;
}
@keyframes bounce_spinningSquaresG {
0% {
    background-color: #000000;
    transform: scale(1);
}
100% {
    background-color: #ffffff;
    transform: scale(0.3) rotate(90deg);
}
}
@keyframes bounce_spinningSquaresG {
0% {
    background-color: #000000;
    transform: scale(1);
}
100% {
    background-color: #ffffff;
    transform: scale(0.3) rotate(90deg);
}
}


function KH_show_visitors(){
if(!document.getElementById(\'KH_total-online\')) return false;

var v= document.getElementById(\'KH_total-online\').innerHTML.match(/\\b\\d+\\b/g)[3] &&
parseInt(document.getElementById(\'KH_total-online\').innerHTML.match(/\\b\\d+\\b/g)[3]),

visitors= \'\'+ (function(v){var a=\'\';for(var i=1; i<
v+1;i++){a+=\', \'+ \'
زائر \' +i+ \'\';}return a+\'\';})(v);
document.getElementById(\'KH_users-online\') &&


(document.getElementById(\'KH_users-online\').innerHTML=document.getElementById(\'KH_users-online\').innerHTML.replace(//,
visitors+\'\'));
return \'visitors_add\';
}
 
   
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


    /* زر حذف الرابط */
    .sceditor-button-unlink div {    background-image:url(\'http://i68.servimg.com/u/f68/17/77/78/51/warnin10.png\') !important;    background-position:0 !important;}


   

.vote {        float: right;        width: 9px;        margin-right: 4px;        } 

   
   
.signature_div  {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px  solid #00000;
background-color: White;
}
Anonymous
زائر
زائر


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

ãÚáæãÉ رد: مشكل في ضبط حجم الصورة في التوقيع

مُساهمة من طرف زائر الثلاثاء 16 فبراير - 18:11

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

الكود:
  .signature_div img {height: 200px;  width: 440px;  }
Anonymous
زائر
زائر


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

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

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

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