أرجو حل هذه الأشكالية.. تغير صورة البنر الرئيسي

بامكانك تغيير الصورة من لوحة الادارة >> مظهر المنتدى >> الصور والالوان>> ادارة الصور
لوحة ادارة كاملة ,
وستجد الواجهة اول خيار بامكانك تغييرها بتغيير رابط الصورة
ثم سجل
+
ولطلب تصميم واجهة لمنتداك توجه للمنتدى الشقيق الابداع العربي
http://www.ibda3araby.com/

AmEr DeSiGN كتب:بامكانك تغيير الصورة من لوحة الادارة >> مظهر المنتدى >> الصور والالوان>> ادارة الصور
لوحة ادارة كاملة ,
وستجد الواجهة اول خيار بامكانك تغييرها بتغيير رابط الصورة
ثم سجل
+
ولطلب تصميم واجهة لمنتداك توجه للمنتدى الشقيق الابداع العربي
http://www.ibda3araby.com/

هذا الحل جربته بدون فائدة يتم تغطية الصورة ولكنها تظهر كخلفية مع الصورة التي قمت بوضعها...
أدرجت موضوعي في منتدى الأبداع العربي ولم أجد حلا و لا  جواب

Michael_vx كتب:

قد تكون من ورقة التصميم CSS

يمكن ايضا وضع بنر للمنتدى عبر ورقة التصميم CSS

فعلا قد يكون من ورقة التصميم

ممكن أخي توضح لي كيف اتغلب ع هذه الأشكالية كيف يمكنني التعديل في ورقة التصميم css??

بعد اذن الاخوة اعلاه
==========
ضع ورقةcss
هناء اذا كان يوجد بها نحذفه لك

stones كتب:Michael_vx

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

 وين الشرح أخي؟؟؟

للأسف لم أجد حلا.... هذه هي ورقة تصميم css

/*-----------------------------توسيط المشاركات ------------------------------*/



tr.post td {

    text-align: center;

}
/*------------------------------تضخيم الخط------------------------------*/


    td {

            font-weight: bold;

    }
       /*-----------------------------حذف الفراغ اعلي الواجهه ------------------------------*/
    .bodyline{
    background:#ffffff url(goweto bilobed);
    border:0;
    padding:0;
    margin:0;
    }



/*-----كود وضع نجمة بجانب اسماء-----*/
    a strong {
    background : url(http://im33.gulfup.com/zloZI.gif) no-repeat right;
    padding : 0 15px 0 20px;
    }




/*--------------الاية الكريمة ---------------*/
form#quick_reply{
background:url(http://im41.gulfup.com/iYbpa.png) no-repeat right ;
padding:80px 10px 10px 10px;
background-position: top center;
}





/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/







/*كود لتخفيف الصور كلها*/
    img{
    border:0px;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    essa_elgn;
    opacity: 1.0;

    }
    img:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;

    }




        /*----- زووم لصور المواضيع -----*/
          .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;
    }






