مفاجئة

كود المنتدى
/****************************
        ***** FORUM ICON LEGEND *****
        ****************************/
        ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(\\\\\\\'https://2img.net/h/oi34.tinypic.com/b80g87.png\\\\\\\');
        text-align: center;
        padding: 24px 0;
        }


        
        /*** كود إطار منحني الحواف حول جميع جداول المنتدى ***/
        th {
        height: 10px;
        border: 40px double #F5F5C1;
        -moz-border-radius: 10px;
        }
        .forumline,
        .row1, .row2, .row3 {
        border: 10px double #F5F5C1;
        -moz-border-radius: 1200px;
        }
        /*** Ahmed Mido ***/



        /*  phpBB2
           --------------------------------------------------------------
        Style name: X-Treme Green
        Original author: subBlue & Jimaniac PhpBB3
        Modified by:  Smejker-Macedonia
        copyright - 2013 Yugo.Forum.st
           --------------------------------------------------------------*/
        .bodylinewidth {
            width: 99%;
        max-width: 1440px;
        background-position: c;}


#chatbox .user-msg {
           font-size:20px;
           font=Farsi Simple Bold: bold;
           }


.postbody{
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    line-height: 2.0em;
    }
        
    #i_logo {
     background: url() top left no-repeat,
       url() top right no-repeat,
       url() top center repeat-x;
     width: 100%;
     height: 200px;
    }


        .resizebox {
        background-color: #ffffff;
        max-width: 100%;
        line-height: 1.1em;
        cursor: default;
        font-weight: normal;
        font-style: normal;
        margin: 0;
        text-align: left;
        display: inline-block;
        }
        .resizebox.showfull a.fullsize {
        display: inline-block;
        zoom: 1;
        *display: none;
        }


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


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

    #page-footer{
      height: 120px;
    background: url(https://i.servimg.com/u/f15/18/05/21/89/211.gif) left top no-repeat,
       url(https://i.servimg.com/u/f15/18/05/21/89/211.gif) right top no-repeat,
     url(https://i.servimg.com/u/f15/18/05/21/89/211.gif) center top repeat-x;
    margin-right: -0px;
    color: #fff;}






#gfooter a {
background-color: transparent;
background-image: url(\\\\\\\\\\\\\\\'http://upload-your-life.com/files/tiomy569t3tkw9ws7kp1.gif\\\\\\\\\\\\\\\') !important;
}



 
          
        /*** كود وضع البسمله بدون خطوط ***/
        .hr {
        background: url(https://i.servimg.com/u/f48/16/78/95/82/oou_ou10.png) no-repeat;
        background-position: top;
        text-align: center;
        vertical-align: text-bottom;
        padding: 0px 325px 210px;
        line-height: normal;
        }
        /*** Ahmed M!Do ***/
 
 
        
        /*-----كود البينات الشخصية المطورة-----*/
        .name{
        background-image: url(https://i.servimg.com/u/f15/18/05/21/89/211.gif);
        -moz-border-radius:15px;
        background-color: #f7f7f7;
        border-left:10px solid #15A9E8;
        border-right:10px solid #15A9E8;
        -webkit-box-shadow: 4px 4px 10px #333;
        -moz-box-shadow: 4px 4px 10px #333;
        box-shadow:  4px 4px 10px #333;
        font-size: 16px;
        font-weight: bold;
        display: block;
        overflow: auto;
        padding: 7px;
        }
        
        .poster-profile{
        background-image: url(https://i.servimg.com/u/f15/18/05/21/89/211.gif);
        -moz-border-radius:15px;
        background-color: #f7f7f7;
        border-left:10px solid #15A9E8;
        border-right:10px solid #15A9E8;
        -webkit-box-shadow: 4px 4px 10px #333;
        -moz-box-shadow: 4px 4px 10px #333;
        box-shadow:  4px 4px 10px #333;
        font-size: 16px;
        font-weight: bold;
        display: block;
        overflow: auto;
        padding: 7px;
        }
        
        .postdetails.poster-profile a img {
        max-width:700px;
        max-height:600px;
        -moz-box-shadow : 0 0 2px #666;
        -webkit-box-shadow : 0 0 2px #666;
        box-shadow : 0 0 6px #666;
        background-color: #feffc4 ;
        background-image: url(\\\\\\\'https://i.servimg.com/u/f15/18/05/21/89/211.gif\\\\\\\');
        background-repeat: repeat;
        border: 5px solid #FFFFFF;
        }
 
 
 

    /*----- زووم لصور المواضيع -----*/
      .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://www.wow-forum.com/de/images/wow/tip-top-left.gif) 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;
        }  

            /* For information text */
            p.chatbox_row_1 span.date-and-time, p.chatbox_row_1 span.msg span strong{
            text-shadow:0px 2px 13px #f5a911 !important;
            }
          
            /* For message text */
            p.chatbox_row_1 span.msg span{
            text-shadow:0px 2px 13px #f5a911 !important;
            }
          
            /* For connected users list */
            p.chatbox_row_1 ul.online-users li a span strong{
            text-shadow:0px 2px 13px #f5a911 !important;
        }

          
        
        #chatbox .user {
            background: url(https://i.servimg.com/u/f80/14/20/95/39/butt1110.gif);
            font: 11px georgia !important;
            border-color : #2DB9E3 !important;
            }



        /*-----Programming code by -----*/
        .post {
        background: url(https://2img.net/r/ihimizer/img42/7761/13023610.png);
        padding : 1px 3px 1px 3px;
        -moz-border-radius: 4px;
        border: 1px solid  #FFEFDB;
        sam_hameed,sam_hameed;
        border-left : medium solid #3896B5;
        border-right : medium solid #3896B5;
        -moz-box-shadow: 0px 0px 1px #595959;
        }
        a.button1, input.button1,sam hameed, a.button2, input.button2,button.button2 {
        background: url(https://2img.net/r/ihimizer/img42/7761/13023610.png);
        padding : 1px 3px 1px 3px;-moz-border-radius: 4px;
        border: 1px solid  #FFEFDB;
        border-left : medium solid #3896B5;
        sam_hameed,sam_hameed;
        border-right : medium solid #3896B5;
        -moz-box-shadow: 0px 0px 1px #595959;
        }
        input,input.liteoption,input.mainoption{
        background: url(https://2img.net/r/ihimizer/img42/7761/13023610.png);
        padding : 1px 3px 1px 3px;
        -moz-border-radius: 4px;
        border: 1px solid  #FFEFDB;
        border-left : medium solid #3896B5;
        sam_hameed,sam_hameed;
        border-right : medium solid #3896B5;
        -moz-box-shadow: 0px 0px 1px #595959;
        }
        input:hover, input.liteoption:hover, input.mainoption:hover, button.button2:hover, input.button2:hover, textarea:hover, select:hover {
        background: url(https://2img.net/r/ihimizer/img42/7761/13023610.png);
        padding : 1px 3px 1px 3px;
        -moz-border-radius: 4px;
        border: 1px solid  #FFEFDB;
        sam_hameed,sam_hameed;
        border-left : medium solid #3896B5;
        border-right : medium solid #3896B5;
        -moz-box-shadow: 0px 0px 1px #595959;
        }
        form#quick_reply textarea#text_editor_textarea{
        width: 780px;
        height: 100%; }
        form#quick_reply iframe#text_editor_iframe {
        width: 780px;
        }
        * html form#quick_reply iframe#text_editor_iframe {
        width: 780px;
        }
        *+html form#quick_reply iframe#text_editor_iframe {
        width: 780px;
        }
        form#quick_reply{
        background:url(https://i.servimg.com/u/f27/12/27/99/96/icon_c10.png) no-repeat right ;
        padding:100px 10px 10px 10px;
        background-position: top center;
        }
        p {
        text-align: center ;
        }
        /*-----End Code-----*/
        
        
        
        
        

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

    
    a strong {
    background : url(http://www.malware-site.www/vb/color/b20.gif);
    border : 1px dashed #808080;
    width : 90%;
    }

        .post-options img {
            background-image : url(\'https://i.servimg.com/u/f14/13/64/37/51/158.png\');
            border : 1px dotted #808080;
            border-left : medium solid #808080;
            border-right : medium solid #808080;
            -moz-border-radius: 10px;
            padding : 10px;
            font-weight:bold;
            }

        
    



 

        
   
         

        td.row1.over:hover{
td.row2.over:hover
        background:#fff url(https://2img.net/h/oi50.tinypic.com/2dw5mag.jpg) repeat-x top;
        }

        
        form#quick_reply textarea#text_editor_textarea {
          width:
        780px;
          height: 100%; }
        
        form#quick_reply
        iframe#text_editor_iframe {
            width: 780px;
            }
        
        * html
        form#quick_reply iframe#text_editor_iframe {
            width: 780px;
         }
        
        *+html
         form#quick_reply iframe#text_editor_iframe {
          width: 780px;
         }

        h1.cattitle{
        color:#ff0000;
        }
        a.cattitle{
        color:#ff0000;
        }

        a.nav {
        background : url(https://i.servimg.com/u/f83/12/73/86/96/navbit11.gif) no-repeat right;
        padding-top : 1px;
        padding-right : 32px;
        padding-left : 1px;
        padding-bottom : 4px;
        font-size : 11px;
        float : right;
        }

/*----- إطار وخلفية لعنوان الموضوع -----*/
h1.cattitle{
color:#000;
overflow : auto;
background-image: url("https://i.servimg.com/u/f32/17/32/98/55/2012-011.gif");
border : 1px solid #000000;
max-width : 840px;
max-height : 290px;
essa_elgn;
mido x love;
padding : 6px;
text-align : justify;
border: 5px solid #4A2B03;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
border-radius: 10px;
;
}

/*----- أحجام الصور بالمواضيع -----*/
.postbody img {
max-width:625px;
}


/*----صندوق الرد -----*/

li.row {background-image: url(\\\'https://i.servimg.com/u/f66/13/46/75/82/a20.png\\\');}
h3:before,.h3:before{
content: url(https://2img.net/r/ihimizer/img528/7339/1lhp.png);
padding-right: 3px;}
p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}
p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #F9ACD8;
background: url(https://2img.net/r/ihimizer/img528/7339/1lhp.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}
.hierarchy {background: none;}
.hierarchy:before {content: url(https://2img.net/i/fa/empty.gif);}
.introduction, .panel  {
margin: 3px;
background: #f0f0f0 url(https://i.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}
.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(https://i.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}
 
 
 
 
      /* AYMAN4u */
        
        a.forumlink:link, a.forumlink:visited {
        font-family: serif;
        background-color:#ffffff;
        text-align: center;
        font-size: 80%;
        border-bottom: 35px double #5E3700;
        color: #ffffff;
        display: block;
        -moz-border-radius:20px;
        }
 
 
 
 
  ززززززززززززززززززز
   
   
   
   
   
   
   
   
  

#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/
.line-up-with-texts{
    background:#F4F4F4 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/
.line-dw-with-texts{
    background:#0076A9 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;

}
/*---------شعار الموقع-------*/
.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/
.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}
/*---------بدايةالبحث-------*/
.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;

}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;

}.searchsubmit:hover{
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
    width:53px;
    height:24px;

}
/*---------منطقة الاعضاء-------*/
.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/
.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;
}
.texts-up ul{
    margin:0;
    padding:0;
    display:block;
}
.texts-up ul li{
    list-style:none;
    display:block;
    text-align:right;
}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;
}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;
}
.hedmenu{
   padding:3px;
   text-align:center;
   font-family:Tahoma;
   font-size:11px;
   font-weight:bold;
   background-color:#E8E7E7;
   color:#fff;
   height:22px;
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
.hedmenu:hover{
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
/*------قائمة الروابط الافقية------*/

.link-h{
    float:right;
         height:30px;
    margin:0px;
    padding:0px;
width:100%;
}
.link-h li{
    float:right;
    list-style:  none;
    position:relative;
}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;
}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
     color:#fff;
}
.hov:hover{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;
}
/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/
.link-h li ul{
   position: absolute;
   right:-2px;
   display: none;
   top:35px;
   padding:0;
   width:230px;
   margin:0;
}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;

}
.link-h li li{
    text-align:right;
}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;
}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;
}



ثانيا كود css:
الكود:
[center]


#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/
.line-up-with-texts{
    background:#F4F4F4 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/
.line-dw-with-texts{
    background:#0076A9 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;

}
/*---------شعار الموقع-------*/
.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/
.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}
/*---------بدايةالبحث-------*/
.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;

}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;

}.searchsubmit:hover{
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
    width:53px;
    height:24px;

}
/*---------منطقة الاعضاء-------*/
.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/
.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;
}
.texts-up ul{
    margin:0;
    padding:0;
    display:block;
}
.texts-up ul li{
    list-style:none;
    display:block;
    text-align:right;
}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;
}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;
}
.hedmenu{
   padding:3px;
   text-align:center;
   font-family:Tahoma;
   font-size:11px;
   font-weight:bold;
   background-color:#E8E7E7;
   color:#fff;
   height:22px;
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
.hedmenu:hover{
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
/*------قائمة الروابط الافقية------*/

.link-h{
    float:right;
         height:30px;
    margin:0px;
    padding:0px;
width:100%;
}
.link-h li{
    float:right;
    list-style:  none;
    position:relative;
}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;
}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
     color:#fff;
}
.hov:hover{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;
}
/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/
.link-h li ul{
   position: absolute;
   right:-2px;
   display: none;
   top:35px;
   padding:0;
   width:230px;
   margin:0;
}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;

}
.link-h li li{
    text-align:right;
}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;
}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;
}



