بدي يكون لكل مساهمة خط يفرقها عن الاخري

بسم الله الرحمن الرحيم 

السلام عليكم ورحمة الله وبركاته 

لو سمحتم عايز اعمل عزل بين كل مساهمة خط يعزلها عن المساهمة الاخري 


للتوضيح اكثر ادخل هذا الموضوع و شوف ما في خط يعزل المساهمة عن الاخري

http://pcworld.allahmontada.com/t115-topic

صورة للتوضيح

MaR0 كتب:بسم الله الرحمن الرحيم 

السلام عليكم ورحمة الله وبركاته 

لو سمحتم عايز اعمل عزل بين كل مساهمة خط يعزلها عن المساهمة الاخري 


للتوضيح اكثر ادخل هذا الموضوع و شوف ما في خط يعزل المساهمة عن الاخري

http://pcworld.allahmontada.com/t115-topic

صورة للتوضيح

اهلا بك صديقى

لآيوجد كود فصل بين مساهمه ومساهمه
لانها من اسسيات الاستايل يكون بع فاصل
+
اذا منتداك مافى فاصل ضع صورة لشاشة

انتظرك

MaR0 كتب:

اهلا صديقى مجدد

من الواضح ان كل اطارات المنتدى غير موجوده + اطارات البيانات الشخصيه غير موجوده
لذلك لن يظهر الفاصل ابدا

احذف اخر كود وضعتها فى ال css

انتظر ردك

كود السي اس تفضل 

الكود:

/*********  content *************/
.contentMain {
   width:100%;
   float:right;
   display:table;
   margin-top:10px;
   margin-bottom:10px;

}
.x1 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-15.png');
   height:101px;
}
.x2 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-17.png') no-repeat scroll right 0px;
   height:101px;
   float:right;
   width:54px;
}
.x3 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-18.png') no-repeat scroll left top;
   width:45px;
   height:101px;
   float:left;
}
.x10 {
      background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-16.png') no-repeat  scroll right top;
   width:589px;
   height:101px;

}
.x0 {
   background-color:#fff;
   text-align:justify;
}
.x4 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-20.png') repeat-y scroll right top;
   padding-right:54px;
}
.x5 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-19.png') repeat-y scroll left top;
   padding-left:53px;
}
.x6 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-22.png') repeat-x scroll 0px 0px;
   height:47px;
}
.x7 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-23.png') no-repeat scroll right top;
   height:47px;
   width:290px;
   float:right;
}
.x8 {
   background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-21.png') no-repeat scroll left top;
   height:47px;
   float:left;
   width:288px;
}


MaR0 كتب:كود السي اس تفضل 

الكود:

/*********  content *************/
.contentMain {
 width:100%;
 float:right;
 display:table;
 margin-top:10px;
 margin-bottom:10px;

}
.x1 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-15.png');
 height:101px;
}
.x2 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-17.png') no-repeat scroll right 0px;
 height:101px;
 float:right;
 width:54px;
}
.x3 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-18.png') no-repeat scroll left top;
 width:45px;
 height:101px;
 float:left;
}
.x10 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-16.png') no-repeat  scroll right top;
 width:589px;
 height:101px;

}
.x0 {
 background-color:#fff;
 text-align:justify;
}
.x4 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-20.png') repeat-y scroll right top;
 padding-right:54px;
}
.x5 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-19.png') repeat-y scroll left top;
 padding-left:53px;
}
.x6 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-22.png') repeat-x scroll 0px 0px;
 height:47px;
}
.x7 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-23.png') no-repeat scroll right top;
 height:47px;
 width:290px;
 float:right;
}
.x8 {
 background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-21.png') no-repeat scroll left top;
 height:47px;
 float:left;
 width:288px;
}


 مدري شلون ولله و ما ضفت شئ للكود 