اكواد الدردشة

    #chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
    color: #9a9a9a;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration:none;
    font-family: Arial Black;
    text-transform: uppercase;
    }
    #chatbox_main_options a:hover{
    color: grey;
    text-shadow: 1px 1px 1px #b8b8b8;
    text-decoration:none !important;
    font-family: Arial Black;
    text-transform: uppercase;
    }

    #chatbox_main_options {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
    float: right;
    border: 1px solid #c9c9c9;
    margin-right: 50px;
    margin-top: -17px;
    padding: 2px 3px 1px 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 0px 4px #c6c6c6;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    }
    #chatbox_main_options:hover {
    margin-top: -7px;
    }
    /*----------------Members----------------*/
    #chatbox_members {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/50347510.png);
    margin-bottom: -30px;
    border-right: 1px solid #c9c9c9;
    background-color: #ffffff;
    }
    #chatbox_members:hover {
    border-right: 1px solid #b7b7b7;
    background-color: #fcfcfc;
    }
    h4.member-title{
    background: url(https://i.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
    font-family: Arial Black;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0px 0px 3px black;
    margin-top: -1px;
    cursor: default;
    letter-spacing: 0.5em;
    }

    #chatbox_members ul {
    list-style: none;
    margin: 0px;
    }
    #chatbox_members ul li {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/115.png);
    font-family: Arial Black;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px;
    }

    #chatbox_members ul li:hover {
    background-color: #f4f4f4;
    background-image:url('https://i.servimg.com/u/f25/14/45/99/41/114.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    #chatbox_members ul li:active {
    background-image:url('https://i.servimg.com/u/f25/14/45/99/41/213.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;
    }


    /*----------------Footer----------------*/
    #chatbox_messenger .catBottom{
    background: none !important;
    }
    #chatbox_messenger_form {
    width: 550px;
    background: none !important;
    float: none !important;
    bottom: 0px ;
    position: fixed;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .chatfootertable {
    -webkit-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px -0px 4px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 0px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    }
    .chatfootertable:hover {
    border-top: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    }
    .text-styles {
    color: grey;
    }
    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
    .gen label input#message {
    height: 17px;
    font-size: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen label input#message:hover {
    border: 1px solid #b2b2b2;
    background-color: #f5f5f5;
    }
    .gen label input#message:focus {
    border: 1px solid #a4a4a4;
    background-color: #e0fdff;
    }
    .gen input#submit_button {
    cursor: pointer;
    color: #929292;
    font-family: Arial Black;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    background: url(https://i.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen input#submit_button:hover {
    color: #2c2c2c;
    background: url(https://i.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    .gen input#submit_button:active {
    background: url(https://i.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }






/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 22px;

font-weight: bold;
font-family:
Traditional Arabic;
}



tr.post td {

text-align: center;

}



a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}







واجهتك المسمة مثل vb

body{
margin:0;
padding:0;
background:#7AB1D8 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}
.bodyline{
    background-color: #DCE0E7;
        border:1px solid #009cf5;
 border:3;
padding:3;
margin:3;
background:#F0F4F5 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}



    /*-----كود البينات الشخصية المطورة-----*/
       /*-----mytet1-----*/
    .postbody{font-size:16px;font-weight:700}
    .postbody img{max-width:650px}
    hr{-moz-border-radius:7px;
    background:url(https://i.servimg.com/u/f62/14/92/70/14/sans_t18.png);
    border:1px solid #fff;
    border-top-width:1px;
    height:5px
    }
    /*-----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(https://i.servimg.com/u/f72/14/92/70/14/sans_t10.png);
    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(https://i.servimg.com/u/f72/14/92/70/14/shanex12.png);
    width: 110px;
    height: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
    }





/*لحذف المسافة التي تظهر*/
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}



a:hover
{
background: #fcfcfc;
}

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}



    table.forumline {

 

    background: #7AB1D8 url(http://im42.gulfup.com/3GR64.png)no-repeat ;
 

    padding: 47px 6px 15px 6px;

 

    background-position: top;

 

    border: 0px dashed #7AB1D8;
    }





وضع دائر على اسماء الاقسام



    a.nav {
    background-image:url(http://im23.gulfup.com/2012-07-22/1342987643401.png);
    -moz-border-radius: 10px;
    border-radius: 10px;
    nasim_code;
    border : 1px dotted #000000;
    border-left : medium solid #343434;
    border-right : medium solid #343434;
    font-weight:bold;
    }






.postdetails.poster-profile a img {
background-image: url('');

-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}


a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}




  
/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }  
/*by: aymen.z*/







/*----- Edit Tybe -----*/

tr.post span.gensmall { color: #FF0000; }







/*----- light names -----*/

.name {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.mainmenu {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.nav {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

 


.forumline{
  border:2px solid #EEE;
width:98%;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}




/*-------حجم الخط في المساهمات-------*/
.postbody{
font-size: 14px;

font-weight: Regular;
font-family:
Tahoma;
}






        /*---كود وضع مسافة بين الفئات hamsa-haq ----*/
        .forumline {
        margin-bottom:75px;
        }


        /*----- ايطار منقط حوله الصورة الشخصية-----*/
        .postdetails.poster-profile a img{
        background: white;
        color: #000;
        padding: 3px; margin: 3px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 0px;
        border: 2px dashed #018fa0;
        #profile-advanced-details .stats-field
        border:1px dashed #ff0000;
        }
        /*----- prince kimo-----*/



    strong a{
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.copyright
    {
    border:0;
    background:none;
    }
    a. {
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.coloradmin{
    -decoration:none;
    border:1px dashed #FFA34F;
    }



/* الاقسام دائرية by c.ronaldo */
td.row1 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}

    #page-footer
    {
    border:9px width: 190%; height: 5.8em; ridge #ECECEC;
    background:#CAE93A url(http://im41.gulfup.com/gZASp.png);
    }


كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف

    input,input.liteoption,input.mainoption
    {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright:
    8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:
    8px;
    background-image :
    url('https://i.servimg.com/u/f14/13/64/37/51/158.png');
    border:1px solid
    #858585;
    }

Michael_vx كتب:

بفضل مساعدة الاخ ستون على توضيح الامر

توصلت الى مكان الصور بورقة التصميم

الكود للورقة كاملا استبدلة بالقديم بدون الصورة

الكود:

/*-----------------------------توسيط المشاركات ------------------------------*/



tr.post td {

    text-align: center;

}
/*------------------------------تضخيم الخط------------------------------*/


    td {

            font-weight: bold;

    }
       /*-----------------------------حذف الفراغ اعلي الواجهه ------------------------------*/
    .bodyline{
    background:#ffffff url(goweto bilobed);
    border:0;
    padding:0;
    margin:0;
    }



/*-----كود وضع نجمة بجانب اسماء-----*/
    a strong {
    background : url(http://im33.gulfup.com/zloZI.gif) no-repeat right;
    padding : 0 15px 0 20px;
    }




/*--------------الاية الكريمة ---------------*/
form#quick_reply{
background:url(http://im41.gulfup.com/iYbpa.png) no-repeat right ;
padding:80px 10px 10px 10px;
background-position: top center;
}





/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/







/*كود لتخفيف الصور كلها*/
    img{
    border:0px;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    essa_elgn;
    opacity: 1.0;

    }
    img:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;

    }




        /*----- زووم لصور المواضيع -----*/
          .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;
    }






اكواد الدردشة

    #chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
    color: #9a9a9a;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration:none;
    font-family: Arial Black;
    text-transform: uppercase;
    }
    #chatbox_main_options a:hover{
    color: grey;
    text-shadow: 1px 1px 1px #b8b8b8;
    text-decoration:none !important;
    font-family: Arial Black;
    text-transform: uppercase;
    }

    #chatbox_main_options {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
    float: right;
    border: 1px solid #c9c9c9;
    margin-right: 50px;
    margin-top: -17px;
    padding: 2px 3px 1px 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 0px 4px #c6c6c6;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    }
    #chatbox_main_options:hover {
    margin-top: -7px;
    }
    /*----------------Members----------------*/
    #chatbox_members {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
    margin-bottom: -30px;
    border-right: 1px solid #c9c9c9;
    background-color: #ffffff;
    }
    #chatbox_members:hover {
    border-right: 1px solid #b7b7b7;
    background-color: #fcfcfc;
    }
    h4.member-title{
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
    font-family: Arial Black;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0px 0px 3px black;
    margin-top: -1px;
    cursor: default;
    letter-spacing: 0.5em;
    }

    #chatbox_members ul {
    list-style: none;
    margin: 0px;
    }
    #chatbox_members ul li {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
    font-family: Arial Black;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px;
    }

    #chatbox_members ul li:hover {
    background-color: #f4f4f4;
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    #chatbox_members ul li:active {
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.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;
    }


    /*----------------Footer----------------*/
    #chatbox_messenger .catBottom{
    background: none !important;
    }
    #chatbox_messenger_form {
    width: 550px;
    background: none !important;
    float: none !important;
    bottom: 0px ;
    position: fixed;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .chatfootertable {
    -webkit-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px -0px 4px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 0px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    }
    .chatfootertable:hover {
    border-top: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    }
    .text-styles {
    color: grey;
    }
    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
    .gen label input#message {
    height: 17px;
    font-size: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen label input#message:hover {
    border: 1px solid #b2b2b2;
    background-color: #f5f5f5;
    }
    .gen label input#message:focus {
    border: 1px solid #a4a4a4;
    background-color: #e0fdff;
    }
    .gen input#submit_button {
    cursor: pointer;
    color: #929292;
    font-family: Arial Black;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen input#submit_button:hover {
    color: #2c2c2c;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    .gen input#submit_button:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }






/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 22px;

font-weight: bold;
font-family:
Traditional Arabic;
}



tr.post td {

text-align: center;

}



a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

    /*-----كود البينات الشخصية المطورة-----*/
       /*-----mytet1-----*/
    .postbody{font-size:16px;font-weight:700}
    .postbody img{max-width:650px}
    hr{-moz-border-radius:7px;
    background:url(http://i62.servimg.com/u/f62/14/92/70/14/sans_t18.png);
    border:1px solid #fff;
    border-top-width:1px;
    height:5px
    }
    /*-----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(http://i72.servimg.com/u/f72/14/92/70/14/sans_t10.png);
    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: 110px;
    height: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
    }





/*لحذف المسافة التي تظهر*/
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}



a:hover
{
background: #fcfcfc;
}

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}



    table.forumline {

 

    background: #7AB1D8 url(http://im42.gulfup.com/3GR64.png)no-repeat ;
 

    padding: 47px 6px 15px 6px;

 

    background-position: top;

 

    border: 0px dashed #7AB1D8;
    }





وضع دائر على اسماء الاقسام



    a.nav {
    background-image:url(http://im23.gulfup.com/2012-07-22/1342987643401.png);
    -moz-border-radius: 10px;
    border-radius: 10px;
    nasim_code;
    border : 1px dotted #000000;
    border-left : medium solid #343434;
    border-right : medium solid #343434;
    font-weight:bold;
    }






.postdetails.poster-profile a img {
background-image: url('');

-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}


a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}




  
/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }  
/*by: aymen.z*/