ثانيا كود css:
الكود:
[center][size=18][b]


#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/
.line-up-with-texts{
    background:#F4F4F4 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/
.line-dw-with-texts{
    background:#0076A9 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;

}
/*---------شعار الموقع-------*/
.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/
.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}
/*---------بدايةالبحث-------*/
.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;

}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;

}.searchsubmit:hover{
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
    width:53px;
    height:24px;

}
/*---------منطقة الاعضاء-------*/
.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/
.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;
}
.texts-up ul{
    margin:0;
    padding:0;
    display:block;
}
.texts-up ul li{
    list-style:none;
    display:block;
    text-align:right;
}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;
}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;
}
.hedmenu{
   padding:3px;
   text-align:center;
   font-family:Tahoma;
   font-size:11px;
   font-weight:bold;
   background-color:#E8E7E7;
   color:#fff;
   height:22px;
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
.hedmenu:hover{
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
/*------قائمة الروابط الافقية------*/

.link-h{
    float:right;
         height:30px;
    margin:0px;
    padding:0px;
width:100%;
}
.link-h li{
    float:right;
    list-style:  none;
    position:relative;
}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;
}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
     color:#fff;
}
.hov:hover{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;
}
/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/
.link-h li ul{
   position: absolute;
   right:-2px;
   display: none;
   top:35px;
   padding:0;
   width:230px;
   margin:0;
}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;

}
.link-h li li{
    text-align:right;
}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;
}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;
}