تمام انا سوف اقوم بمعاينة كل الاكواد
ولكن انتقل معى الى
لوحة الاداره + مظهر المنتدى +viewtopic_body
احفظ كل الاكواد الموجوده به فى ملف على سطح مكتبك (للحفظ)
+
ثم قم بحذف كل الاكواد الموجده به بالضغظ على الايقونة الحمراء
https://i.servimg.com/u/f18/13/64/63/40/uo_ouo43.png


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

تمام بس في مشكلة شكل البيانات الشخصية بسيط جدآآ انا بدي يكون بشكل افضل من هيك

MaR0 كتب:تمام بس في مشكلة شكل البيانات الشخصية بسيط جدآآ انا بدي يكون بشكل افضل من هيك

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

اخى الكريم حللت مشكلتك , اكواد ال css محذوفه لديك
اما التومابيلات ليس به مشاكل لا تقوم بحذفها كم اسلافت لك
انتظرنى اصحح لك اكواد ال css

تفضل صديقى
ضع الكود فى ال css

الكود:

        /*********  content *************/
        .contentMain {
        width:100%;
        float:right;
        display:table;
        margin-top:10px;
        margin-bottom:10px;
       
        }
        .x1 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-15.png');
        height:101px;
        }
        .x2 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-17.png') no-repeat scroll right 0px;
        height:101px;
        float:right;
        width:54px;
        }
        .x3 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-18.png') no-repeat scroll left top;
        width:45px;
        height:101px;
        float:left;
        }
        .x10 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-16.png') no-repeat  scroll right top;
        width:589px;
        height:101px;
       
        }
        .x0 {
        background-color:#fff;
        text-align:justify;
        }
        .x4 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-20.png') repeat-y scroll right top;
        padding-right:54px;
        }
        .x5 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-19.png') repeat-y scroll left top;
        padding-left:53px;
        }
        .x6 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-22.png') repeat-x scroll 0px 0px;
        height:47px;
        }
        .x7 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-23.png') no-repeat scroll right top;
        height:47px;
        width:290px;
        float:right;
        }
        .x8 {
        background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-21.png') no-repeat scroll left top;
        height:47px;
        float:left;
        width:288px;
        }








a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}
/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://i19.servimg.com/u/f19/16/46/77/76/sans_t10.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://i19.servimg.com/u/f19/16/46/77/76/uo_ouo24.png);
border:1px dotted #000000;
border-bottom:medium solid #751D1F;
border-top:medium solid #751D1F;
display:block;font-size:14px;font weight:700;margin:3px;padding:7px}
/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://i19.servimg.com/u/f19/16/46/77/76/uo_ouo25.png);
width: 150px;
height: 200px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}


        /*** كود وضع البسمله بدون خطوط ***/
        .hr {
        background: url(http://im83.gulfup.com/2zX6Rc.png) no-repeat;
        background-position: top;
        text-align: center;
        vertical-align: text-bottom;
        padding: 0px 325px 210px;
        line-height: normal;
        }
        /*** Ahmed M!Do ***/




  /*  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: 1000px;
        background-position:#000000;}










 



 














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(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}
.messaging-box {
background:url(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}







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

 

 











/**
* vBulletin 3.8.7 CSS
* Style: \\\'الالمااس المجاني من أنوار التصميم رومانسي زهر2014\\\'; Style ID: 470
*/

a:link, body_alink
{
   color: #000000;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #000000;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.page
{
   background: #0a0908;
   color: #fddfec;
   font-weight: bold;
}
.page a:link, .page_alink
{
   text-decoration: none;
}
.page a:visited, .page_avisited
{
   text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
   text-decoration: none;
}
td, th, p, li
{
   font: Bold 12pt arial, helvetica, sans-serif;
}
.tborder
{
   background: #000000;
   color: #FFFFFF;
}
.tcat
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #fddfec;
   font: bold 11pt Category Strips;
}
.tcat a:link, .tcat_alink
{
   color: #fddfec;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FFCCFF;
   text-decoration: underline;
}
.thead
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFCCFF;
   text-decoration: none;
}
.tfoot
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px Tahoma,Arial;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #fddfec;
   text-decoration: none;
}
.alt1, .alt1Active
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #fddfec;
   border-radius:9px;
   -moz-border-radius:9px;
   -wibkit-border-radius:9px;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   text-decoration: none;
}
.alt2, .alt2Active
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #FFFFFF;
   border-radius:9px;
   -moz-border-radius:9px;
   -wibkit-border-radius:9px;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   text-decoration: none;
}
.inlinemod
{
   background: #040404;
   color: #FFFFFF;
}
.inlinemod a:link, .inlinemod_alink
{
   text-decoration: none;
}
.inlinemod a:visited, .inlinemod_avisited
{
   text-decoration: none;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
   text-decoration: none;
}
.wysiwyg
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #fddfec;
   font: bold 12pt Arial;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #fddfec;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