/*----- Edit Tybe -----*/

tr.post span.gensmall { color: #FF0000; }







/*----- light names -----*/

.name {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.mainmenu {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.nav {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

 


.forumline{
  border:2px solid #EEE;
width:98%;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}




/*-------حجم الخط في المساهمات-------*/
.postbody{
font-size: 14px;

font-weight: Regular;
font-family:
Tahoma;
}






        /*---كود وضع مسافة بين الفئات hamsa-haq ----*/
        .forumline {
        margin-bottom:75px;
        }


        /*----- ايطار منقط حوله الصورة الشخصية-----*/
        .postdetails.poster-profile a img{
        background: white;
        color: #000;
        padding: 3px; margin: 3px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 0px;
        border: 2px dashed #018fa0;
        #profile-advanced-details .stats-field
        border:1px dashed #ff0000;
        }
        /*----- prince kimo-----*/



    strong a{
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.copyright
    {
    border:0;
    background:none;
    }
    a. {
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.coloradmin{
    -decoration:none;
    border:1px dashed #FFA34F;
    }



/* الاقسام دائرية by c.ronaldo */
td.row1 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}

    #page-footer
    {
    border:9px width: 190%; height: 5.8em; ridge #ECECEC;
    background:#CAE93A url(http://im41.gulfup.com/gZASp.png);
    }


كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف

    input,input.liteoption,input.mainoption
    {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright:
    8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:
    8px;
    background-image :
    url('http://i14.servimg.com/u/f14/13/64/37/51/158.png');
    border:1px solid
    #858585;
    }

واذا اردت وضع صورة اخرى

هذا هو الكود الخاص بوضع تلك الصورة والذى ازلتة من الورقة باكملها

الكود:


body{
margin:0;
padding:0;
background:#7AB1D8 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

.bodyline{
    background-color: #DCE0E7;
        border:1px solid #009cf5;
 border:3;
padding:3;
margin:3;
background:#F0F4F5 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

اصنع صورتك الخاصة واستبدلها بذلك الرابط

http://im33.gulfup.com/MQn4l.png

تحياتى

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

ziyad143 كتب:

Michael_vx كتب:

بفضل مساعدة الاخ ستون على توضيح الامر

توصلت الى مكان الصور بورقة التصميم

الكود للورقة كاملا استبدلة بالقديم بدون الصورة

الكود:

/*-----------------------------توسيط المشاركات ------------------------------*/



tr.post td {

    text-align: center;

}
/*------------------------------تضخيم الخط------------------------------*/


    td {

            font-weight: bold;

    }
       /*-----------------------------حذف الفراغ اعلي الواجهه ------------------------------*/
    .bodyline{
    background:#ffffff url(goweto bilobed);
    border:0;
    padding:0;
    margin:0;
    }



/*-----كود وضع نجمة بجانب اسماء-----*/
    a strong {
    background : url(http://im33.gulfup.com/zloZI.gif) no-repeat right;
    padding : 0 15px 0 20px;
    }




/*--------------الاية الكريمة ---------------*/
form#quick_reply{
background:url(http://im41.gulfup.com/iYbpa.png) no-repeat right ;
padding:80px 10px 10px 10px;
background-position: top center;
}





/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/







/*كود لتخفيف الصور كلها*/
    img{
    border:0px;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    essa_elgn;
    opacity: 1.0;

    }
    img:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;

    }




        /*----- زووم لصور المواضيع -----*/
          .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;
    }






اكواد الدردشة

    #chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
    color: #9a9a9a;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration:none;
    font-family: Arial Black;
    text-transform: uppercase;
    }
    #chatbox_main_options a:hover{
    color: grey;
    text-shadow: 1px 1px 1px #b8b8b8;
    text-decoration:none !important;
    font-family: Arial Black;
    text-transform: uppercase;
    }

    #chatbox_main_options {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
    float: right;
    border: 1px solid #c9c9c9;
    margin-right: 50px;
    margin-top: -17px;
    padding: 2px 3px 1px 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 0px 4px #c6c6c6;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    }
    #chatbox_main_options:hover {
    margin-top: -7px;
    }
    /*----------------Members----------------*/
    #chatbox_members {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
    margin-bottom: -30px;
    border-right: 1px solid #c9c9c9;
    background-color: #ffffff;
    }
    #chatbox_members:hover {
    border-right: 1px solid #b7b7b7;
    background-color: #fcfcfc;
    }
    h4.member-title{
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
    font-family: Arial Black;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0px 0px 3px black;
    margin-top: -1px;
    cursor: default;
    letter-spacing: 0.5em;
    }

    #chatbox_members ul {
    list-style: none;
    margin: 0px;
    }
    #chatbox_members ul li {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
    font-family: Arial Black;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px;
    }

    #chatbox_members ul li:hover {
    background-color: #f4f4f4;
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    #chatbox_members ul li:active {
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.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;
    }


    /*----------------Footer----------------*/
    #chatbox_messenger .catBottom{
    background: none !important;
    }
    #chatbox_messenger_form {
    width: 550px;
    background: none !important;
    float: none !important;
    bottom: 0px ;
    position: fixed;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .chatfootertable {
    -webkit-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px -0px 4px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 0px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    }
    .chatfootertable:hover {
    border-top: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    }
    .text-styles {
    color: grey;
    }
    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
    .gen label input#message {
    height: 17px;
    font-size: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen label input#message:hover {
    border: 1px solid #b2b2b2;
    background-color: #f5f5f5;
    }
    .gen label input#message:focus {
    border: 1px solid #a4a4a4;
    background-color: #e0fdff;
    }
    .gen input#submit_button {
    cursor: pointer;
    color: #929292;
    font-family: Arial Black;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen input#submit_button:hover {
    color: #2c2c2c;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    .gen input#submit_button:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }






/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 22px;

font-weight: bold;
font-family:
Traditional Arabic;
}



tr.post td {

text-align: center;

}



a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

    /*-----كود البينات الشخصية المطورة-----*/
       /*-----mytet1-----*/
    .postbody{font-size:16px;font-weight:700}
    .postbody img{max-width:650px}
    hr{-moz-border-radius:7px;
    background:url(http://i62.servimg.com/u/f62/14/92/70/14/sans_t18.png);
    border:1px solid #fff;
    border-top-width:1px;
    height:5px
    }
    /*-----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(http://i72.servimg.com/u/f72/14/92/70/14/sans_t10.png);
    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: 110px;
    height: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
    }





/*لحذف المسافة التي تظهر*/
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}



a:hover
{
background: #fcfcfc;
}

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}



    table.forumline {

 

    background: #7AB1D8 url(http://im42.gulfup.com/3GR64.png)no-repeat ;
 

    padding: 47px 6px 15px 6px;

 

    background-position: top;

 

    border: 0px dashed #7AB1D8;
    }





وضع دائر على اسماء الاقسام



    a.nav {
    background-image:url(http://im23.gulfup.com/2012-07-22/1342987643401.png);
    -moz-border-radius: 10px;
    border-radius: 10px;
    nasim_code;
    border : 1px dotted #000000;
    border-left : medium solid #343434;
    border-right : medium solid #343434;
    font-weight:bold;
    }






.postdetails.poster-profile a img {
background-image: url('');

-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}


a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}




  
/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }  
/*by: aymen.z*/