#header-tr{
  background-color: #f1f1f1;
}
/*------الشريط العلوي للهيدر يضم القائمة العاموديةوالشعار-------*/
.line-up-with-texts{
    background:#F4F4F4 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:130px;
}
/*------الشريط السفلي للهيدر يضم القائمة الافقية-------*/
.line-dw-with-texts{
    background:#0076A9 url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
    color:#ffffff;
    position:relative;
    border-bottom:2px #2A85B6 solid;

}
/*---------شعار الموقع-------*/
.logo{
    float:right;
}
/*---------بداية شريط العلوي للاعضاء والبحث-------*/
.login-search{
    height:35px;
background-color:#5B5A5A;
color:#fff;
border-bottom:1px #000 dotted;
}
/*---------بدايةالبحث-------*/
.from-search{
    float:left;
    position:relative;
    height:35px;
    width:319px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.text-search{
    position:absolute;
    left:78px;
    background: transparent;
    border:0px #989797 solid;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
    color:#656464;
    height:14px;
    top:6px;
    width:195px;
    padding:3px 2px 4px 0;

}
.searchsubmit{
    width:59px;
    height:24px;
    position:absolute;
    top:5px;
    background: transparent;
    border:0;
    left:12px;

}.searchsubmit:hover{
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
    width:53px;
    height:24px;

}
/*---------منطقة الاعضاء-------*/
.login-cp{
    float:right;
    position:relative;
    height:35px;
    width:500px;
    background:url('https://2img.net/i/fa/pbucket.gif') no-repeat;
}
.usernameee{
    position:absolute;
    width:200px;
    right:30px;
    top:10px;
    color:#484747;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.usernameee a{
    color:#01719F;
}
.infoo{
    position:absolute;
    right:235px;
    top:10px;
    width:247px;
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal;
}
.infoo a{
    color:#FF0101;
}
/*---------قائمة الروابط العامودية-------*/
.texts-up{
    float:left;
    margin-left:10px;
    margin-top:15px;
    width:180px;
}
.texts-up ul{
    margin:0;
    padding:0;
    display:block;
}
.texts-up ul li{
    list-style:none;
    display:block;
    text-align:right;
}
.texts-up ul li a{
    display:block;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    padding:2px 4px 3px;
    margin:2px;
    color:#3076A5 ;
    border-bottom:1px #D2D2D2  dotted;
}
.texts-up ul li a:hover{
    color:#F90510;
    text-decoration:underline;
}
.hedmenu{
   padding:3px;
   text-align:center;
   font-family:Tahoma;
   font-size:11px;
   font-weight:bold;
   background-color:#E8E7E7;
   color:#fff;
   height:22px;
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
.hedmenu:hover{
       background: url('https://2img.net/i/fa/pbucket.gif') no-repeat ;
}
/*------قائمة الروابط الافقية------*/

.link-h{
    float:right;
         height:30px;
    margin:0px;
    padding:0px;
width:100%;
}
.link-h li{
    float:right;
    list-style:  none;
    position:relative;
}
.link-h li a{
    display:block;
    font-family: Tahoma ;
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
    line-height:30px;
    padding:2px 15px 2px 15px;
    text-decoration:none;
    height:30px;
    border-left:1px #095C81 solid;
    border-right:1px #1B97C9 solid;
}
.link-h li a:hover{
    color:#fff;
}
.hov:hover a{
     color:#fff;
}
.hov:hover{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    height:35px;
   
}
.hov-home{
    background: url('https://2img.net/i/fa/pbucket.gif') repeat-x right;
    padding-top:2px;
    margin-left:4px;
    margin-right:4px;
}
/*------بداية ظهور القوائم المنسدلة للقائمة الافقية------*/
.link-h li ul{
   position: absolute;
   right:-2px;
   display: none;
   top:35px;
   padding:0;
   width:230px;
   margin:0;
}
.link-h li:hover ul{
    display:block;
    border-left:1px solid #105C87;
    border-right:1px solid #105C87;
    border-bottom:1px  solid #105C87;
    background-color:#2F8ABA;

}
.link-h li li{
    text-align:right;
}
.link-h li li a{
    margin:1px 4px 1px 5px;
    width:190px;
    border-left:1px #105C87 solid;
    border-right:1px #105C87 solid;
    background-color:#2581B1;
}
.link-h li li a:hover{
    margin: 0;
    background: #479AC9;
    border-left:1px #267CAC solid;
    border-right:1px #267CAC solid;
    margin:1px 5px 1px 5px;
}



/*-- كود جعل التوقيع في إيطار محدد --*/
.signature_div 
{
 background_image: url(https://i.servimg.com/u/f68/14/58/09/35/signat11.gif) no-repeat scroll right top #F4F4F4;
 border: 10px solid #C7C7C7;
 border-radius: 18px 18px 18px 18px;
 color: #707070;
 font-family: arial,helvetica,verdana;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: bold;
text-shadow: 2px 1px 1px #CECECE;
background:
url(https://i.servimg.com/u/f45/17/25/16/71/top4to11.gif);
background-color: # ;
background-position:top;
background-repeat: no-repeat;
display: block;
overflow: auto;
padding:50px;);
}
 
 
 
 
/*------------------------------ الجداول وإطارات المواضيع والبيانات ------------------------------*/
/*-----البيانات-----*/
.poster-profile, .eshary{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image:url(https://tse3.mm.bing.net/th?id=JN.ZGFd7SoLk7fWF41hMZcWgA&pid=15.1);
border : 1px dotted #AF6303;
border-top: medium solid #AF6303;
border-bottom: medium solid #AF6303;
font-size: 11px;
font-weight: bold;
padding: 3px; margin: 3px;
display: block;
padding: 7px;
  border-radius: 10px;
}
/*-----كود البيانات الشخصية-----*/
name,jro7 alzmn{
background-image: url(https://i.servimg.com/u/f32/17/32/98/55/2012-025.jpg);
-moz-border-radius:15px;
jro7 alzmn,jro7 alzmn;
background-color: #f7f7f7;
border-left:10px solid #AF6303;
border-right:10px solid #AF6303;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
jro7 alzmn,jro7 alzmn;
box-shadow:  4px 4px 10px #333;
font-size: 11px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
/*-----Programming code by jro7 alzmn-----*/
.poster-profile,jro7 alzmn{
background-image: url();
-moz-border-radius:15px;
jro7 alzmn,jro7 alzmn;
background-color: #f7f7f7;
border-left:10px solid #4E082D;
border-right:10px solid #4E082D;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
jro7 alzmn,jro7 alzmn;
box-shadow:  4px 4px 10px #333;
font-size: 11px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
/***خلفية الاقسام**/
.row1 {
background-image : url();
border : 20px double #F5F5C1;
sam_hameed;
border-radius: 15px;
-moz-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-box-shadow: 0px 0px 0px #000;
}
.row2 {
background-image : url();
border : 20px double #F5F5C1;
sam_hameed;
border-radius: 15px;
-moz-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-box-shadow: 0px 0px 0px #000;
}
.row3 {
background-image : url(الجدول);
border : 20px double #F5F5C1;
sam_hameed;
border-radius: 15px;
-moz-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-box-shadow: 0px 0px 0px #000;
}
td.row3Right,td.spaceRow {
background-image : url(الجدول);
border :20px double #F5F5C1;
sam_hameed;
border-radius: 15px;
-moz-box-shadow: 0px 0px 0px #000;
box-shadow: 0px 0px 0px #000;
-webkit-box-shadow: 0px 0px 0px #000;
-khtml-box-shadow: 0px 0px 0px #000;
}
/*----ايطار صورة العضو -----*/
.postdetails.poster-profile a img {
background-image: url(\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'http://store2.up-00.com/Jun10/mTI67251.bmp\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\');
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
border-radius-topright: 15px;
border-radius-bottomleft: 15px;
border:5px solid #AF6303;
essa_elgn;
}
 
 
 
 
  /* --- Yassine Bablil --- */
#menu ul {
padding:0;
margin:0;
list-style:none;
position:relative; //مهمة
}
#menu > ul > li {
float:right;
padding:0;
margin:0;
}
 #menu > ul > li > a {
display:block; //مهمة
font:normal bold 14px tahoma;
background:#3f4040;
min-width:100px;
text-align:center;
padding:10px 15px 10px 15px;
text-decoration:none;
color:#FFF;
border-top:4px solid #FFF;
border-bottom:4px solid #00B4FF;
transition:background 500ms,color 500ms,border-color 500ms;
}
#menu > ul > li > a:hover {
background:#666;
border-top-color:#00B4FF;
color:#00B4FF;
}
 #menu > ul > li > ul {
position:absolute;
top:45px; //إرتفاع القائمة
right:0;
display:none;
}
 #menu > ul > li > ul > li > a {
background:#666;
display:block; //مهمة
font:normal normal 12px tahoma;
padding:5px 10px 5px 10px;
text-decoration:none;
color:#FFF;
border-bottom:1px solid #FFF;
min-width:130px;
}
#menu > ul > li > ul > li > a:hover {
background:#777;
}
 
 
 
 
 
 
 
 
 
  .stats{   border: solid 1px #adadad;   padding: 4px;   margin-bottom: 2px;   border-radius: 4px;   background: #f9f9f9;   box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10); }  .stats font{color: #777 !important;}  .stats1{   float: right;   height: 0px;   font-weight: bold; }  .lastpost-avatar {   margin-top: 2px;   margin-left: 2px;   margin-right: 2px; }