كيف اضع هذا فى منتداى؟

09:39:50
السلام عليكم ارى فى كثير من المنتديات خلفية عليها شخصية انمى فى اليمين واليسار مثل هذه الصورة

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

الكود:

body {
    background: url(رابط الصورة);
    background-size: 1300px 2250px;
    background-repeat: no-repeat;
}

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

الكود:

body {
    background: url(رابط الصورة);
    background-size: 1300px 2250px;
    background-repeat: no-repeat;
}

اخى جربت لم تنقع ممكن اعطيك اسم المستخدم وكلمة المرور وتعملهالى؟؟

لابد لك من صورة بحجم كبير وبها صور على الجانب

.post {
    text-align: center;
 }


/*كود تخفيف لون الصور في جميع المواضيع عند المرور عليها بالماوس*/
  .postbody img , .postdetails.poster-profile a img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
      }
    .postbody img:hover
    {
    filter:alpha(opacity=70);
    -moz-opacity: 0.65;
    opacity: 0.65;
    }


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

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



.row1, .row2, .row3, td.row3Right, td.spaceRow {

    background-image : url();

    border: 0px groove #d5d5d5;

    }

 

 

    #page-body, .forumline {

    border:2px solid ;

    width:98%;

    margin: 10px;

margin: 10px;

    padding: 3px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -khtml-border-radius: 10px;

    border-radius: 10px;

    -moz-box-shadow: 0px 0px 5px #000;

    box-shadow: 0px 0px 5px #000;

    -webkit-box-shadow: 0px 0px 5px #000;

    -webkit-box-shadow: 0px 0px 5px #000;

    -khtml-box-shadow: 0px 0px 5px #000;

    }

 

 

    table.forumline {

 

    background: #00CCFF url(http://i.imm.io/I9Ko.jpeg);
 

    padding: 20px 2px 15px 2px;

 

    background-position: top;

 

    border: 0px dashed #0DB4FC;

    }

/*** جميع الحقوق محفوظه- new.moon***/


  input  {
    background: url(https://i.servimg.com/u/f14/13/64/37/51/158.png);
    font: 11px georgia !important;
    border-color : #2DB9E3 !important;
    border-width:1px !important;
    border-style:solid !important;
    -moz-border-radius: 9px !important;
    }
.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;
    }
/*-----فارق بين المسهمات الشخصية-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://im30.gulfup.com/2012-09-03/1346664374761.bmp);
border:1px solid #fff;
border-top-width:1px;
height:5px
}
/*-----خلفية للمسهمات-----*/
.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/f46/17/46/68/31/sans_t28.jpg);
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(  );
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}
/*** كود وضع البسمله بدون خطوط ***/
    .hr {
    background: url(https://i.servimg.com/u/f15/17/99/30/93/n2hr3a10.gif) no-repeat;
    background-position: top;
    text-align: center;
    vertical-align: text-bottom;
    padding: 0px 325px 210px;
    line-height: normal;
    }

body {
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top center;
  cursor: url("https://illiweb.com/Forum/cible.cur");
}

/***انشر الموضوع***/
    .selectCode{cursor:pointer;float:right;text-transform:uppercase}a[href="javascript:showhide(document.getElementById('plus_menu'))"]{background:url('https://i.servimg.com/u/f48/14/58/23/42/oouoo_12.pngA
    ') no-repeat;background-position:center
    right;font-size:0;padding:50px}.addthis_button{background:url(https://i.servimg.com/u/f48/14/58/23/42/ouoo_o11.png)
    no-repeat;background-position:center right;font-size:0;padding:50px}

    /***منتدى عين لقراج للعلم و المعرفة***/
.postbody{font-size:17px;font-weight:700;line-height:2em;text-
align:center;text-shadow:#FFFFFF 5px 5px 5px}a:link{text-decoration:none}



#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;
}
/*----------------الدردشة----------------*/
#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;
}
/*----------------دردشة----------------*/
#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;
}
#chatbox .user-msg {-webkit-transition:  -webkit-transform .15s linear;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    padding: 5px 5px 5px 5px;
    -webkit-transform:  rotate( 2deg);
    -moz-transform: rotate( 2deg);
            }