/*----- Edit Tybe -----*/

tr.post span.gensmall { color: #FF0000; }







/*----- light names -----*/

.name {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.mainmenu {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.nav {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

 


.forumline{
  border:2px solid #EEE;
width:98%;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}




/*-------حجم الخط في المساهمات-------*/
.postbody{
font-size: 14px;

font-weight: Regular;
font-family:
Tahoma;
}






        /*---كود وضع مسافة بين الفئات hamsa-haq ----*/
        .forumline {
        margin-bottom:75px;
        }


        /*----- ايطار منقط حوله الصورة الشخصية-----*/
        .postdetails.poster-profile a img{
        background: white;
        color: #000;
        padding: 3px; margin: 3px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 0px;
        border: 2px dashed #018fa0;
        #profile-advanced-details .stats-field
        border:1px dashed #ff0000;
        }
        /*----- prince kimo-----*/



    strong a{
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.copyright
    {
    border:0;
    background:none;
    }
    a. {
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.coloradmin{
    -decoration:none;
    border:1px dashed #FFA34F;
    }



/* الاقسام دائرية by c.ronaldo */
td.row1 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}

    #page-footer
    {
    border:9px width: 190%; height: 5.8em; ridge #ECECEC;
    background:#CAE93A url(http://im41.gulfup.com/gZASp.png);
    }


كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف

    input,input.liteoption,input.mainoption
    {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright:
    8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:
    8px;
    background-image :
    url('http://i14.servimg.com/u/f14/13/64/37/51/158.png');
    border:1px solid
    #858585;
    }

واذا اردت وضع صورة اخرى

هذا هو الكود الخاص بوضع تلك الصورة والذى ازلتة من الورقة باكملها

الكود:


body{
margin:0;
padding:0;
background:#7AB1D8 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

.bodyline{
    background-color: #DCE0E7;
        border:1px solid #009cf5;
 border:3;
padding:3;
margin:3;
background:#F0F4F5 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

اصنع صورتك الخاصة واستبدلها بذلك الرابط

http://im33.gulfup.com/MQn4l.png

تحياتى

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

مبدع أخي الكريم ماقصرت تم حل الأشكالية بالحل الذي أقترحته أنت...
جزاك الله خيرا ساعدتني في امر شيب لي راسي...
أذا كانت الصورة مكانها بس أريد أغير الكلام الذي بداخلها..
مكتوب (( منتدي صباح الربح)
أريده ( منتدى دائرة التعيينات والتنقلات)  هل ممكن ذلك؟؟ أم الصورة لا يمكن تغير ما فيها لأنها مصممة على ذلك الكلام؟؟

تقبل مودتي أخي الكريم

ziyad143 كتب:

ziyad143 كتب:

Michael_vx كتب:

بفضل مساعدة الاخ ستون على توضيح الامر

توصلت الى مكان الصور بورقة التصميم

الكود للورقة كاملا استبدلة بالقديم بدون الصورة

الكود:

/*-----------------------------توسيط المشاركات ------------------------------*/



tr.post td {

    text-align: center;

}
/*------------------------------تضخيم الخط------------------------------*/


    td {

            font-weight: bold;

    }
       /*-----------------------------حذف الفراغ اعلي الواجهه ------------------------------*/
    .bodyline{
    background:#ffffff url(goweto bilobed);
    border:0;
    padding:0;
    margin:0;
    }



/*-----كود وضع نجمة بجانب اسماء-----*/
    a strong {
    background : url(http://im33.gulfup.com/zloZI.gif) no-repeat right;
    padding : 0 15px 0 20px;
    }




/*--------------الاية الكريمة ---------------*/
form#quick_reply{
background:url(http://im41.gulfup.com/iYbpa.png) no-repeat right ;
padding:80px 10px 10px 10px;
background-position: top center;
}





/*** كود وضع البسمله بدون خطوط ***/
.hr {
background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
text-align: center;
vertical-align: text-bottom;
padding: 0px 325px 210px;
line-height: normal;
}
/*** Ahmed M!Do ***/







/*كود لتخفيف الصور كلها*/
    img{
    border:0px;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    essa_elgn;
    opacity: 1.0;

    }
    img:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;

    }




        /*----- زووم لصور المواضيع -----*/
          .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;
    }






اكواد الدردشة

    #chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{
    color: #9a9a9a;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration:none;
    font-family: Arial Black;
    text-transform: uppercase;
    }
    #chatbox_main_options a:hover{
    color: grey;
    text-shadow: 1px 1px 1px #b8b8b8;
    text-decoration:none !important;
    font-family: Arial Black;
    text-transform: uppercase;
    }

    #chatbox_main_options {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;
    float: right;
    border: 1px solid #c9c9c9;
    margin-right: 50px;
    margin-top: -17px;
    padding: 2px 3px 1px 5px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 0px 4px #c6c6c6;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    }
    #chatbox_main_options:hover {
    margin-top: -7px;
    }
    /*----------------Members----------------*/
    #chatbox_members {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);
    margin-bottom: -30px;
    border-right: 1px solid #c9c9c9;
    background-color: #ffffff;
    }
    #chatbox_members:hover {
    border-right: 1px solid #b7b7b7;
    background-color: #fcfcfc;
    }
    h4.member-title{
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;
    font-family: Arial Black;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0px 0px 3px black;
    margin-top: -1px;
    cursor: default;
    letter-spacing: 0.5em;
    }

    #chatbox_members ul {
    list-style: none;
    margin: 0px;
    }
    #chatbox_members ul li {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);
    font-family: Arial Black;
    font-weight: bold;
    font-size: 14px;
    color: #393939;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px;
    }

    #chatbox_members ul li:hover {
    background-color: #f4f4f4;
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');
    background-repeat: no-repeat;
    background-position: center left;
    }
    #chatbox_members ul li:active {
    background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.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;
    }


    /*----------------Footer----------------*/
    #chatbox_messenger .catBottom{
    background: none !important;
    }
    #chatbox_messenger_form {
    width: 550px;
    background: none !important;
    float: none !important;
    bottom: 0px ;
    position: fixed;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    .chatfootertable {
    -webkit-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px -0px 4px #d4d4d4;
    -moz-box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow: 0px 0px 4px #c6c6c6;
    -moz-box-shadow: 0px 0px 4px #c6c6c6;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 0px;
    height: 30px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    }
    .chatfootertable:hover {
    border-top: 1px solid #a7a7a7;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    }
    .text-styles {
    color: grey;
    }
    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    #divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }
    .gen label input#message {
    height: 17px;
    font-size: 12px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen label input#message:hover {
    border: 1px solid #b2b2b2;
    background-color: #f5f5f5;
    }
    .gen label input#message:focus {
    border: 1px solid #a4a4a4;
    background-color: #e0fdff;
    }
    .gen input#submit_button {
    cursor: pointer;
    color: #929292;
    font-family: Arial Black;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    }
    .gen input#submit_button:hover {
    color: #2c2c2c;
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border: 1px solid #a2a2a2;
    }
    .gen input#submit_button:active {
    background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;
    }






