بليز الصوره الرمزيه بجوار الآشعارت بتظهر كبيره جدا ومتحركه

soso28 كتب:

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

كود صورتك الشخصية فى شريط الاشعارات الادارة كريم

الكود:

img.fa_avatar {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 25px;
margin-bottom: -6px;
margin-left: 5px;
margin-right: 5px;
width: 25px;
}

الكود:

$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});

الكود:

.fa_avatar img {
  width:25px;
  height:25px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:3px;
    -moz-border-radius:3px;
          border-radius:3px;
}

الكود:

            كود صورة الآشعارت
        .fa_avatar img {
          width:25px;
          height:25px;
          margin-right:5px;
          margin-bottom:-6px;
          -webkit-border-radius:3px;
            -moz-border-radius:3px;
                  border-radius:3px;
        }




.postbody {font-size:20px;font-weight:700;
 line-height:2em;text-align:center;text-shadow:#c7aa52 5px 5px 5px}a:link{text-decoration:none}
           
                .postbody{font-size:30px;font-weight:700; background: #f52641; -moz-border-radius-bottomleft:15px;    -moz-border-radius-bottomright:15px;    -moz-border-radius-topleft:15px;    -moz-border-radius-topright:15px;    border:3px solid #8509a8;    background:    url(http://hitskin.com/themes/10/57/30/i_back_title.gif);    background-position:top;    background-repeat: no-repeat;    display: block;    overflow: auto;    padding:60px;);    .forumline{    width:97%;    margin:3px;    padding: 4px;    -moz-box-shadow: 0px 0px 30px #FF0000;    box-shadow: 0px 0px 30px #be6eff;    -webkit-box-shadow: 0px 0px 30px #FF0000;    -khtml-box-shadow: 0px 0px 30px #FF0000;    }
           
                  /*-----mytet1-----*/
                  .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();    border:1px dotted #000000;    border-bottom:medium solid #1B507A;    border-top:medium solid #1B507A;    display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
           
                  /*-----mytet1-----*/
                  .postdetails.poster-profile a img {    background-image: url(http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);    width: 150px;    height: 450px;    background-position: center center;    background-repeat: no-repeat;    padding: 20px;    }
           
             
                         
                          /*---كود وضع صورة للخلفية الداخلية--hamsa-haq ----*/        .bodyline  {          background-image: url) )
                  }        /*---كود وضع صورة للخلفية الداخلية--hamsa-haq ----*/      /*--------------الاية الكريمة ---------------*/    form#quick_reply{    background:url(http://www7.0zz0.com/2012/11/16/08/607320952.jpg) no-repeat right ;    padding:30px 10px 10px 10px;    background-position: top center;    }
                  /*----------------Ahmed M!Do    ------------*/  كود موس          /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat991.cur), progress !important;}
                  /* End http://www.cursors-4u.com */      /*----- زووم لصور المواضيع -----*/    .postbody img{    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/    -moz-transition-duration: 0.5s; /*Mozilla duration version*/    }
                  .postbody img:hover{    -moz-transform:scale(1.1); /*Mozilla scale version*/    -moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/    opacity: 1;    }
                  ----------------------------------              الكود الاول لطول الصورة الشخصية.. .postdetails.poster-profile a img {background-image: url("http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png");background-position: center center;background-repeat: no-repeat;height: 450px;padding: 20px;width: 150px;}
                  ------------------------- .. والكود التانى للاطار الى بيلمع}.postdetails.poster-profile a img {background-color: #FEFFC4;background-image: url("http://hitskin.com/themes/10/57/30/i_back_title.gif");background-repeat: repeat;border: 5px solid #FFFFFF;box-shadow: 0 0 6px #666666;max-height: 600px;max-width: 700px;  }
       
       
       



               
 
                /*** كود وضع البسمله بدون خطوط ***/    .hr {  [url=http://www.gulfup.com/?h3bMj3][img]http://im62.gulfup.com/hKEtv7.gif[/img][/url]  ) no-repeat;    background-position: top;    text-align: center;    vertical-align: text-bottom;    padding: 0px 325px 210px;    line-height: normal;    }
       

الكود:

        .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }
        
        
        
        
        .postbody {font-size:20px;font-weight:700;
         line-height:2em;text-align:center;text-shadow:#c7aa52 5px 5px 5px}a:link{text-decoration:none}
                  
                        .postbody{font-size:30px;font-weight:700; background: #f52641; -moz-border-radius-bottomleft:15px;    -moz-border-radius-bottomright:15px;    -moz-border-radius-topleft:15px;    -moz-border-radius-topright:15px;    border:3px solid #8509a8;    background:    url(http://hitskin.com/themes/10/57/30/i_back_title.gif);    background-position:top;    background-repeat: no-repeat;    display: block;    overflow: auto;    padding:60px;);    .forumline{    width:97%;    margin:3px;    padding: 4px;    -moz-box-shadow: 0px 0px 30px #FF0000;    box-shadow: 0px 0px 30px #be6eff;    -webkit-box-shadow: 0px 0px 30px #FF0000;    -khtml-box-shadow: 0px 0px 30px #FF0000;    }
                  
                          /*-----mytet1-----*/
                          .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();    border:1px dotted #000000;    border-bottom:medium solid #1B507A;    border-top:medium solid #1B507A;    display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
                  
                          /*-----mytet1-----*/
                          .postdetails.poster-profile a img {    background-image: url(http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);    width: 150px;    height: 450px;    background-position: center center;    background-repeat: no-repeat;    padding: 20px;    }
                  
                    
                                
                                  /*---كود وضع صورة للخلفية الداخلية--hamsa-haq ----*/        .bodyline  {          background-image: url) )
                          }        /*---كود وضع صورة للخلفية الداخلية--hamsa-haq ----*/      /*--------------الاية الكريمة ---------------*/    form#quick_reply{    background:url(http://www7.0zz0.com/2012/11/16/08/607320952.jpg) no-repeat right ;    padding:30px 10px 10px 10px;    background-position: top center;    }
                          /*----------------Ahmed M!Do    ------------*/  كود موس          /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat991.cur), progress !important;}
                          /* End http://www.cursors-4u.com */      /*----- زووم لصور المواضيع -----*/    .postbody img{    -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/    -moz-transition-duration: 0.5s; /*Mozilla duration version*/    }
                          .postbody img:hover{    -moz-transform:scale(1.1); /*Mozilla scale version*/    -moz-box-shadow:0px 0px 0px gray; /*Mozilla shadow version*/    opacity: 1;    }
                          ----------------------------------              الكود الاول لطول الصورة الشخصية.. .postdetails.poster-profile a img {background-image: url("http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png");background-position: center center;background-repeat: no-repeat;height: 450px;padding: 20px;width: 150px;}
                          ------------------------- .. والكود التانى للاطار الى بيلمع}.postdetails.poster-profile a img {background-color: #FEFFC4;background-image: url("http://hitskin.com/themes/10/57/30/i_back_title.gif");background-repeat: repeat;border: 5px solid #FFFFFF;box-shadow: 0 0 6px #666666;max-height: 600px;max-width: 700px;  }
              
              
              
        
        
        
                      
        
                        /*** كود وضع البسمله بدون خطوط ***/    .hr {  [url=http://www.gulfup.com/?h3bMj3][img]http://im62.gulfup.com/hKEtv7.gif[/img][/url]  ) no-repeat;    background-position: top;    text-align: center;    vertical-align: text-bottom;    padding: 0px 325px 210px;    line-height: normal;    }
              
        
        
        
        
    

الكود:

 $(function () {    $(window).load(function () {        var av = $('#fa_usermenu img:eq(0)').attr('src');        $('#fa_welcome').prepend('<img src="' + av + '" class="fa_avatar" />');    });});