textarea, .bginput
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.bginput option, .bginput optgroup
{
   font-size: 11px;
   font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.button
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
select
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
option, optgroup
{
   font-size: 11px;
   font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.smallfont
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.time
{
   color: #FFFFFF;
}
.navbar
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.navbar a:link, .navbar_alink
{
   text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
   text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
   text-decoration: none;
}
.highlight
{
   color: #fddfec;
   font-weight: bold;
}
.fjsel
{
   background: #040404;
   color: #fddfec;
}
.fjdpth0
{
   background: #fddfec;
   color: #040404;
}
.panel
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
   padding: 10px;
   border: 2px outset;
}
.panel a:link, .panel_alink
{
   text-decoration: none;
}
.panel a:visited, .panel_avisited
{
   text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover
{
   text-decoration: none;
}
.panelsurround
{
   background: #040404;
   color: #fddfec;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
legend
{
   color: #fddfec;
   font: 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFFFFF;
   text-decoration: underline;
}
.vbmenu_popup
{
   background: #040404;
   color: #fddfec;
}
.vbmenu_option
{
   background: #040404;
   color: #fddfec;
   font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #fddfec;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #b25b80;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for \\\'big\\\' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on \\\'thead\\\' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
html
{
scrollbar-base-color: #040404;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #fddfec;
}







        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
       
       
        .hima-elmasry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
            padding: 20px;
            width: 150px;
        }
       
       

       
        .masry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
            height: 12px;
            margin: auto;
            position: relative;
            width: 185px;
        }
        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
       
       
        .sidebaritem {
            background: url("") repeat-x scroll 0 0 #FBFBFB;
            border-color: #D1D1E1;
            border-style: solid;
            border-width: 1px 2px 1px 1px;
            font-size: 11px;
            padding: 0;
            width: 180px;
        }
                .AVATAR img {
                    width: 150px;
                }


       
        .user_name {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
        width:178px;
        text-align: center;
        }

       
        .user_name1 {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
       
        }



        .updownbutton {
          position:fixed;
          bottom:40px;
          right:10px; /* replace right with left to display the buttons on the left */
          z-index:100;
        }
            #A7medvirus  {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
       
            }
       
            #HiMa-ElMaSrY {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
       
            }

تفضل عزيزى
الكود يعمل على النسخة: فقط

الكود:

/* كود فصل بين الردود بالموضوع*/
.post { margin-bottom:20px }

تقوم بتغيير الرقم 20 حسب المسافة التى تريدها ان تفصل بين الردود

لوحة الادارة > مظهر المنتدى > الوان > ورقة التصميم CSS

البرق200 كتب:تفضل صديقى
ضع الكود فى ال css