/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 22px;

font-weight: bold;
font-family:
Traditional Arabic;
}



tr.post td {

text-align: center;

}



a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

    /*-----كود البينات الشخصية المطورة-----*/
       /*-----mytet1-----*/
    .postbody{font-size:16px;font-weight:700}
    .postbody img{max-width:650px}
    hr{-moz-border-radius:7px;
    background:url(http://i62.servimg.com/u/f62/14/92/70/14/sans_t18.png);
    border:1px solid #fff;
    border-top-width:1px;
    height:5px
    }
    /*-----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(http://i72.servimg.com/u/f72/14/92/70/14/sans_t10.png);
    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: 110px;
    height: 240px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 20px;
    }





/*لحذف المسافة التي تظهر*/
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}



a:hover
{
background: #fcfcfc;
}

a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}



    table.forumline {

 

    background: #7AB1D8 url(http://im42.gulfup.com/3GR64.png)no-repeat ;
 

    padding: 47px 6px 15px 6px;

 

    background-position: top;

 

    border: 0px dashed #7AB1D8;
    }





وضع دائر على اسماء الاقسام



    a.nav {
    background-image:url(http://im23.gulfup.com/2012-07-22/1342987643401.png);
    -moz-border-radius: 10px;
    border-radius: 10px;
    nasim_code;
    border : 1px dotted #000000;
    border-left : medium solid #343434;
    border-right : medium solid #343434;
    font-weight:bold;
    }






.postdetails.poster-profile a img {
background-image: url('');

-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 3px solid #000000;
}


a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}




  
/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }  
/*by: aymen.z*/







