أرجو طريقة لتعديل الصورة بحيث تكون عادية عند صعود الصفحة ونزولها ولا تظهر وتختفي فجآة لاني أواجه مشكلة في الصعود كثيرا ... أريدها عادية بدون ذلك التأثير هل يمكن؟ وشكرا

هل قمتي بتعديل القوالب ؟؟

لا أخي لم يسبق لي أن عدلتها لكن أضع أكواد css أحدهم هو الذي يظهر الصورة الرئيسية

اذا سمحت هل ممكن ان تنسخي لي اكواد الـ CSS

الكود:

.content { overflow: hidden; }
.postbody .content {
    width: 100%  !important;
text-align:center;
margin:auto;
}
.headerbar {
 background-image: url("https://i.servimg.com/u/f81/19/93/91/86/n310.png");
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 padding: 0;
 overflow: hidden;
 margin: 0;
 height: 65px;
 position: relative;
 background-color: #3b5998;
 }
.is-sticky#headerbar-top {
 background-color: #3b5998;
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
 height: auto;
 right: 0;
 padding: 6px 0;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 1000 !important;
 }
 

  .statistics {
 background-color: #4e6cab;
 color: #FFF;
 font-size: 1.3rem;
 overflow: hidden;
 padding: 24px 0;
 }
.statistics strong {
 font-weight: 400;
 }
.statistics-item {
 float: right;
 text-align: center;
 width: 33.3333%;
 }
.statistics-item > strong {
 font-size: 2.4rem;
 font-weight: 400;
 line-height: 29px;
 vertical-align: -3px;
 }
.statistics-item a {
 color: #FFF;
 }
.statistics-item a:link, .statistics-item a:visited {
 color: #FFF;
 }
.statistics-item a:hover, .statistics-item a:active {
 color: #D31141;
 }
#page-footer {
 background-color: #345291;
 }
.footerbar-system,.footerbar-user {
 color: #FFF;
 clear: both;
 display: block;
 font-size: 1.3rem;
 overflow: hidden;
 }
.footerbar-system a,.footerbar-user a {
 color: #FFF;
 }
.footerbar-system li,.footerbar-user li {
 float: right;
 }
.footerbar-system .rightside,.footerbar-user .rightside {
 float: left;
 }
.footerbar-system {
 padding: 5px 0 0;
 
/* Inline separators are there */
 }
.footerbar-system li {
 margin: 0 18px 0 0;
 }
.footerbar-system .rightside {
 margin: 0;
 }
.footerbar-user {
 padding: 18px 0 0;
 }
.footerbar-user li {
 margin: 0 18px 0 0;
 }
.footerbar-user .rightside {
 margin: 0 0 0 18px;
 }
.copyright {
 color: #FFF;
 font-size: 1.3rem;
 text-align: center;
 }
.copyright a {
 color: #FFF;
 }
.copyright-body {
 border-color: #1D262C;
 border-style: solid;
 border-width: 1px 0 0;
 margin: 5px 0 0;
 padding: 5px 0 0;
 }

blockquote, dl.codebox {
    background: #F3F3F3!important;
    border: 1px solid #3b5998;
    border-bottom-width: 2px;
    border-radius: 3px;
    margin: 6px 0px 0px 10px;
}
blockquote cite {
    margin: -5px -25px 10px;
}
blockquote cite, dl.codebox dt {
    background: #3b5998;
    border: none;
    color: #FFF;
    font-size: 12px;
    padding: 3px;
}
blockquote:before {
 content: "f347";
 color: rgba(151, 170,210,69);
 font-size: 3.6rem;
 position: absolute;
 left: 9px;
 top: 6px;
 display: inline-block;
 font-family: "Ionicons";
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 text-rendering: auto;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 }
  /* جعل المشاركات دائرية*/
        .row2 {
        background: url("https://i.servimg.com/u/f58/15/34/86/24/30710.png")[/url] no-repeat scroll right top #F4F4F4;
        border: 1px solid #C7C7C7;
        border-radius: 18px 18px 18px 18px;
        color: #707070;
        font-family: arial,helvetica,verdana;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-shadow: 2px 1px 1px #CECECE;
        }
        .row1 {
        background: url("https://i.servimg.com/u/f58/15/34/86/24/30710.png")[/url] no-repeat scroll right top #F4F4F4;
        border: 1px solid #C7C7C7;
        border-radius: 18px 18px 18px 18px;
        color: #707070;
        font-family: arial,helvetica,verdana;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-shadow: 2px 1px 1px #CECECE;
        }
        /* من شركة انكور التطويرية inkor.ibda3.info*/

       
.post-head {
 background-color: rgba(151, 170,210,69);
 border-color: #3793FF;
 border-radius: 3px 3px 0 0;
 border-style: solid;
 border-width: 0 0 1px;
 padding: 18px;
 }

.post-head .topic-title {
 color: #ffffff;
 display: inline-white;
 font-family: 'GE MB Fares', sans-serif;
 font-size: 1.8rem;
 margin: -3px 0 3px;
 padding: 0;
 text-transform: none;
 font-weight: 400;
 }
p#pun-desc {
color: rgba(224, 18, 18, 0);
padding: .3em 0 0 5px;
}

/*حصريا كود جعل البيانات الشخصية اكثر احترافية
*/
/*perfil*/
.postprofile {
background-color: none;
float: right;
font-family: Habibi, Georgia;
font-size: 12px;
margin-right: -3px;
padding-top: 10px;
text-align: center;
width: none;
}
#content-container div#right .module .h3 {
visibility: hidden;
}
/*كود تكبير الفراغ في الرئيسية*/
.headerbar {
  height: auto; !important
}