الكود:

        /*********  content *************/
        .contentMain {
         width:100%;
         float:right;
         display:table;
         margin-top:10px;
         margin-bottom:10px;
        
        }
        .x1 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-15.png');
         height:101px;
        }
        .x2 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-17.png') no-repeat scroll right 0px;
         height:101px;
         float:right;
         width:54px;
        }
        .x3 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-18.png') no-repeat scroll left top;
         width:45px;
         height:101px;
         float:left;
        }
        .x10 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-16.png') no-repeat  scroll right top;
         width:589px;
         height:101px;
        
        }
        .x0 {
         background-color:#fff;
         text-align:justify;
        }
        .x4 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-20.png') repeat-y scroll right top;
         padding-right:54px;
        }
        .x5 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-19.png') repeat-y scroll left top;
         padding-left:53px;
        }
        .x6 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-22.png') repeat-x scroll 0px 0px;
         height:47px;
        }
        .x7 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-23.png') no-repeat scroll right top;
         height:47px;
         width:290px;
         float:right;
        }
        .x8 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-21.png') no-repeat scroll left top;
         height:47px;
         float:left;
         width:288px;
        }








a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}
/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://i19.servimg.com/u/f19/16/46/77/76/sans_t10.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://i19.servimg.com/u/f19/16/46/77/76/uo_ouo24.png);
border:1px dotted #000000;
border-bottom:medium solid #751D1F;
border-top:medium solid #751D1F;
display:block;font-size:14px;font weight:700;margin:3px;padding:7px}
/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://i19.servimg.com/u/f19/16/46/77/76/uo_ouo25.png);
width: 150px;
height: 200px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}


        /*** كود وضع البسمله بدون خطوط ***/
        .hr {
        background: url(http://im83.gulfup.com/2zX6Rc.png) no-repeat;
        background-position: top;
        text-align: center;
        vertical-align: text-bottom;
        padding: 0px 325px 210px;
        line-height: normal;
        }
        /*** Ahmed M!Do ***/




  /*  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: 1000px;
        background-position:#000000;}










 



 














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(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}
.messaging-box {
background:url(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}







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

 

 











/**
* vBulletin 3.8.7 CSS
* Style: \\\'الالمااس المجاني من أنوار التصميم رومانسي زهر2014\\\'; Style ID: 470
*/

a:link, body_alink
{
   color: #000000;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #000000;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.page
{
   background: #0a0908;
   color: #fddfec;
   font-weight: bold;
}
.page a:link, .page_alink
{
   text-decoration: none;
}
.page a:visited, .page_avisited
{
   text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
   text-decoration: none;
}
td, th, p, li
{
   font: Bold 12pt arial, helvetica, sans-serif;
}
.tborder
{
   background: #000000;
   color: #FFFFFF;
}
.tcat
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #fddfec;
   font: bold 11pt Category Strips;
}
.tcat a:link, .tcat_alink
{
   color: #fddfec;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FFCCFF;
   text-decoration: underline;
}
.thead
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FFCCFF;
   text-decoration: none;
}
.tfoot
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px Tahoma,Arial;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #fddfec;
   text-decoration: none;
}
.alt1, .alt1Active
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #fddfec;
   border-radius:9px;
   -moz-border-radius:9px;
   -wibkit-border-radius:9px;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
   text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
   text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
   text-decoration: none;
}
.alt2, .alt2Active
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #FFFFFF;
   border-radius:9px;
   -moz-border-radius:9px;
   -wibkit-border-radius:9px;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
   text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
   text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
   text-decoration: none;
}
.inlinemod
{
   background: #040404;
   color: #FFFFFF;
}
.inlinemod a:link, .inlinemod_alink
{
   text-decoration: none;
}
.inlinemod a:visited, .inlinemod_avisited
{
   text-decoration: none;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
   text-decoration: none;
}
.wysiwyg
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #fddfec;
   font: bold 12pt Arial;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #fddfec;
   text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
