سلام عليكم اخوتي ممكن كود خلفيه للاككواد مثل اللي بهذا المنتدى وشكرا لكم


http://3eon.0wn0.com/t33-topic

لا يحتاج الى كود
من لوحة الادارة >> مظهر المنتدى >> الوان >>
الوان الخلفية >>
ألوان إطار الإقتباس, الأكواد و الأزرار :
اختار اللون الذي تريده ,

اخي العزيز مو قصدي اللون لان الكود عندي ينزل الى اسفل الصفحه وما اريده هكذا انما اللي بالمثال يحصر الكود بمربع وبيعمل له سلايد صعود ونزول

المتوفر على الدعم هذا ,

(JAVASCRIPT) عمل خاصية تحديد المحتوي حصريا علي الدعم

اخي العزيز لم يتغير شيئ رغم اني خليت الكود في اول الورقه شكرا للمساعده سابحث عنه لاحقا

بعد اذن الاخ امير
===========
تفضل كود صورة مع الايطار

الكود:

.code{
border:2px  solid #FF6633;
background-image : url(http://i39.servimg.com/u/f39/18/42/00/55/rrrrrr10.png);
}

وهذا كود لون مع الايطار

الكود:


.code {
border:2px  solid #FF6633;
background:#FFFFCC;
}


زين اخوان عندي مقترح انا عندي اكواد المنتدى اللي بعثته لكم في اول الموضوع هل يقدر احدكم يتعرف على الكود اللي اريده بالظبط ولو تعبتكم معي انتظر رد

الكود:

.forumline{
   -moz-border-radius:35px;
   -webkit-border-radius:35px;
   border-radius:35px;

     margin-top:24px;
    border-top:20px solid #bd0000;
    border-bottom:30px solid #bd0000;

 
 
 
}
.bodyline{
-moz-border-radius:36px;
   -webkit-border-radius:36px;
   border-radius:36px;
  border-top:30px solid #bd0000;
    border-bottom:30px solid #bd0000;
      border:2px dashed #bd0000;


}

a:link
{
text-decoration:
none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration:
none;
}

.liteoption {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background-color:#ededed;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #dcdcdc;
   display:inline-block;
   color:#777777;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
}.liteoption:hover {
   background-color:#dfdfdf;
}.liteoption:active {
   position:relative;
   top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

.mainoption {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background-color:#ededed;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   border-radius:6px;
   border:1px solid #dcdcdc;
   display:inline-block;
   color:#777777;
   font-family:arial;
   font-size:15px;
   font-weight:bold;
   padding:6px 24px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
}.mainoption:hover {
   background-color:#dfdfdf;
}.mainoption:active {
   position:relative;
   top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

    a[href="/search?search_id=newposts"]

    ,a[href="/search?search_id=egosearch"]

    ,a[href="/search?search_id=unanswered"]

    ,a[href="/search?search_id=activetopics"]

    ,a[href="/memberlist?mode=today_posters"]

    ,a[href="/memberlist?mode=overall_posters"]

    ,a[href="/?mode=delete_cookies"]

    ,a[href="/?mark=forums"]

    ,a[href="/privmsg?folder=savebox"]
 
    {display:none;}
.maintitle{display:none;}

        /*----- prince kimo-----*/
        .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 #bf2626;
        #profile-advanced-details .stats-field
        border:1px dashed #bf2626;
        }
        /*----- prince kimo-----*/


    /*-----كود البينات الشخصية المطورة-----*/
    .name{

    -moz-border-radius:15px;
    background-color: #d7d7d7;
    border-top:15px solid #bd0000;
    border-bottom:15px solid #bd0000;

   text-align: center;


    font-size: 16px;
    font-weight: bold;
    display: block;
    overflow: auto;
    padding: 3px;
  -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
    }

    .poster-profile{

    -moz-border-radius:15px;
    background-color: #d7d7d7;
    border-top:10px solid #bf2626;
    border-bottom:10px solid #bf2626;
 
    font-size: 16px;
    font-weight: bold;
    display: block;
  -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
    overflow: auto;
    padding: 7px;
    }

    .postdetails.poster-profile a img {
    max-width:700px;
    max-height:600px;
    background-color: #feffc4 ;

    background-repeat: repeat;
  -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
    border: 5px solid #FFFFFF;
    }
/*a7medvirus Tutorial*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;

    } 
/*by: Traid web*/


    input  {
    background: url(http://i80.servimg.com/u/f80/15/65/24/42/2iscw011.png);
    font: 15px georgia !important;
    border-color : #bf2626 !important;
    border-width:1px !important;
    border-style:solid !important;

  -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;

    }
td {

        font-weight: bold;

}a.nav {
background : url(http://i83.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;
}



/*----- essa_elgn -----*/
div.gen{display:none;}
.catHead{display:none;}


.nav{display:none;}


tr.post td {

    text-align: center;

}


/* كود البسمله */
.hr {
background: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQMfGOn3Q7FFzhcn_srrEs5az8OXzv-M4xUDL8kB_nyu71EdXL7) no-repeat center;
border-top: thin groove;
padding: 100px;
line-height: 40px;
}



#fa_toolbar_hidden {
    background-color: #333333;
    border-radius: 0px 0px 5px 5px;
    display: none;
    margin-top: -60px;
    position: absolute;
    right: 0px;
    z-index: 999;
}

#fa_toolbar_hidden #fa_show {
    background: none repeat scroll 0% 0% transparent ! important;
    height: 1px;
    width: 1px;
}

#fa_toolbar {
    bottom: 0px;
    left: 0px;
    position: fixed;
}