مع العلم أخي بعضها لم أضعه أنا

فقط أريد جعل الرئيسية صورة دون ذلك التأثر ... للتذكير

المشكله في اكواد الـ CSS عزيزتي
جربي الكود التالي ان شاء الله يتم حل المشكله

الكود:

.content { overflow: hidden; }
.postbody .content {
    width: 100%  !important;
text-align:center;
margin:auto;
}
.headerbar {
 background-image: url("https://i.servimg.com/u/f81/19/93/91/86/n310.png");
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 padding: 0;
 overflow: hidden;
 margin: 0;
 height: 65px;
 position: relative;
 background-color: #3b5998;
 }
.is-sticky#headerbar-top {
 background-color: #3b5998;
 box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
 }
 

  .statistics {
 background-color: #4e6cab;
 color: #FFF;
 font-size: 1.3rem;
 overflow: hidden;
 padding: 24px 0;
 }
.statistics strong {
 font-weight: 400;
 }
.statistics-item {
 float: right;
 text-align: center;
 width: 33.3333%;
 }
.statistics-item > strong {
 font-size: 2.4rem;
 font-weight: 400;
 line-height: 29px;
 vertical-align: -3px;
 }
.statistics-item a {
 color: #FFF;
 }
.statistics-item a:link, .statistics-item a:visited {
 color: #FFF;
 }
.statistics-item a:hover, .statistics-item a:active {
 color: #D31141;
 }
#page-footer {
 background-color: #345291;
 }
.footerbar-system,.footerbar-user {
 color: #FFF;
 clear: both;
 display: block;
 font-size: 1.3rem;
 overflow: hidden;
 }
.footerbar-system a,.footerbar-user a {
 color: #FFF;
 }
.footerbar-system li,.footerbar-user li {
 float: right;
 }
.footerbar-system .rightside,.footerbar-user .rightside {
 float: left;
 }
.footerbar-system {
 padding: 5px 0 0;
 
/* Inline separators are there */
 }
.footerbar-system li {
 margin: 0 18px 0 0;
 }
.footerbar-system .rightside {
 margin: 0;
 }
.footerbar-user {
 padding: 18px 0 0;
 }
.footerbar-user li {
 margin: 0 18px 0 0;
 }
.footerbar-user .rightside {
 margin: 0 0 0 18px;
 }
.copyright {
 color: #FFF;
 font-size: 1.3rem;
 text-align: center;
 }
.copyright a {
 color: #FFF;
 }
.copyright-body {
 border-color: #1D262C;
 border-style: solid;
 border-width: 1px 0 0;
 margin: 5px 0 0;
 padding: 5px 0 0;
 }

blockquote, dl.codebox {
    background: #F3F3F3!important;
    border: 1px solid #3b5998;
    border-bottom-width: 2px;
    border-radius: 3px;
    margin: 6px 0px 0px 10px;
}
blockquote cite {
    margin: -5px -25px 10px;
}
blockquote cite, dl.codebox dt {
    background: #3b5998;
    border: none;
    color: #FFF;
    font-size: 12px;
    padding: 3px;
}
blockquote:before {
 content: "f347";
 color: rgba(151, 170,210,69);
 font-size: 3.6rem;
 position: absolute;
 left: 9px;
 top: 6px;
 display: inline-block;
 font-family: "Ionicons";
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 text-rendering: auto;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 }
  /* جعل المشاركات دائرية*/
        .row2 {
        background: url("https://i.servimg.com/u/f58/15/34/86/24/30710.png")[/url] no-repeat scroll right top #F4F4F4;
        border: 1px solid #C7C7C7;
        border-radius: 18px 18px 18px 18px;
        color: #707070;
        font-family: arial,helvetica,verdana;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-shadow: 2px 1px 1px #CECECE;
        }
        .row1 {
        background: url("https://i.servimg.com/u/f58/15/34/86/24/30710.png")[/url] no-repeat scroll right top #F4F4F4;
        border: 1px solid #C7C7C7;
        border-radius: 18px 18px 18px 18px;
        color: #707070;
        font-family: arial,helvetica,verdana;
        font-size: 16px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        text-shadow: 2px 1px 1px #CECECE;
        }
        /* من شركة انكور التطويرية inkor.ibda3.info*/

       
.post-head {
 background-color: rgba(151, 170,210,69);
 border-color: #3793FF;
 border-radius: 3px 3px 0 0;
 border-style: solid;
 border-width: 0 0 1px;
 padding: 18px;
 }

.post-head .topic-title {
 color: #ffffff;
 display: inline-white;
 font-family: 'GE MB Fares', sans-serif;
 font-size: 1.8rem;
 margin: -3px 0 3px;
 padding: 0;
 text-transform: none;
 font-weight: 400;
 }
p#pun-desc {
color: rgba(224, 18, 18, 0);
padding: .3em 0 0 5px;
}

/*حصريا كود جعل البيانات الشخصية اكثر احترافية
*/
/*perfil*/
.postprofile {
background-color: none;
float: right;
font-family: Habibi, Georgia;
font-size: 12px;
margin-right: -3px;
padding-top: 10px;
text-align: center;
width: none;
}
#content-container div#right .module .h3 {
visibility: hidden;
}
/*كود تكبير الفراغ في الرئيسية*/
.headerbar {
  height: auto; !important
}

جربته لكن المشكلة لا تزال والتأثير لم يختفي ... ؟؟

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

بالفعل لقد قمت بحذفها وحلت المشكلة

لكن الصورة لم تعد تظهر طبعا وعندما اضعها من ادارة الصور تظهر كما هي الآن ... منظرها سيئ جدا