textarea, .bginput
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.bginput option, .bginput optgroup
{
   font-size: 11px;
   font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.button
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
select
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
option, optgroup
{
   font-size: 11px;
   font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.smallfont
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.time
{
   color: #FFFFFF;
}
.navbar
{
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.navbar a:link, .navbar_alink
{
   text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
   text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
   text-decoration: none;
}
.highlight
{
   color: #fddfec;
   font-weight: bold;
}
.fjsel
{
   background: #040404;
   color: #fddfec;
}
.fjdpth0
{
   background: #fddfec;
   color: #040404;
}
.panel
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
   padding: 10px;
   border: 2px outset;
}
.panel a:link, .panel_alink
{
   text-decoration: none;
}
.panel a:visited, .panel_avisited
{
   text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover
{
   text-decoration: none;
}
.panelsurround
{
   background: #040404;
   color: #fddfec;
   font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
legend
{
   color: #fddfec;
   font: 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFFFFF;
   text-decoration: underline;
}
.vbmenu_popup
{
   background: #040404;
   color: #fddfec;
}
.vbmenu_option
{
   background: #040404;
   color: #fddfec;
   font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #fddfec;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #fddfec;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #b25b80;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for \\\'big\\\' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on \\\'thead\\\' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
html
{
scrollbar-base-color: #040404;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #fddfec;
}







        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
        
        
        .hima-elmasry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
            padding: 20px;
            width: 150px;
        }
        
        

        
        .masry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
            height: 12px;
            margin: auto;
            position: relative;
            width: 185px;
        }
        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
        
        
        .sidebaritem {
            background: url("") repeat-x scroll 0 0 #FBFBFB;
            border-color: #D1D1E1;
            border-style: solid;
            border-width: 1px 2px 1px 1px;
            font-size: 11px;
            padding: 0;
            width: 180px;
        }
                .AVATAR img {
                    width: 150px;
                }


        
        .user_name {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
        width:178px;
        text-align: center;
        }

        
        .user_name1 {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
        
        }



        .updownbutton {
          position:fixed;
          bottom:40px;
          right:10px; /* replace right with left to display the buttons on the left */
          z-index:100;
        }
            #A7medvirus  {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
        
            }
        
            #HiMa-ElMaSrY {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
        
            }

اخي الكريم حطيت الكود الي اعطيتني اياه بس خلت لون الصفحة اسود شوف 

يغلق يا جماعة ما وصلت للحل النهائي بس بغير الاستايل

اخى الفاضل ما هو طلبك بتحديد ؟

تمام بس بوظ من ناحية تانية شئ ااخر يعني انحل هوه و بوووظ شئ اخر

MaR0 كتب:

البرق200 كتب:تفضل صديقى
ضع الكود فى ال css

الكود:

        /*********  content *************/
        .contentMain {
         width:100%;
         float:right;
         display:table;
         margin-top:10px;
         margin-bottom:10px;
        
        }
        .x1 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-15.png');
         height:101px;
        }
        .x2 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-17.png') no-repeat scroll right 0px;
         height:101px;
         float:right;
         width:54px;
        }
        .x3 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-18.png') no-repeat scroll left top;
         width:45px;
         height:101px;
         float:left;
        }
        .x10 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-16.png') no-repeat  scroll right top;
         width:589px;
         height:101px;
        
        }
        .x0 {
         background-color:#fff;
         text-align:justify;
        }
        .x4 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-20.png') repeat-y scroll right top;
         padding-right:54px;
        }
        .x5 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-19.png') repeat-y scroll left top;
         padding-left:53px;
        }
        .x6 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-22.png') repeat-x scroll 0px 0px;
         height:47px;
        }
        .x7 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-23.png') no-repeat scroll right top;
         height:47px;
         width:290px;
         float:right;
        }
        .x8 {
         background:transparent url('http://i18.servimg.com/u/f18/16/20/96/52/oa-uo-21.png') no-repeat scroll left top;
         height:47px;
         float:left;
         width:288px;
        }








a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}