#fa_toolbar #fa_right #notif_list, #fa_menulist, #fa_toolbar #fa_right #notif_list {
    bottom: 22px;
    margin-left: -2px;
}

#fa_toolbar {
    bottom: 0px;
    left: 0px;
    position: fixed;
    top: auto;
}

#tbar {
    background: url("http://i.imgur.com/a4HBvmE.jpg") repeat-x scroll 0px 0px / 100% 100% transparent;
    height: 114px;
}

#warfare, #warfare a {
    background: url("http://i.imgur.com/YOdTukU.png") no-repeat scroll 0% 0% transparent;
    display: block;
    height: 112px;
    opacity: 0.9;
    position: absolute;
    width: 700px;
}

#vbar {
    background: url("http://i.imgur.com/yNaWtnV.png") repeat-x scroll 0px 0px transparent;
    height: 61px;
}

.wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 1000px;
}

#main-navigation {
    line-height: 55px;
}

ul.leftside {
    float: left;
    margin-left: 0px;
    margin-right: 5px;
    text-align: left;
}

#primary-navigation li {
    border-right: 1px solid #000000;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-right: 14px;
}

#primary-navigation li + li {
    border-right: 1px solid #000000;
    padding-left: 14px;
}

#LGquickvm_form {
    background: none repeat scroll 0% 0% #E1EBF2;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #98CBF5;
    box-shadow: 0px 0px 5px #A7BEF1;
    margin: 10px auto;
    max-width: 90%;
    padding: 5px;
}

#LGquickvm_bb {
    background: none repeat scroll 0% 0% #D0E1F1;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 0px 8px #8BC1EC inset;
    margin-bottom: 5px;
    padding: 5px;
}

#LGquickvm_bb span {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #8CBFD3;
    color: #3C6ED8;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    margin: 0px 2px;
    padding: 3px 10px;
    text-shadow: 0px 1px white;
}

#LGquickvm_bb span:hover {
    box-shadow: 0px 0px 10px white inset;
}

#LGquickvm_message {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    color: #666666;
    height: 85px;
    width: 99%;
}

#LGquickvm_main {
    text-align: center;
}

#LGquickvm_foot {
    height: 25px;
}

#LGquickvm_foot span {
    background: none repeat scroll 0% 0% #4C95E4;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #477BC9;
    box-shadow: 0px 10px 10px #68B0E2 inset;
    color: white;
    cursor: pointer;
    font-weight: bold;
    margin: 3px;
    padding: 5px;
    text-shadow: 0px 1px #3557C2;
}

#LGquickvm_send {
    float: right;
}

#LGquickvm_advanced {
    float: left;
}

#LGquickvm_foot span:hover {
    box-shadow: none;
    text-shadow: none;
}

#LGquickvm_rubbish {
    display: none;

 
 
 

عزيزي ستون هوه كود الصوره اكثر من رائع جربته بس هم ينزل لاخر الصفحه انا حجيبلكم اكواد المنتدى ونتم طلعولي الكود منه اوك

بامكانك وضع موضوع جديد وستتم اجابتك
بالتوفيق