/*كود تغير انت غير متصل*/
.chatbox_row_1:first-child span[style="font-style:italic"]:before {  
    content:" أدخل للدردشة ــــــــــــــــ↑";  
    visibility: visible;      }      .chatbox_row_1:first-child span[style="font-style:italic"] {      visibility: hidden;      }




/* الاقسام دائرية 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-family: arial,helvetica,verdana;
    font-size: 16px;
    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-family: arial,helvetica,verdana;
    font-size: 16px;
    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-family: arial,helvetica,verdana;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-shadow: 2px 1px 1px #CECECE;
  
  
  #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;
}

/*----------------منتدى عين لقراج للعلم و المعرفة----------------*/
#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;
}
}


/*-----الاقسام فوق-----*/
span.forumlink,Ali Nani  {
display: block;
width: 400px;
Ali Nani;
height: 23px;
vertical-align: middle;
text-align: center;
Ali Nani;
background-image: url('https://i.servimg.com/u/f30/17/80/83/35/sans_t40.png');
background-color: transparent;
margin-top: -5px;
Ali Nani;
margin-left: auto;
margin-right: auto;
Ali Nani;
border: 0;
}



#quick_reply #text_editor_controls {
    background-color: #E5F1F9;
    border-radius: 8px 8px 8px 8px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    width: 500px;
}
#quick_reply #text_editor_controls .button2 {
    background-color: transparent;
    background-image: none;
    border: 0 none;
    border-radius: 7px 7px 7px 7px;
    opacity: 0.7;
    padding: 1px !important;
}
#quick_reply a.button2:hover, #quick_reply button.button2:hover {
    background-color: #DCEAF5 !important;
    border: 0 none;
    opacity: 1 !important;
}
#quick_reply button.bbcode.button2 {
    background-color: #E3CED2 !important;
    box-shadow: 0 0 10px #E3ADAD;
    opacity: 1;
}
#quick_reply button.bbcode:hover {
    background-color: #E3CED2;
}
#servimg_upload_gui p {
    margin: 0 !important;
}
#servimg_upload_gui iframe {
    border: 0 none;
    margin: 0;
}
#servimg_upload_gui, div#color.select, div#img.select, div#other.select, div#sel_smilies.select, div#url.select {
    box-shadow: 0 0 4px;
}
/*---------منتدى عين لقراج للعلم و المعرفة-----------*/
a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}
/*---------صورة للحقوق اسفل المنتدى-----------*/
.forumline{
background-color: #C2C2C2;
border: 0;
background: #109CCD url(https://i.servimg.com/u/f36/17/06/15/26/oouu_o34.png) no-repeat;
padding: 64px 5px 5px 5px;
background-position: top;
-moz-border-radius-bottomleft: 1px;
-moz-border-radius-bottomright: 1px;
-moz-border-radius-topleft: 1px;
-moz-border-radius-topright: 1px;
border:5px solid #;
}
.bodyline{
background:#fff url(https://i.servimg.com/u/f36/17/06/15/26/sokar116.jpg) repeat scroll !important;
background-color: #ffffff;
border:1px solid #E6E6E6;
 border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}

.row1