a:hover
{
text-decoration: none;
}
/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://i19.servimg.com/u/f19/16/46/77/76/sans_t10.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://i19.servimg.com/u/f19/16/46/77/76/uo_ouo24.png);
border:1px dotted #000000;
border-bottom:medium solid #751D1F;
border-top:medium solid #751D1F;
display:block;font-size:14px;font weight:700;margin:3px;padding:7px}
/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://i19.servimg.com/u/f19/16/46/77/76/uo_ouo25.png);
width: 150px;
height: 200px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}


        /*** كود وضع البسمله بدون خطوط ***/
        .hr {
        background: url(http://im83.gulfup.com/2zX6Rc.png) no-repeat;
        background-position: top;
        text-align: center;
        vertical-align: text-bottom;
        padding: 0px 325px 210px;
        line-height: normal;
        }
        /*** Ahmed M!Do ***/




  /*  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: 1000px;
        background-position:#000000;}










 



 














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(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}
.messaging-box {
background:url(http://i12.servimg.com/u/f12/14/62/10/11/uousuu11.gif) no-repeat right ;
padding:30px 10px 10px 10px;
background-position: top center;
background-color: #000000;
border: 1px Dotted #000000;
}







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

 

 











/**
* vBulletin 3.8.7 CSS
* Style: \\\'الالمااس المجاني من أنوار التصميم رومانسي زهر2014\\\'; Style ID: 470
*/

a:link, body_alink
{
 color: #000000;
 text-decoration: none;
}
a:visited, body_avisited
{
 color: #000000;
 text-decoration: none;
}
a:hover, a:active, body_ahover
{
 color: #FFFFFF;
 text-decoration: none;
}
.page
{
 background: #0a0908;
 color: #fddfec;
 font-weight: bold;
}
.page a:link, .page_alink
{
 text-decoration: none;
}
.page a:visited, .page_avisited
{
 text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
 text-decoration: none;
}
td, th, p, li
{
 font: Bold 12pt arial, helvetica, sans-serif;
}
.tborder
{
 background: #000000;
 color: #FFFFFF;
}
.tcat
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
 color: #fddfec;
 font: bold 11pt Category Strips;
}
.tcat a:link, .tcat_alink
{
 color: #fddfec;
 text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
 color: #fddfec;
 text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
 color: #FFCCFF;
 text-decoration: underline;
}
.thead
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
 color: #FFFFFF;
 font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
 color: #FFFFFF;
 text-decoration: none;
}
.thead a:visited, .thead_avisited
{
 color: #FFFFFF;
 text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
 color: #FFCCFF;
 text-decoration: none;
}
.tfoot
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_thead.gif) repeat-x top left;
 color: #FFFFFF;
 font: bold 11px Tahoma,Arial;
}
.tfoot a:link, .tfoot_alink
{
 color: #FFFFFF;
 text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
 color: #FFFFFF;
 text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
 color: #fddfec;
 text-decoration: none;
}
.alt1, .alt1Active
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
 color: #fddfec;
 border-radius:9px;
 -moz-border-radius:9px;
 -wibkit-border-radius:9px;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
 text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
 text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
 text-decoration: none;
}
.alt2, .alt2Active
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
 color: #FFFFFF;
 border-radius:9px;
 -moz-border-radius:9px;
 -wibkit-border-radius:9px;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
 text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
 text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
 text-decoration: none;
}
.inlinemod
{
 background: #040404;
 color: #FFFFFF;
}
.inlinemod a:link, .inlinemod_alink
{
 text-decoration: none;
}
.inlinemod a:visited, .inlinemod_avisited
{
 text-decoration: none;
}
.inlinemod a:hover, .inlinemod a:active, .inlinemod_ahover
{
 text-decoration: none;
}
.wysiwyg
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
 color: #fddfec;
 font: bold 12pt Arial;
 margin: 5px 10px 10px 10px;
 padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
 color: #fddfec;
 text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
 color: #fddfec;
 text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
 color: #FFFFFF;
 text-decoration: none;
}
textarea, .bginput
{
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.bginput option, .bginput optgroup
{
 font-size: 11px;
 font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.button
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
 color: #FFFFFF;
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
select
{
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
option, optgroup
{
 font-size: 11px;
 font-family: tahoma, arial, verdana, geneva, lucida, helvetica;
}
.smallfont
{
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.time
{
 color: #FFFFFF;
}
.navbar
{
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
.navbar a:link, .navbar_alink
{
 text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
 text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
 text-decoration: none;
}
.highlight
{
 color: #fddfec;
 font-weight: bold;
}
.fjsel
{
 background: #040404;
 color: #fddfec;
}
.fjdpth0
{
 background: #fddfec;
 color: #040404;
}
.panel
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/anwar.png) repeat-x top left;
 color: #FFFFFF;
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
 padding: 10px;
 border: 2px outset;
}
.panel a:link, .panel_alink
{
 text-decoration: none;
}
.panel a:visited, .panel_avisited
{
 text-decoration: none;
}
.panel a:hover, .panel a:active, .panel_ahover
{
 text-decoration: none;
}
.panelsurround
{
 background: #040404;
 color: #fddfec;
 font: bold 11px tahoma, arial, verdana, geneva, lucida, helvetica;
}
legend
{
 color: #fddfec;
 font: 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
}
.vbmenu_control
{
 background: #040404 url(Almaas-free-z-Girl-anwar-design/images/gradients/gradient_tcat.gif) repeat-x top left;
 color: #FFFFFF;
 font: bold 11px tahoma, verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
 padding: 3px 6px 3px 6px;
 white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
 color: #FFFFFF;
 text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
 color: #FFFFFF;
 text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
 color: #FFFFFF;
 text-decoration: underline;
}
.vbmenu_popup
{
 background: #040404;
 color: #fddfec;
}
.vbmenu_option
{
 background: #040404;
 color: #fddfec;
 font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
 white-space: nowrap;
 cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
 color: #fddfec;
 text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
 color: #fddfec;
 text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
 color: #FFFFFF;
 text-decoration: none;
}
.vbmenu_hilite
{
 background: #b25b80;
 color: #FFFFFF;
 font: 11px verdana, geneva, lucida, \\\'lucida grande\\\', arial, helvetica, sans-serif;
 white-space: nowrap;
 cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
 color: #FFFFFF;
 text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
 color: #FFFFFF;
 text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
 color: #FFFFFF;
 text-decoration: none;
}
/* ***** styling for \\\'big\\\' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on \\\'thead\\\' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
html
{
scrollbar-base-color: #040404;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #fddfec;
}







        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
        
        
        .hima-elmasry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
            padding: 20px;
            width: 150px;
        }
        
        

        
        .masry {
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
            height: 12px;
            margin: auto;
            position: relative;
            width: 185px;
        }
        .ahlamontada {
            -moz-border-radius: 5px 5px 5px 5px;
            background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
            border: 1px solid #E2E2E2;
            margin: 2px;
            text-shadow: 0 0 1px #626262;
        }
        
        
        .sidebaritem {
            background: url("") repeat-x scroll 0 0 #FBFBFB;
            border-color: #D1D1E1;
            border-style: solid;
            border-width: 1px 2px 1px 1px;
            font-size: 11px;
            padding: 0;
            width: 180px;
        }
                .AVATAR img {
                    width: 150px;
                }


        
        .user_name {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
        width:178px;
        text-align: center;
        }

        
        .user_name1 {
        background: url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif") repeat-x scroll center bottom #FFFFFF;
        border: 1px solid #E2E2E2;
        border-radius: 5px 5px 5px 5px;
        
        }



        .updownbutton {
          position:fixed;
          bottom:40px;
          right:10px; /* replace right with left to display the buttons on the left */
          z-index:100;
        }
            #A7medvirus  {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
        
            }
        
            #HiMa-ElMaSrY {
                background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
                border: 1px solid #C0C0C0;
                border-radius: 15px 15px 15px 15px;
                margin: 0 auto;
                padding-bottom: 1px;
                padding-top: 1px;
                width: 20%;
        
            }

اخي الكريم حطيت الكود الي اعطيتني اياه بس خلت لون الصفحة اسود شوف 

اخى العزيز
انا عدلتلك حدود الصفحة يعنى الاطارات تمام
فقط الان تحتاج الى كود خلفيه المواضيع
تفضل

كود وضع صورة كخلفية للمواضيع بالنسخة الثانية فقط - من تصميمي s@kr