/*----- Edit Tybe -----*/

tr.post span.gensmall { color: #FF0000; }







/*----- light names -----*/

.name {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.mainmenu {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

a.nav {
height:0px;
text-align:left;
text-shadow:0
 0 15px;
 }

 


.forumline{
  border:2px solid #EEE;
width:98%;
margin: 10px;
padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
-khtml-box-shadow: 0px 0px 10px #000;
}




/*-------حجم الخط في المساهمات-------*/
.postbody{
font-size: 14px;

font-weight: Regular;
font-family:
Tahoma;
}






        /*---كود وضع مسافة بين الفئات hamsa-haq ----*/
        .forumline {
        margin-bottom:75px;
        }


        /*----- ايطار منقط حوله الصورة الشخصية-----*/
        .postdetails.poster-profile a img{
        background: white;
        color: #000;
        padding: 3px; margin: 3px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 0px;
        border: 2px dashed #018fa0;
        #profile-advanced-details .stats-field
        border:1px dashed #ff0000;
        }
        /*----- prince kimo-----*/



    strong a{
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.copyright
    {
    border:0;
    background:none;
    }
    a. {
    -decoration:none;
    border:1px dashed #FFA34F;
    }
    a.coloradmin{
    -decoration:none;
    border:1px dashed #FFA34F;
    }



/* الاقسام دائرية by c.ronaldo */
td.row1 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row2 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}
td.row3 {
    background: url("http://www.mrsavb.com/vb/Css2011-Mrsa/gradients/gradient_thead2.gif") no-repeat scroll right top #F4F4F4;
    border: 1px solid #C7C7C7;
    border-radius: 18px 18px 18px 18px;
    color: #707070;

    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
}

    #page-footer
    {
    border:9px width: 190%; height: 5.8em; ridge #ECECEC;
    background:#CAE93A url(http://im41.gulfup.com/gZASp.png);
    }


كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل منحرف

    input,input.liteoption,input.mainoption
    {
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright:
    8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:
    8px;
    background-image :
    url('http://i14.servimg.com/u/f14/13/64/37/51/158.png');
    border:1px solid
    #858585;
    }

واذا اردت وضع صورة اخرى

هذا هو الكود الخاص بوضع تلك الصورة والذى ازلتة من الورقة باكملها

الكود:


body{
margin:0;
padding:0;
background:#7AB1D8 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

.bodyline{
    background-color: #DCE0E7;
        border:1px solid #009cf5;
 border:3;
padding:3;
margin:3;
background:#F0F4F5 url(http://im33.gulfup.com/MQn4l.png) repeat-x top;
}

اصنع صورتك الخاصة واستبدلها بذلك الرابط

http://im33.gulfup.com/MQn4l.png

تحياتى

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

مبدع أخي الكريم ماقصرت تم حل الأشكالية بالحل الذي أقترحته أنت...
جزاك الله خيرا ساعدتني في امر شيب لي راسي...
أذا كانت الصورة مكانها بس أريد أغير الكلام الذي بداخلها..
مكتوب (( منتدي صباح الربح)
أريده ( منتدى دائرة التعيينات والتنقلات)  هل ممكن ذلك؟؟ أم الصورة لا يمكن تغير ما فيها لأنها مصممة على ذلك الكلام؟؟

تقبل مودتي أخي الكريم

كما اخبرتك اي امر يتعلق بطلب تصميم او ما شابه ذالك
توجه للابداع العربي
يغلق لاتمام الحل