{
border:1px outset#E6E6E6;
background : url(https://i.servimg.com/u/f36/17/06/15/26/sokar116.jpg);
}
.row2
{
border:1px outset#E6E6E6;
background : url(https://i.servimg.com/u/f36/17/06/15/26/ouuus310.jpg);
}
.row3
{
border:1px outset#E6E6E6;
background : url(https://i.servimg.com/u/f36/17/06/15/26/ouuus311.jpg);
}
td.row3Right,td.spaceRow {
border:1px outset#E6E6E6;
background : url(https://i.servimg.com/u/f36/17/06/15/26/ouuus311.jpg);
}
tr.post td {

    text-align: center;

}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:focus{
outline:none;
}
a.forumlink:hover{
text-decoration:none;
}







 /*منتدى عين لقراج للعلم و المعرفة */
    tr.post td {

        text-align: center;

    }
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(250,250,250) 0%, rgba(250,250,250,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(250,250,250)), color-stop(1.00, rgba(250,250,250,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#00fafafa, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fafafa, endColorstr=#00fafafa, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}






    /*--------------الاية الكريمة ---------------*/
    form#quick_reply{
    background:url(https://i.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
    padding:30px 10px 10px 10px;
    background-position: top center;
    }
   /*---------منتدى عين لقراج للعلم و المعرفة -----------*/



function stop(){
if(TimerRunning)
clearTimeout(timerID);
TimerRunning = false;
}
function display() {
var thedate = new Date();
var hours = thedate.getHours();
var Min = thedate.getMinutes();
var Sec = thedate.getSeconds();
var TimeV = "" + ((hours >12) ? hours -12 :hours)
TimeV += ((Min < 10) ? ":0" : ":") + Min
TimeV += ((Sec < 10) ? ":0" : ":") + Sec
TimeV += (hours >= 12) ? " PM" : " AM"
window.status = TimeV;
timerID = setTimeout("display()",1000);
TimerRunning = true;
}
function start() {
stop();
display();
}
.qreply {
background:url(https://i.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #ffbbe1;
border: 1px Dotted #000000;
}
.messaging-box {
background:url(https://i.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #ffd7ed;
border: 1px Dotted #000000;
}




.postdetails.poster-profile a img {
background-image: url('https://i.servimg.com/u/f88/11/88/59/12/2iscw010.png');

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




#page-footer {
border : 0px dashed #C9C8C8;
background : #E6E6E6 url(؟؟); 
.renklibar {
color : #000000;
background : #000000
url(https://2img.net/h/oi45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px
 solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
 : x-small;
line-height : 1.4em;
}

.resize_process
.resizebox  {
display : none;
margin-left : 15px;
}
.resizebox
 div {
font-weight : normal;
font-style : normal;
margin : 0;
}
.resizebox.enlarged
 a.enlarge {
display : none;
}
.resizebox.enlarged a.resize {
display
 : inline-block;
}
.resizebox a.resize {
display : none;
}
.resizebox
 {
background : #000000 url("https://2img.net/h/oi43.tinypic.com/af9egz.gif")
no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor
 : default;
font-weight : normal;
font-style : normal;
margin :
 0;
text-align : center;
display : inline-block;
}
.resizebox
 .resize_border {
border : 1px solid #BDBDBD;
display : block;
}
 

.eklentiler {
color : #000000;
background : #ffffff;
border
 : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size
 : x-small;
line-height : 1.4em;
}
}  


function stop(){
if(TimerRunning)
clearTimeout(timerID);
TimerRunning = false;
}
function display() {
var thedate = new Date();
var hours = thedate.getHours();
var Min = thedate.getMinutes();
var Sec = thedate.getSeconds();
var TimeV = "" + ((hours >12) ? hours -12 :hours)
TimeV += ((Min < 10) ? ":0" : ":") + Min
TimeV += ((Sec < 10) ? ":0" : ":") + Sec
TimeV += (hours >= 12) ? " PM" : " AM"
window.status = TimeV;
timerID = setTimeout("display()",1000);
TimerRunning = true;
}
function start() {
stop();
display();
}


 /*منتدى عين لقراج للعلم و المعرفة */
    .name{
    background-image: url(https://i.servimg.com/u/f36/17/06/15/26/ouuus311.jpg);
    -moz-border-radius:15px;
    background-color: #f7f7f7;
    border-left:5px solid #129FD4;
    border-right:5px solid #129FD4;
    -webkit-box-shadow: 4px 4px 10px #333;
    -moz-box-shadow: 4px 4px 10px #333;
    box-shadow:  4px 4px 10px #333;
    copyright:virus;
    font-size: 11px;
    font-weight: bold;
    display: block;
    overflow: auto;
    padding: 7px;
    }
    .poster-profile{
    background-image: url(https://i.servimg.com/u/f36/17/06/15/26/ouuus311.jpg);
    -moz-border-radius:15px;
    ahlasokar,ahmed samer;
    background-color: #f7f7f7;
    border-left:5px solid #129FD4;
    copyright:ahlasokar.0wn0.com;
    border-right:10px solid #129FD4;
    -webkit-box-shadow: 4px 4px 10px #333;
    -moz-box-shadow: 4px 4px 10px #333;
    box-shadow:  4px 4px 10px #333;
    font-size: 11px;
    font-weight: bold;
    display: block;
    overflow: auto;
    padding: 7px;
    }

#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

 
#page-footer
{
border:7px width: 100%; height:8em; ridge #120D0B;
background:#100C0A url();
}
 
    /*---------منتدى عين لقراج للعلم و المعرفة---------*/

a.nav {
background : url(https://i.servimg.com/u/f36/17/06/15/26/navbit15.gif) no-repeat right;
ahlasokar,ahmed samer;
padding-right : 23px;
padding-left : 1px;
ahlasokar.0wn0.com;
font-size : 13px;
float : right;
}

    /*---------منتدى عين لقراج للعلم و المعرفة -----------*/
        div#page-footer:after {
      display: center;
        float: left;
        font-family: Trebuchet MS,Tahoma,Arial;
        font-style: bold;
        font-weight: normal;
        margin-left:790px;
        font-size: 10px;
        content: " http://bladialger.forumalgerie.net/";}



 /*---------حقوق الاستايل -----------*/
    .content {
    background: url(https://i.servimg.com/u/f15/17/99/30/93/fv2m10.png) no-repeat;
    background-position: top;
    text-align: center;
    vertical-align: text-bottom;
    padding: 190px 10px 10px 10px;
    line-height: normal;
    }
 /*منتدى عين لقراج للعلم و المعرفة */
#divsmilies{background-color: #cc9900;

}
#divcolor{background-color: #006633;

}
#divstrike{background-color: #993300;

}
#divunderline{background-color: #990099;

}
#divitalic
{background-color: #cc6600;

}
#divbold
{background-color: #33cccc;

}
#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;
}

td.row3.over span.gensmall{
background: url(https://i.servimg.com/u/f42/16/62/65/47/bd-bg10.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;
}

/*** منتدى عين لقراج للعلم و المعرفة***/
button.button2, input.button2 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px rgba(0,0,0,0.5);
} 
input {

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset -5px -5px 5px #888;
-webkit-box-shadow: inset -5px -5px 5px #888;
box-shadow: inset -5px -5px 5px #888;
} 

form#quick_reply textarea#text_editor_textarea {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
} 
form#quick_reply iframe#text_editor_iframe {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}  
*+html form#quick_reply iframe#text_editor_iframe {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
} 
/*** منتدى عين لقراج للعلم و المعرفة***/

  input  {
    background: url(https://i.servimg.com/u/f36/17/46/68/31/htr_bm10.jpg);
    font: 11px georgia !important;
    border-color : #2DB9E3 !important;
    border-width:1px !important;
    border-style:solid !important;
    -moz-border-radius: 9px !important;
    }
.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;
    }
#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;
}

 {
background-color: #000000;

-moz-border-radius: 0px 0px 14px 14px ;

border-bottom: 2px #000000 solid;

border-top: 2px #000000 dotted;

border-right: 2px #000000 solid;

border-left: 2px #000000 dotted;}

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

a.mainmenu:focus
 {
color:blue;
text-decoration:none;
}
tr.post span.gensmall { display: none; }
/*منتدى عين لقراج للعلم و المعرفة*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }    
/*عين لقراج للعلم و المعرفة*/
.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;
}
td {
font-family : tahoma, tahoma, sans-serif;
font-weight : bold;
}
 tr.post td{
text-align: center;
}
.glossymenu li a{
 float: left;
 display: block;
 color:#000;
 text-decoration: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
 height: 46px;
 line-height: 46px;
 text-align: center;
 cursor: pointer;
text-transform: uppercase;
text-align: center;
}

 .quote {
  -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 25px;
    -webkit-border-bottom-rightright-radius: 25px;
      border-top: 1px solid #ADC8E5;;
      border-right: 2px solid #ADC8E5;
      border-bottom: 3px solid #ADC8E5;
      border-left: 5px solid #ADC8E5;
      background-color: #dfe6ef;
    -webkit-box-shadow: 4px 4px 10px #333;
    -moz-box-shadow: 4px 4px 10px #333;
    box-shadow:  4px 4px 10px #333;
}
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
.profile_field_list li {
display: inline; 
}
/*** كود وضع البسمله بدون خطوط ***/
    .hr {
    background: url(https://i.servimg.com/u/f15/17/99/30/93/n2hr3a10.gif) no-repeat;
    background-position: top;
    text-align: center;
    vertical-align: text-bottom;
    padding: 0px 325px 210px;
    line-height: normal;
    }
    /*** انتهاء كود وضع البسمله بدون خطوط  ***/
/*----- ظل لروابط الأقسام عند مرور الماوس -----*/
    a.forumlink:hover{
    -moz- text-shadow: 4px 4px 4px #000;
    -webkit- text-shadow: 4px 4px 4px #000;
    text-shadow: 4px 4px 4px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#848282', Direction=115, Strength=2);
    zoom: 1;
    }
body {
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top center;
  cursor: url("https://illiweb.com/Forum/cible.cur");
}

          /*كود حقوق خطية للمصممي الاستايلات اسفل او اعلى الحقوق احلى منتدى )-----------*/
        div#page-footer:after {
      display: center;
        float: center;
        font-family: Trebuchet MS,Tahoma,Arial;
        font-style: bold;
        font-weight: normal;
        margin-left:495px;
        font-size: 12px;
        content: "جميع الحقوق محفوظة |منتدى أبداع شمس © 2013
";}


.postbody{font-size:17px;font-weight:700;line-height:2em;text-
align:center;text-shadow:#FFFFFF 5px 5px 5px}a:link{text-decoration:none}

      .mainmenu {
    background-image: url('https://i.servimg.com/u/f30/17/80/83/35/sans_t18.jpg');
    background-repeat: repeat-x;
    padding-right: 16px;
    padding-left: 17px;
    margin-left: -13px;
    color: #ffffff;
    font-size: 13px;
    font-weight : bold;
    }
    a.mainmenu{
    text-decoration: none;
    color : #ffffff;
}
  
      /*** جميع الحقوق محفوظة ||منتدى أبداع شمس ||2013  ***/
/***ibda3shams.alafdal.net:رابط المنتدى***/
  
  
  




  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();

  
  
          /*ظل للروابط HIMA ELMASRY
    */
      a:link, a:visited, a:active{
    text-decoration : none;
    }
    a:hover{
    text-shadow:0 0 20px;
    }
        /*ظل للروابط HIMA ELMASRY
    */
  
  


                .clear {
    background: url(https://i.servimg.com/u/f15/17/99/30/93/shabwh11.gif) no-repeat center;
    padding:120px;
    }
  
  

#quick_reply #text_editor_controls table {
width:500px;
}
#quick_reply #text_editor_controls {
background: url('https://i.servimg.com/u/f49/15/39/54/65/banner10.gif') top left;
background-repeat: no-repeat;
padding: 10px 0 20px 40px;
margin-bottom: 5px;
margin-right: 0;}
#quick_reply #text_editor_controls button.button2, #quick_reply #text_editor_controls input.button2 {
background: none !important;
border: none !important;
padding: 2px 1px;
}

 body {
    background: url(http://store1.up-00.com/2016-03/145743251099841.jpg);
    background-size: 2000px 2000px;
    background-repeat: repeat;
}
  
  





------------------------------------------------------------------------------
تفضل هذه ورقة التصميم كاملة

stones كتب:لابد لك من صورة بحجم كبير وبها صور على الجانب

ممكن مثال لاافهم وما المقاسات من فضلك؟؟

مرحباً أختي
ما عليكي سوى وضع الكود التالي في بداية ورقة CSS

الكود:

body {
    background: #eee url(http://www.mrkzgulf.com/uploads/1454335126991.png) no-repeat fixed center top;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

ثم قومي بتغير الصورة بما تناسبك مع تغير لون الخلفيه من بدايه الكود background: #eee