شركة حزين الليل
استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه
كاتب الموضوع رسالة alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:23 am السلام عليكم ورحمة الله وبركاته
الاحظ ان اغلبية المنتديات على هنا تستعمل النسخه الثانيه على الرغم من كون النسخه الثالثه اجمل وتحتوى على مميزات وامكانيات متاحه للمدير فى تركيب الاستايل روعه جدا
وعشان كده انا جايبلكم اليوم استايل مرفق معه ورقة تصميم خاصه بعد التركيب تشعر انك فى منتدى vb بل اجمل
اولا: الصور التى يجب عليك تركيبها
1:الايقونات الرئيسيه
2:ايقونات الفئات
3:الازرار الخاصه بالمشاركات
والان قم بتركيب تلك الايقونات كل فى المكان المخصص له
ثم بعد ذلك اذهب الى ادارة الالوان وقم بحذف كل الالوان الموجوده فى التعديل البسيط للالوان واضغط تسجيل
ثم اذهب الى ورقة css وضع بها الكود التالى
الكود: [font=Simplified Arabic Fixed]* { margin: 0px; padding: 0px; } html { font-size: 100%; height: 100%; } #min-width { min-width: 750px; } body { direction: rtl; text-align: right; font-family: Arabic Transparent; color: #20a0ff ; background-color: #FDF1F7; background-image: url('http://i13.servimg.com/u/f13/11/42/75/50/as101010.jpg'); background-attachment: fixed; font-size: 15px; height: auto; padding: 7px 0px; scrollbar-face-color: #793079; scrollbar-highlight-color: #793079; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #cb92d6; scrollbar-darkshadow-color: #; } * html .conteneur_minwidth_IE { /* Hack IE min-width */padding-left: 750px; } * html .conteneur_container_IE { /* Hack IE min-width */margin-left: -750px; position: relative; } * html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE { /* Hack IE min-width */height: 2px; } #wrap { width:87%; margin: 0px auto; background-color: #fbe4ee; border: 1px #ffbdd6 solid; padding: 1px; } #simple-wrap { padding: 6px 10px; } #page-body { margin: 1px 0; clear: both; } #page-footer { clear: both; } page-footer h2 #fbe4ee{ margin-top: 5px; } #add-google { text-align: center; } /* Tags-------------------------------------------------*/h2 { font-family: Arabic Transparent; font-weight: normal; color: #892436; font-size: 1.1em; margin: 0.8em 0 0.2em 0; } h2.solo { margin-bottom: 1em; } h3 { font-family: Arabic Transparent; text-transform: uppercase; border-bottom: 1px solid #ffbdd6; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.1em; color: #ffbdd6; margin-top: 5px; } input { font-weight: normal; cursor: pointer; vertical-align: middle; padding: 0 3px; font-size: 1.1em; font-family: Arabic Transparent; } select { font-family: Arabic Transparent; font-weight: normal; cursor: pointer; vertical-align: middle; border: 2px solid #892436; padding: 1px; background-color: #FFDAEC; } option { padding-right: 1em; } textarea { font-family: Arabic Transparent; width: 60%; padding: 2px; font-size: 1.1em; line-height: 1.4em; } p { line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.5em; } p.right { text-align: left; margin: 5px; } p.center { text-align: center; margin: 2px; } p.author { margin: 0 0 0.6em 15em; padding: 0 0 5px 0; font-family: Arabic Transparent; font-size: 1.1em; line-height: 1.2em; } p.nomargin { line-height: 1.3em; font-size: 1.1em; margin-bottom: 0em; } fieldset { border-width: 0; font-family: Arabic Transparent; font-size: 1em; } fieldset.jumpbox { text-align: left; margin-top: 15px; height: 2.5em; } fieldset.quickmod { width: 50%; float: left; text-align: left; height: 2.5em; } label { cursor: default; padding-right: 5px; color: #db4379; } label input { vertical-align: middle; } label img { vertical-align: middle; } hr { border: 0 none #ffbdd6; border-top: 1px solid #ffbdd6; height: 1px; margin: 5px 0; display: block; clear: both; } hr.dashed { border-top: 2px dashed #ffbdd6; margin: 5px 0; } img { border-width: 0; } blockquote { padding: 5px; background: #f5eeb6 url("http://2img.net/i/fa/prosilver/quote_rtl.gif") right 8px no-repeat; border: 2px solid #DBDBCE; font-size: 0.95em; margin: 1em 25px 1em 1px; overflow: hidden; } blockquote div { margin-right: 10px; } blockquote blockquote { background-color: #EFEED9; font-size: 1em; margin: 0.5em 10px 3pt 5px; } blockquote blockquote blockquote { background-color: #f5eeb6; } blockquote cite { font-style: normal; font-weight: bold; display: block; font-size: 0.9em; } blockquote cite cite { font-size: 1.1em; } blockquote.uncited { padding-top: 20px; } ul { list-style-type: none; } ul.ul-icons { float: right; margin: 0 10px; } * html table, * html select, * html input { font-size: 100%; } * html hr { margin: 0; } /* Links-----------------------------------------------------*/a:link{ color: #892436; text-decoration: none; } a:visited{ color: #892436; text-decoration: none; } a:active{ color: #892436; text-decoration: underline; } a:hover{ color: #d31141; text-decoration: none; } a.forumtitle { color: #892436; font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 1.1em; font-weight: bold; text-decoration: none; } a.forumtitle:hover { color: #d31141; text-decoration: underline; } a.forumtitle:active { color: #892436; } a.topictitle { font-family: Arabic Transparent; font-size: 1.1em; font-weight: bold; color: #892436; text-decoration: none; } a.topictitle:hover { color: #d31141; text-decoration: underline; } a.topictitle:active { color: #892436; } /* Input------------------------------------------------------*/.inputbox { background-color: #ffeff4; border: 1px solid #BCBCBC; color: #db4379; padding: 5px; cursor: text; } .inputbox:hover { border: 1px solid #ffbdd6; } .inputbox:focus { border: 1px solid #ffbdd6; color: #db4379; } input.inputbox{ width: 85%; } input.medium{ width: 50%; } input.narrow{ width: 25%; } input.tiny{ width: 110px; } textarea.inputbox { width: 87%; } /* Input Button Form---------------------------------------------------------*/input.button1, input.button2 { font-size: 1.1em; } a.button1, input.button1 { font-weight: bold; border: 1px solid #2080ff; } a.button2, input.button2 { border: 1px solid #2080ff; } a.button1, input.button1, a.button2, input.button2 { width: auto !important; font-family: Arabic Transparent; color: #4080ff ; background-repeat: repeat-x; background-color: #ff80c0 ; background-image: url('http://i23.servimg.com/u/f23/11/42/75/50/untitl10.gif'); background-position: top; overflow: visible; font-size: 1em; } a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover { border: 1px solid #d31141; color: #d31141; background-position: 0 100%; font-size: 1em; } a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active { color: #892436; text-decoration: none; padding: 2px 8px; line-height: 250%; vertical-align: text-bottom; background-position: 0 3px; } * html input.button1, * html input.button2 { padding-bottom: 0; margin-bottom: 3px; } /* Fieldset dl---------------------------------------------------------*/fieldset dl { padding: 4px 0; } fieldset dt { float: right; text-align: right; width: 40%; display: block; } fieldset dd { margin: 0px 41% 3px 0px; vertical-align: top; } fieldset dl:hover dt label { color: #ff60c0; } dt label { font-weight: bold; text-align: left; } dd label { white-space: nowrap; color: #db4379; } dd input, dd textarea { margin-right: 3px; } dd select { width: auto; } dd textarea { width: 85%; } /* Fieldset fields 1 et 2---------------------------------------------*/fieldset.fields1 dt { width: 10em; border-right-width: 0; } fieldset.fields1 dd { margin-right: 10em; border-right-width: 0; } fieldset.fields1 { background-color: transparent; } fieldset.fields1 div { margin-bottom: 3px; } fieldset.fields2 dt { width: 15em; border-right-width: 0; } fieldset.fields2 dd { margin-left: 16em; border-left-width: 0; } fieldset.fields2 dl:hover dt label { color: inherit; } /* Fieldset submit---------------------------------------------*/fieldset.submit-buttons { text-align: center; vertical-align: middle; margin: 5px 0; } fieldset.submit-buttons input { vertical-align: middle; padding-top: 3px; padding-bottom: 3px; } /* Fieldset polls---------------------------------------------*/fieldset.polls { font-family: Arabic Transparent; } fieldset.polls dl { margin-top: 5px; border-top: 1px solid #e2e2e2; padding: 5px 0 0 0; line-height: 120%; color: #db4379; } fieldset.polls dt { text-align: left; float: left; display: block; width: 30%; border-right: none; padding: 0; margin: 0; font-size: 1.1em; } fieldset.polls dd { float: left; width: 10%; border-left: none; padding: 0 5px; margin-left: 0; font-size: 1.1em; } /* Header-------------------------------------------------*/.headerbar { background-color: #fbe4ee; height: 1%; /* Hack IE layout */background-image: url ('http://i13.servimg.com/u/f13/11/42/75/50/untitl10.gif'); margin-bottom: 5px; padding: 0pt 5px; background-repeat: repeat-x; } #logo-desc { margin: 0px; padding: 0px; text-align: center; } #logo { float: none; padding: 5px; } a#logo:hover { text-decoration: none; } h1 { font-family: ; color: #ec55a3; font-size: ; padding-top: 15px; } #logo-desc p { margin: 0px; padding: 0px; color: #ec55a3; } /* Menu-------------------------------------------------*/.navbar { clear: both; background-color: #FBE4EE; padding:0px 5px; } ul.navlinks { border-bottom: 5px solid #FBE4EE; font-weight: bold; text-align: right; } ul.linklist li { list-style-type: none; width: auto; font-size: 1.1em; line-height: 2.2em; display: inline; } ul.linklist li a img { vertical-align: middle; } .search-box { margin: 3px 5px 0px 0px; float: right; } #search-box { margin: 10px 0px 0px 5px; float: left; white-space: nowrap; /* For Opera */} * html #search-box { margin: 5px 0px 0px 25px; } #search-box #keywords { width: 50px; background-color: #ffeff4; } #search-box input { border: 1px solid #BCBCBC; font-size: 0.9em; } *+html #search-box input { height: 1%; background-position: top right; } * html #search-box input { height: 1%; background-position: top right; } #search-box input.button1 { padding: 1px 5px; } input.search { background-image: url('http://2img.net/i/fa/prosilver/icon_textbox_search.gif'); background-repeat: no-repeat; background-position: right 1px; padding: 0px 15px 0px 0px; } ul.linklist li.rightside { margin-top: -30px; float: left; } p.rightside { float: left; margin-left: 5px; } /* Code block ------------------------------------------------*/dl.codebox { padding: 3px; background-color: #FFFFFF; border: 1px solid #C9D2D8; font-size: 1.1em; } dl.codebox dt { text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block; } blockquote dl.codebox { margin-left: 0; } dl.codebox code { overflow: auto; display: block; height: auto; max-height: 200px; white-space: normal; padding-top: 5px; font: 0.9em Arabic Transparent; line-height: 1.3em; color: #2E8B57; margin: 2px 0; } /* Table-------------------------------------------------*/.forabg { margin-bottom: 40px; clear: both; background-color: #FFEDED; background-image: url('http://i13.servimg.com/u/f13/11/42/75/50/s10.gif'); background-repeat: repeat-x; background-position:0px 0px; background-position: top right; border: 0px solid #ED97B4; padding: 0px 0px; height: 1%; } .forumbg { background-color: #FFEDED; background-image: url('http://i19.servimg.com/u/f19/11/42/75/50/untitl15.gif'); background-repeat: repeat-x; background-position: 2px 2px; border: 0px solid #ED97B4 ; padding: 0px 0px; margin-bottom: 5px; clear: both; height: 1%; } .forumbg table.table1 { margin: 0px -5px -0px -0px; } ul.topiclist { list-style-type: none; margin: 0px; height: 1%; background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/untitl12.jpg"); background-repeat: repeat-x; color: #ff80c0; } ul.topiclist li { display: block; margin: 1px; } * html ul.topiclist li { position: relative; } ul.topiclist li.row dl { padding: 1px 3px; } ul.topiclist dt { display: block; float: right; width: 60%; font-size: 1.1em; padding-left: 3px; padding-right: 3px; } ul.topiclist dfn { display: none; } ul.forums { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); background-repeat: repeat-x; color: #ff80c0; }[/font]
تابع باقي الورقه
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:24 am الكود: [font=Simplified Arabic Fixed]ul.forums li.row dl { min-height: 1px; } * html ul.forums li.row dl { height: 1px; } li.header dl.icon { min-height: 0; } li.header dt { font-weight: bold; } li.header dd { margin-left: 1px; } dl.icon { min-height: 20px; background-position: 1px 50%; background-repeat: no-repeat; height: auto !important; height: 20px; } dl.icon dt { background-repeat: no-repeat; background-position: 99.5% 95%; } ul.topics dl.icon { background-position: 99% 50%; } ul.topics li.header dl.icon dt { padding-left: 60px; padding-right: 0px; } ul.topics dt { padding-right: 50px; display: block; float: right; width: 50%; } ul.topics dd { display: block; float: right; } ul.pmlist dl.icon { background-position: 99% 50%; } li.header dt, li.header dd { line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; color: #47011f; padding-top: 2px; padding-bottom: 2px; font-size: 1.1em; font-family: Arabic Transparent,Arabic Transparent; text-transform: uppercase; } li.row { border-top: 2px solid #FBC4DD ; border-bottom: 2px solid #FBC4DD ; } li.row:hover { background-color: #FBC4DD ; } ul.topiclist dd { border-right: 2px solid #FBC4DD ; display: block; float: right; padding: 2px 1px; } ul.topiclist li.header dl dd { border: none; } ul.pmlist dt { padding-right: 45px; } ul.forums dd { border-color: #ffbdd6; border-right-style: 1px solid; border-right-width: 1px; } li.row:hover dd { border-left-color: #ffbdd6; } dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span { display: block; padding-right:2px; } /* Panel----------------------------------------------*/.panel { margin-bottom: 4px; padding: 0px 10px; background-color: #ffeff4; color: #db4379; height: 1%; } .content h2, .panel h2 { color: #ffbdd6; border-bottom: 1px solid #ffbdd6; font-weight: normal; font-size: 1em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em; } .panel h3 { margin: 0.5em 0; } .panel-left { float: left; width: 47%; } .panel-right { float: right; width: 47%; } .panel p { font-size: 1em; margin-bottom: 1em; line-height: 1.4em; } /* Post----------------------------------------------*/.post { padding: 0 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; } .postprofile { color: #40a0ff; margin: 5px 0 0px 0; min-height: 80px; border-left-style: solid; border-left-width: 2px; border-color: #D44686; width: 22%; float: right; display: inline; } * html .postprofile { overflow: hidden; } .postprofile dd, .postprofile dt { line-height: 1.1em; margin: 0px 8px 0px 0px; } .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { font-weight: bold; color: #D44686; text-decoration: none; } .postprofile a:hover, .postprofile dt.author a:hover { text-decoration: underline; color: #d31141; } /* dl dt dd----------------------------------------------*/dd.lastpost { width: 20%; font-size: 1em; } dd.mark { float: left !important; width: 9%; text-align: center; line-height: 200%; font-size: 1.1em; } dd.posts, dd.topics, dd.views { width: 8%; text-align: center; line-height: 2.2em; font-size: 1.1em; } span.padding { padding-left: 5px; } dd.info { width: 30%; } dl.details { font-size: 1.1em; margin-right: 20px; } dl.details dt { float: right; width: auto; text-align: left; color: #D44686; display: green; } dl.details dd { margin-right: 25%; padding-right: 5px; margin-bottom: 5px; color: #D44686; } * html dl.details dd { margin-right: 20%; } .span-tab { margin-right: 10px; font-size: 0.9em; } /* Cp-main----------------------------------------------*/#cp-main { float: left; width: 98%; margin-left: 20px; } * html #cp-main { margin-left: 10px; } #cp-main h2 { color: #db4379; border-bottom: none; padding: 2px; margin-left: 10px; } #cp-main h3, #cp-main hr { border-color: #bfbfbf; } #cp-main .content { padding: 2px; } ul.cplist { margin-bottom: 5px; border-top: 1px solid #ffbdd6; } /* Panel----------------------------------------------*/#cp-main .panel { background-color: #fbe4ee; } #cp-main .panel p { font-size: 1.1em; } #cp-main .panel ol { margin-left: 2em; font-size: 1.1em; } #cp-main .panel li.row { border-bottom: 2px solid #ffbdd6; border-top: 2px solid #ffbdd6; } /* Table----------------------------------------------*/#cp-main table.table1 { margin-bottom: 1em; } #cp-main table.table1 thead th { color: #db4379; font-weight: bold; border-bottom: 3px solid #333333; padding: 5px; } #cp-main table.table1 tbody th { font-style: italic; background-color: transparent !important; border-bottom: none; } /* Table----------------------------------------------*/#ucp-main table.table1 { padding: 2px; } table.table1 { width: 99%; /* IE < 6 browsers */width: 100%; } html>body table.table1 { width: 100%; } table.table1 thead th { font-weight: normal; text-transform: uppercase; color: #47011f; line-height: 1.3em; font-size: 1.1em; padding: 0 0 4px 3px; } table.table1 thead th span { padding-left: 7px; } table.table1 tbody tr { border: 1px solid #ffeff4; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #f6f4d0; color: #db4379; } table.table1 td { color: #db4379; font-size: 1em; } table.table1 tbody td { padding: 5px; border-top: 2px solid #ffbdd6; } table.table1 tbody th { padding: 5px; border-bottom: 2px solid #D44686; text-align: left; color: #47011f; background-color: #ffeff4; } table.table1 .name{ text-align: right; } table.table1 .posts{ text-align: center !important; width: 7%; } table.table1 .joined{ text-align: right; width: 15%; } table.table1 .active{ text-align: right; width: 15%; } table.table1 .mark{ text-align: center; width: 7%; } table.table1 .info{ text-align: left; width: 30%; } table.table1 .info div{ width: 100%; white-space: nowrap; overflow: hidden; } table.table1 .autocol{ line-height: 2em; white-space: nowrap; } table.table1 thead .autocol { padding-left: 1em; } table.table1 .stats{ text-align: center; width: 12%; } table.table1 .edit{ width: 5%; text-align: right; vertical-align: top; } table.table1 .alignv{ vertical-align: top; } /* FAQ----------------------------------------------*/dl.faq { font-family: Arabic Transparent; font-size: 1.1em; margin-top: 1em; margin-bottom: 2em; line-height: 1.4em; } dl.faq dt { font-weight: bold; color: #db4379; } dl.faq dd p { text-align: justify; border: 1px dashed #ffbdd6; padding: 5px; margin: 5px; font-size: 1.1em; } .content dl.faq { font-size: 1.1em; margin-bottom: 0.5em; } /* Tabs----------------------------------------------*/#tabs { line-height: normal; margin: 20px 7px -1px 0px; min-width: 570px; } #tabs ul { margin:0; padding: 0; list-style: none; } #tabs li { display: inline; margin: 2px; padding: 2px; font-size: 1em; font-weight: bold; float: right; } #tabs a { float: left; background: #ffeff4 none no-repeat 0% -35px; margin: 0 1px 0 0; padding: 0 0 0 5px; text-decoration: none; position: relative; cursor: pointer; } #tabs a span { float: left; display: block; background: none no-repeat 100% -35px; padding: 6px 10px 6px 5px; color: #db4379; white-space: nowrap; } #tabs a:hover span { color: #d31141; } #tabs .activetab a { background-position: 0% 20px; border-bottom: 2px solid #fbe4ee; background-color: #fbe4ee; } #tabs .activetab a span { background-position: 100% 0; padding-bottom: 7px; color: #333333; } #tabs a:hover { background-position: 0 -70px; background-color: #fbe4ee; } #tabs a:hover span { background-position:100% -70px; } #tabs .activetab a:hover { background-position: 0% 20px; } #tabs .activetab a:hover span { color: #D44686; background-position: 100% 0; } #tabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls { height: 1%; } #tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Smilies-------------------------------------------------*/#smiley-box { float: left; margin-top: 25px; width: 18%; background-color: #ffeff4; } #smiley-box-wysiwyg { float: right; margin: 25px 30px 0px 0px; width: 20%; background-color: #ffeff4; } * html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } *+html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } #smiley-box iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 280px; background-color: #ffeff4; } #smiley-box-wysiwyg iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 280px; background-color: #ffeff4; }[/font]
تابع الورقه
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:26 am الكود: [font=Simplified Arabic Fixed].smiley-element img { padding: 0px 5px; margin-bottom: 10px } /* Page numbering-------------------------------------------------*/.pagination { height: 1%; width: auto; margin-top: 5px; text-align: left; float: left; padding-left: 5px; } .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { font-weight: normal; text-decoration: none; color: #5C758C; background-color: #fbe4ee; margin: 0 2px; padding: 0 2px; border: 2px solid #B4BAC0; font-size: 0.9em; line-height: 1.5em; } .pagination span a:hover { border-color: #368AD2; background-color: #892436; color: #FFF; text-decoration: none; } .pagination span a.pag-img { border: none; background-color: transparent; } .pagination span a.pag-img:hover { background-color: transparent; } .pagination span strong { padding: 0 2px; margin: 0 2px; background-color: #627DA3; border: 2px solid #627DA3; color:#FFFFFF; font-size: 0.9em; } .row .pagination { display: block; float: left; width: auto; margin-top: 0; padding: 1px 0px 1px 15px; font-size: 0.9em; background: url("http://2img.net/i/fa/prosilver/icon_pages.gif") 0pt 50% no-repeat; } .pagination span.page-sep { display:inline; position:absolute; visibility:hidden; } #cp-main .pagination { float: right; width: auto; padding-top: 1px; } /* Postbody (preview)---------------------------------------------------*/.postbody { padding: 0; line-height: 1.48em; color: #20a0ff ; width: 76%; float: left; clear: both; } .postbody h3 { font-size: 1.1em; padding: 2px 0 0 0; margin: 0 0 0.3em 0 !important; text-transform: none; border: none; font-family: Arabic Transparent; line-height: 125%; color: #20a0ff ; } .postbody .content { font-size: 1.1em; } .postbody ul.profile-icons { width: auto; padding: 0; margin-left: 50px; } .postbody ul.profile-icons li { margin: 0 3px; } .postbody h3 img { vertical-align: bottom; } * html .postbody h3 img { vertical-align: middle; } .search .postbody { width: 68%} #cp-main .postbody p { font-size: 1.1em; } #cp-main .postbody h3 { margin-top: 0; } .content { color: #db4379; min-height: 3em; overflow: hidden; line-height: 1.4em; font-family: Arabic Transparent; font-size: 1em; } .content blockquote { color: #20a0ff ; } .content p { font-family: Arabic Transparent; font-size: 1em; margin-bottom: 1em; line-height: 1.4em; } .content li { list-style-type: inherit; } .content ul, .content ol { margin-bottom: 1em; margin-left: 3em; } /* Profile icons-------------------------------------------------*/ul.profile-icons { margin-top: 10px; list-style: none; } ul.profile-icons li { float: left; margin: 0 6px 3px 0; background-position: 0 100%; } * html ul.profile-icons li { width: 1px; } ul.profile-icons li a { display: block; width: 100%; height: 100%; background-position: 0 0; } .postprofile ul.profile-icons li { float: right; margin: 0 0px 3px 6px; } ul.profile-icons li span { display:none; } ul.profile-icons li a:hover { background: none; } /* Message-box-------------------------------------------------*/#message-box textarea { color: #db4379; font-family: Arabic Transparent; width: 80%; font-size: 1.1em; } /* Modules-------------------------------------------------*/.module { margin-bottom: 4px; padding: 0 10px; background-color: #ffeff4; color: #db4379; } .module span.corners-top, .module span.corners-bottom { margin: 0 -10px; } .module h3 { margin: 0.5em 0; color: #db4379; border-bottom: 3px solid #db4379; } /* Overview-------------------------------------------------*/.overview { border: 3px solid Red; } .title-overview { margin: 0px; padding: 5px 10px; text-align: center; } .center-overview { padding: 5px 20px 0px 20px; text-align: center; } .left-overview { text-align: left; padding: 5px 10px 0px 10px; } /* Calendar-------------------------------------------------*/#calendar ul { height: 120px; list-style-type: none; background-color: #fbe4ee; } #calendar ul:hover { background-color: #f6f4d0; } #calendar ul li { padding: 3px 0px 0px 10px; } #calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover { background-color: transparent; } #calendar .no-border { border: none; } #calendar .center { text-align: center; } #calendar .hover-td:hover { background-color: #f6f4d0; } p.right-event { text-align: left; margin: 0px; padding: 0px; } /* Signature-------------------------------------------------*/.signature { font-size: 1.1em; border-top: 1px solid Gray; clear: center; line-height: 140%; overflow: hidden; width: 100%; margin-top: 1.1em; border-bottom:1px solid Gray; border-left:1px solid Gray; border-right:1px solid Gray; } /* Gallery-------------------------------------------------*/.gallery { float: right; margin: 0px 1% 0px 0px; padding-top: 10px; min-height: 125px; } * html .gallery { margin-left: 0px 8px 0px 0px; height: 125px; } .gallery:hover { background-color: #f6f4d0; } .info-gallery { margin: 0px !important; padding: 5px; text-align: center; } .effect { vertical-align: middle; margin-right: 15px; } .helpline { width: 450px; font-size: 10px; border: none; background-color: transparent; } .gallery-avatar { height: 260px; width: 190px; text-align: center; margin: 0px 0px 20px 30px; } .gallery-avatar img { padding-top: 15px; } .gallery-avatar:hover { background-color: #f6f4d0; } /* Buttons-------------------------------------------------*/.buttons { float: right; } .buttons div { float: left; margin: 0 5px 0 0; background-position: 0 100%; } .buttons div a { display: block; width: 100%; height: 100%; background-position: 0 0; } .buttons div.post-icon { width: auto; height: auto; } .buttons div span{ display: none; } .buttons div a:hover{ background-image: none; } #cp-main .buttons { margin-left: 0; } /* Topicreview-------------------------------------------------*/#topicreview { padding-right: 5px; overflow: auto; height: 300px; } #topicreview .postbody { width: auto; float: none; margin: 0; height: auto; } #topicreview .post { height: auto; } #topicreview h2 { border-bottom-width: 0; } /* Chatbox-------------------------------------------------*/#chatbox_contextmenu { border: 2px solid black; background-color: #fbe4ee; } #chatbox_contextmenu p { border-bottom: 2px solid #CECECE; padding: 5px 20px 5px 0px; margin: 0px; } #chatbox_contextmenu p.close { background-color: #fbe4ee; padding: 0px; } /* Statistiques------------------------------------------------------------------------------------------*/table.forumline { font-size: 1em; background-color: #ffbdd6; background-image: url('http://i22.servimg.com/u/f22/11/42/75/50/aaaa10.gif'); padding: 5px; background-repeat: repeat-x; background-position: 5px 10px; } table.forumline td.catHead { text-align: left; color: #47011f; font-family: Arabic Transparent,Arabic Transparent; text-transform: uppercase; font-size: 0.85em; font-weight: bold; padding-bottom: 10px; } table.forumline tr:hover td.catHead { background-color: transparent; } table.forumline th.thCornerL, table th.thTop, table th.thCornerR { background-color: #fbe4ee; height: 20px; } table.forumline td { height: 5px; } table.forumline tr:hover td { background-color: #f6f4d0; } /* Corners------------------------------------------------------------------------------------------*/span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span { font-size: 1px; line-height: 5px; display: block; height: 20px; background-repeat: no-repeat; } span.corners-top { background-image: none; background-position: 0 30px; margin: 0 -10px; } span.corners-top span { background-image: none; background-position: 100% 0; } span.corners-bottom { background-image: none; background-position: 0 100%; margin: 0 -10px; clear: both; } span.corners-bottom span { background-image: none; ; background-position: 100% 100%; } .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom { margin: 0 -5px; } span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /***************************************************************/#cp-main span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /***************************************************************/#cp-main .panel #topicreview span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /* Various-------------------------------------------------*/.row1{ background-color: #ffeff4; } .row2{ background-color: #fbe4ee; } .row3{ background-color: #fbe4ee; } .img-whois { float: left; margin-right: 5px; } .topic-actions { margin-bottom: 5px; margin-top: 1em; font-size: 1em; height: auto; } *+html .topic-actions { margin-top: 1em; } .column1 { float: right; clear: right; width: 46%; margin-right: 3%; border-left: 2px solid #ffbdd6; } .column2 { float: left; clear: left; width: 46%; margin-right: 3%; } * html .column1, * html .column2 { width: 45%; } .left-box { float: right; text-align: right; width: auto; } .right-box { float: left; text-align: left; width: auto; } .clear { display: Red; clear: both; font-size: 2px; line-height: 2px; background: transparent; height: 1%; } .online { background-image: url("http://i22.servimg.com/u/f22/11/42/75/50/untitl18.gif"); background-position: left 0; background-repeat: no-repeat; } .autowidth { width: auto !important; } .italic { font-style: italic; } .pathname-box { margin-left: 5px 10px 5px 5px; float: right; } .pathname-box p { margin-bottom: 5px; } #format-buttons { margin: 15px 0 2px 0; } #format-buttons input, #format-buttons select { vertical-align: middle; } ul#picture_legend, ul#privmsgs-menu { text-align: center; } ul#picture_legend li, ul#privmsgs-menu li { display: inline; margin: 5px 10px; } ul#picture_legend li img, ul#privmsgs-menu li img { vertical-align: middle; } input.checkbox { width: auto !important; background-color: transparent !important; } .postlink { color: #368AD2; border-bottom-color: #368AD2; } .postlink:visited { color: #5D8FBD; border-bottom-color: #666666; } .postlink:active { color: #368AD2; } .postlink:hover { background-color: #D0E4F6; color: #0D4473; } ul.topiclist li.row dt a.subforum { background-image: none; background-position: 0 50%; background-repeat: no-repeat; position: relative; white-space: nowrap; padding: 0 0 0 12px; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { color: #6080ff; } html>body dd label input { vertical-align: text-bottom; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { color: #6080ff; margin-bottom: 5px; } .mcp-main .postbody { width: 100%; } .pmlist li.row1 { border: solid 3px transparent; border-width: 1px 3px; } .pmlist li.row2 { border: 3px solid transparent; border-width: 1px 3px; } dd.lastpost span.color-groups { float: right; padding-right: 5px; } /* Footer---------------------------------------------------*/.copyright { padding: 10px; text-align: center; color: #ffeff4; }[/font]
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:33 am ونظرا لكون ورقة التصميم موجوده فى الموضوع الاول فلا داعى لوضعها مره اخرى
وسيقتصر الشرح هنا على التعديلات الجديده التى ساقوم بها على الورقه
طبعا هو تعديل واحد ولكن سيكون على اغلب اكواد css
ضع هذا الكود
الكود: background-color: #ضع لونا; background-image: url("رابط الصوره التى تناسب شكل منتداك");
مكان الكود: [font=Simplified Arabic Fixed]color: #20a0ff ; background-color: #FDF1F7;[/font]
اينما وجد فى الورقه وكذلك يمكنك استعمال الكود بدل الكود: color: #892436;
اينما وجدت فى الصفحه وستحصل على شكل يضاهى منتديات الفى بى بل يفوقها وهذا تدليل مصور على ما قلته صوره لخلفية معلومات كاتب الموضوع صوره لخلفية الموضوع والردود مغايره لخلفية معلومات كاتب الموضوع صوره لخلفية من على الخط والمتواجدين اخر xxx ساعه صوره لخلفية المواضيع داخل القسم صوره لشكل التوقيع بعد التعديلات صوره للملف الشخصى للعضو صورة للبيانات الشخصيه هذه بعض الصور على سبيل المثال وليس الحصر لنتيجة التغير الذى حدث ــــــملحوظه مهمه : قد يظن البعض ان قيامه بالتعديلات سيترتب عليه خروج المنتدى بنفس الشكل الذى عليه تلك الصور ولكن يمكن من خلال الورقه ان تقوم بتركيب الاستايل الذى تريد باللون الذى تريد وذلك من خلال تغير الصور والالوان بداخل الورقه بعد ذلك ستحصل على الاستايل بالشكل الذى قمت به بعد التغير وكل ما عليك هو نسخ رابط الصوره ضعه فى عنوان الاكسبلور حتى تعمل عليها مشاهده وبعد ذلك استبدل مكانها بالصوره التى تريد وضعها فى نفس المكان واخيرا اذا كان الموضوع على النهج الذى ينال اعجابكم ويطور من شكل منتدياتكم فساقوم بضمه الى الموضوع السابق كتكمله لكه
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:39 am الورقه بعد التعديل عليها بالصوره النهائيه سيتم وضع الورقه
الجزء الاول
الكود: [font=Simplified Arabic Fixed]* { margin: 0px; padding: 0px; } html { font-size: 100%; height: 100%; } #min-width { min-width: 750px; } body { direction: rtl; text-align: right; font-family: Arabic Transparent; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); background-color: #FDF1F7; background-image: url('http://i13.servimg.com/u/f13/11/42/75/50/as101010.jpg'); background-attachment: fixed; font-size: 15px; height: auto; padding: 7px 0px; scrollbar-face-color: #FFDAEC; scrollbar-highlight-color: #FFDAEC; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #cb92d6; scrollbar-darkshadow-color: #; } * html .conteneur_minwidth_IE { /* Hack IE min-width */padding-left: 750px; } * html .conteneur_container_IE { /* Hack IE min-width */margin-left: -750px; position: relative; } * html .conteneur_minwidth_IE, * html .conteneur_container_IE, * html .conteneur_layout_IE { /* Hack IE min-width */height: 2px; } #wrap { width:87%; margin: 0px auto; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); border: 1px #ffbdd6 solid; padding: 1px; } #simple-wrap { padding: 6px 10px; } #page-body { margin: 1px 0; clear: both; } #page-footer { clear: both; } page-footer h2 #fbe4ee{ margin-top: 5px; } #add-google { text-align: center; } /* Tags-------------------------------------------------*/h2 { font-family: Arabic Transparent; font-weight: normal; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); font-size: 1.1em; margin: 0.8em 0 0.2em 0; } h2.solo { margin-bottom: 1em; } h3 { font-family: Arabic Transparent; text-transform: uppercase; border-bottom: 1px solid #ffbdd6; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.1em; color: #ffbdd6; margin-top: 5px; } input { font-weight: normal; cursor: pointer; vertical-align: middle; padding: 0 3px; font-size: 1.1em; font-family: Arabic Transparent; } select { font-family: Arabic Transparent; font-weight: normal; cursor: pointer; vertical-align: middle; border: 2px solid #892436; padding: 1px; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } option { padding-right: 1em; } textarea { font-family: Arabic Transparent; width: 60%; padding: 2px; font-size: 1.1em; line-height: 1.4em; } p { line-height: 1.3em; font-size: 1.1em; margin-bottom: 0.5em; } p.right { text-align: left; margin: 5px; } p.center { text-align: center; margin: 2px; } p.author { margin: 0 0 0.6em 15em; padding: 0 0 5px 0; font-family: Arabic Transparent; font-size: 1.1em; line-height: 1.2em; } p.nomargin { line-height: 1.3em; font-size: 1.1em; margin-bottom: 0em; } fieldset { border-width: 0; font-family: Arabic Transparent; font-size: 1em; } fieldset.jumpbox { text-align: left; margin-top: 15px; height: 2.5em; } fieldset.quickmod { width: 50%; float: left; text-align: left; height: 2.5em; } label { cursor: default; padding-right: 5px; color: #db4379; } label input { vertical-align: middle; } label img { vertical-align: middle; } hr { border: 0 none #ffbdd6; border-top: 1px solid #ffbdd6; height: 1px; margin: 5px 0; display: block; clear: both; } hr.dashed { border-top: 2px dashed #ffbdd6; margin: 5px 0; } img { border-width: 0; } blockquote { padding: 5px; background: #f5eeb6 url("http://2img.net/i/fa/prosilver/quote_rtl.gif") right 8px no-repeat; border: 2px solid #DBDBCE; font-size: 0.95em; margin: 1em 25px 1em 1px; overflow: hidden; } blockquote div { margin-right: 10px; } blockquote blockquote { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); font-size: 1em; margin: 0.5em 10px 3pt 5px; } blockquote blockquote blockquote { background-color: #f5eeb6; } blockquote cite { font-style: normal; font-weight: bold; display: block; font-size: 0.9em; } blockquote cite cite { font-size: 1.1em; } blockquote.uncited { padding-top: 20px; } ul { list-style-type: none; } ul.ul-icons { float: right; margin: 0 10px; } * html table, * html select, * html input { font-size: 100%; } * html hr { margin: 0; } /* Links-----------------------------------------------------*/a:link{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); text-decoration: none; } a:visited{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); text-decoration: none; } a:active{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); text-decoration: underline; } a:hover{ color: #d31141; text-decoration: none; } a.forumtitle { color: #892436; font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 1.1em; font-weight: bold; text-decoration: none; } a.forumtitle:hover { color: #d31141; text-decoration: underline; } a.forumtitle:active { color: #892436; } a.topictitle { font-family: Arabic Transparent; font-size: 1.1em; font-weight: bold; color: #892436; text-decoration: none; } a.topictitle:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); text-decoration: underline; } a.topictitle:active { color: #892436; } /* Input------------------------------------------------------*/.inputbox { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); border: 3px solid #BCBCBC; color: #db4379; padding: 5px; cursor: text; } .inputbox:hover { border: 3px solid #ffbdd6; } .inputbox:focus { border: 3px solid #ffbdd6; color: #db4379; } input.inputbox{ width: 85%; } input.medium{ width: 50%; } input.narrow{ width: 25%; } input.tiny{ width: 110px; } textarea.inputbox { width: 87%; } /* Input Button Form---------------------------------------------------------*/input.button1, input.button2 { font-size: 1.1em; } a.button1, input.button1 { font-weight: bold; border: 1px solid #2080ff; } a.button2, input.button2 { border: 1px solid #2080ff; } a.button1, input.button1, a.button2, input.button2 { width: auto !important; font-family: Arabic Transparent; background-color: #FFDAEC; background-image: url("http://www.gify.nou.cz/srdce5_soubory/241.gif"); background-repeat: repeat-x; color: #FFDAEC; background-position: top; overflow: visible; font-size: 1em; } a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover { border: 1px solid #d31141; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); background-position: 0 100%; font-size: 1em; } a.button1:link, a.button1:visited, a.button1:active, a.button2:link, a.button2:visited, a.button2:active { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); text-decoration: none; padding: 2px 8px; line-height: 250%; vertical-align: text-bottom; background-position: 0 3px; } * html input.button1, * html input.button2 { padding-bottom: 0; margin-bottom: 3px; } /* Fieldset dl---------------------------------------------------------*/fieldset dl { padding: 4px 0; } fieldset dt { float: right; text-align: right; width: 40%; display: block; } fieldset dd { margin: 0px 41% 3px 0px; vertical-align: top; } fieldset dl:hover dt label { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } dt label { font-weight: bold; text-align: left; } dd label { white-space: nowrap; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } dd input, dd textarea { margin-right: 3px; } dd select { width: auto; } dd textarea { width: 85%; } /* Fieldset fields 1 et 2---------------------------------------------*/fieldset.fields1 dt { width: 10em; border-right-width: 0; } fieldset.fields1 dd { margin-right: 10em; border-right-width: 0; } fieldset.fields1 { background-color: transparent; } fieldset.fields1 div { margin-bottom: 3px; } fieldset.fields2 dt { width: 15em; border-right-width: 0; } fieldset.fields2 dd { margin-left: 16em; border-left-width: 0; } fieldset.fields2 dl:hover dt label { color: inherit; } /* Fieldset submit---------------------------------------------*/fieldset.submit-buttons { text-align: center; vertical-align: middle; margin: 5px 0; } fieldset.submit-buttons input { vertical-align: middle; padding-top: 3px; padding-bottom: 3px; } /* Fieldset polls---------------------------------------------*/fieldset.polls { font-family: Arabic Transparent; } fieldset.polls dl { margin-top: 5px; border-top: 1px solid #e2e2e2; padding: 5px 0 0 0; line-height: 120%; color: #db4379; } fieldset.polls dt { text-align: left; float: left; display: block; width: 30%; border-right: none; padding: 0; margin: 0; font-size: 1.1em; } fieldset.polls dd { float: left; width: 10%; border-left: none; padding: 0 5px; margin-left: 0; font-size: 1.1em; }[/font]
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:46 am الجزء الثاني الكود: [font=Simplified Arabic Fixed]/* Header-------------------------------------------------*/.headerbar { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); height: 1%; /* Hack IE layout */background-image: url ('http://i13.servimg.com/u/f13/11/42/75/50/untitl10.gif'); margin-bottom: 5px; padding: 0pt 5px; background-repeat: repeat-x; } #logo-desc { margin: 0px; padding: 0px; text-align: center; } #logo { float: none; padding: 5px; } a#logo:hover { text-decoration: none; } h1 { font-family: ; color: #ec55a3; font-size: ; padding-top: 15px; } #logo-desc p { margin: 0px; padding: 0px; color: #ec55a3; } /* Menu-------------------------------------------------*/.navbar { clear: both; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); padding:0px 5px; } ul.navlinks { border-bottom: 2px solid #FBE4EE; font-weight: bold; text-align: right; } ul.linklist li { list-style-type: none; width: auto; font-size: 1.1em; line-height: 2.2em; display: inline; } ul.linklist li a img { vertical-align: middle; } .search-box { margin: 3px 5px 0px 0px; float: right; } #search-box { margin: 10px 0px 0px 5px; float: left; white-space: nowrap; /* For Opera */} * html #search-box { margin: 5px 0px 0px 25px; } #search-box #keywords { width: 50px; background-color: #ffeff4; } #search-box input { border: 1px solid #BCBCBC; font-size: 0.9em; } *+html #search-box input { height: 1%; background-position: top right; } * html #search-box input { height: 1%; background-position: top right; } #search-box input.button1 { padding: 1px 5px; } input.search { background-image: url('http://2img.net/i/fa/prosilver/icon_textbox_search.gif'); background-repeat: no-repeat; background-position: right 1px; padding: 0px 15px 0px 0px; } ul.linklist li.rightside { margin-top: -30px; float: left; } p.rightside { float: left; margin-left: 5px; } /* Code block ------------------------------------------------*/dl.codebox { padding: 3px; background-color: #FFFFFF; border: 3px solid #C9D2D8; font-size: 1.1em; } dl.codebox dt { text-transform: uppercase; border-bottom: 3px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block; } blockquote dl.codebox { margin-left: 0; } dl.codebox code { overflow: auto; display: block; height: auto; max-height: 200px; white-space: normal; padding-top: 5px; font: 0.9em Arabic Transparent; line-height: 1.3em; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); margin: 2px 0; } /* Table-------------------------------------------------*/.forabg { margin-bottom: 40px; clear: both; background-color: #FFEDED; background-image: url('http://i13.servimg.com/u/f13/11/42/75/50/s10.gif'); background-repeat: repeat-x; background-position:0px 0px; background-position: top right; border: 0px solid #ED97B4; padding: 0px 0px; height: 1%; } .forumbg { background-color: #FFEDED; background-image: url('http://i19.servimg.com/u/f19/11/42/75/50/untitl15.gif'); background-repeat: repeat-x; background-position: 2px 2px; border: 2px solid #ED97B4 ; padding: 0px 0px; margin-bottom: 5px; clear: both; height: 1%; } .forumbg table.table1 { margin: 0px -5px -0px -0px; } ul.topiclist { list-style-type: none; margin: 0px; height: 1%; background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/untitl12.jpg"); background-repeat: repeat-x; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } ul.topiclist li { display: block; margin: 1px; } * html ul.topiclist li { position: relative; } ul.topiclist li.row dl { padding: 1px 3px; } ul.topiclist dt { display: block; float: right; width: 60%; font-size: 1.1em; padding-left: 3px; padding-right: 3px; } ul.topiclist dfn { display: none; } ul.forums { background-color: #FFDAEC; background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/s10.gif"); background-repeat: repeat-x; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } ul.forums li.row dl { min-height: 1px; } * html ul.forums li.row dl { height: 1px; } li.header dl.icon { min-height: 0; } li.header dt { font-weight: bold; } li.header dd { margin-left: 1px; } dl.icon { min-height: 20px; background-position: 1px 50%; background-repeat: no-repeat; height: auto !important; height: 20px; }[/font]
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:48 am الجزء الثالث
الكود: [font=Simplified Arabic Fixed]dl.icon dt { background-repeat: no-repeat; background-position: 99.5% 95%; } ul.topics dl.icon { background-position: 99% 50%; } ul.topics li.header dl.icon dt { padding-left: 60px; padding-right: 0px; } ul.topics dt { padding-right: 50px; display: block; float: right; width: 50%; } ul.topics dd { display: block; float: right; } ul.pmlist dl.icon { background-position: 99% 50%; } li.header dt, li.header dd { line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; background-color: #FFDAEC; background-image: url("http://i17.servimg.com/u/f17/11/42/75/50/as10.gif"); padding-top: 2px; padding-bottom: 2px; font-size: 1.1em; font-family: Arabic Transparent,Arabic Transparent; text-transform: uppercase; } li.row { border-top: 2px solid #FBC4DD ; border-bottom: 2px solid #FBC4DD ; } li.row:hover { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } ul.topiclist dd { border-right: 2px solid #FBC4DD ; display: block; float: right; padding: 2px 1px; } ul.topiclist li.header dl dd { border: none; } ul.pmlist dt { padding-right: 45px; } ul.forums dd { border-color: #ffbdd6; border-right-style: 1px solid; border-right-width: 1px; } li.row:hover dd { border-left-color: #ffbdd6; } dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span { display: block; padding-right:2px; } /* Panel----------------------------------------------*/.panel { margin-bottom: 4px; padding: 0px 10px; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); height: 1%; } .content h2, .panel h2 { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); border-bottom: 2px solid #ffbdd6; font-weight: normal; font-size: 1em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em; } .panel h3 { margin: 0.5em 0; } .panel-left { float: left; width: 47%; } .panel-right { float: right; width: 47%; } .panel p { font-size: 1em; margin-bottom: 1em; line-height: 1.4em; } /* Post----------------------------------------------*/.post { padding: 0 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; } .postprofile { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); margin: 5px 0 0px 0; min-height: 100px; border-left-style: solid; border-left-width: 2px; border-color: #D44686; width: 22%; float: right; display: inline; } * html .postprofile { overflow: hidden; } .postprofile dd, .postprofile dt { line-height: 1.1em; margin: 0px 8px 0px 0px; } .postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a { font-weight: bold; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); text-decoration: none; } .postprofile a:hover, .postprofile dt.author a:hover { text-decoration: underline; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } /* dl dt dd----------------------------------------------*/dd.lastpost { width: 20%; font-size: 1em; } dd.mark { float: left !important; width: 9%; text-align: center; line-height: 150%; font-size: 1.1em; } dd.posts, dd.topics, dd.views { width: 8%; text-align: center; line-height: 2.2em; font-size: 1.1em; } span.padding { padding-left: 5px; } dd.info { width: 30%; } dl.details { font-size: 1.1em; margin-right: 20px; } dl.details dt { float: right; width: auto; text-align: left; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); display: green; } dl.details dd { margin-right: 25%; padding-right: 5px; margin-bottom: 5px; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } * html dl.details dd { margin-right: 20%; } .span-tab { margin-right: 10px; font-size: 0.9em; } /* Cp-main----------------------------------------------*/#cp-main { float: left; width: 98%; margin-left: 20px; } * html #cp-main { margin-left: 10px; } #cp-main h2 { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); border-bottom: none; padding: 2px; margin-left: 10px; } #cp-main h3, #cp-main hr { border-color: #bfbfbf; } #cp-main .content { padding: 2px; } ul.cplist { margin-bottom: 5px; border-top: 2px solid #ffbdd6; } /* Panel----------------------------------------------*/#cp-main .panel { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } #cp-main .panel p { font-size: 1.1em; } #cp-main .panel ol { margin-left: 2em; font-size: 1.1em; } #cp-main .panel li.row { border-bottom: 2px solid #ffbdd6; border-top: 2px solid #ffbdd6; } /* Table----------------------------------------------*/#cp-main table.table1 { margin-bottom: 1em; } #cp-main table.table1 thead th { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); font-weight: bold; border-bottom: 3px solid #333333; padding: 5px; } #cp-main table.table1 tbody th { font-style: italic; background-color: transparent !important; border-bottom: none; } /* Table----------------------------------------------*/#ucp-main table.table1 { padding: 2px; } table.table1 { width: 99%; /* IE < 6 browsers */width: 100%; } html>body table.table1 { width: 100%; } table.table1 thead th { font-weight: normal; text-transform: uppercase; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); line-height: 1.3em; font-size: 1.1em; padding: 0 0 4px 3px; } table.table1 thead th span { padding-left: 7px; } table.table1 tbody tr { border: 2px solid #ffeff4; } table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); color: #db4379; } table.table1 td { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); font-size: 1em; } table.table1 tbody td { padding: 5px; border-top: 2px solid #ffbdd6; } table.table1 tbody th { padding: 5px; border-bottom: 2px solid #D44686; text-align: left; color: #47011f; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } table.table1 .name{ text-align: right; } table.table1 .posts{ text-align: center !important; width: 7%; } table.table1 .joined{ text-align: right; width: 15%; } table.table1 .active{ text-align: right; width: 15%; } table.table1 .mark{ text-align: center; width: 7%; } table.table1 .info{ text-align: left; width: 30%; } table.table1 .info div{ width: 100%; white-space: nowrap; overflow: hidden; } table.table1 .autocol{ line-height: 2em; white-space: nowrap; } table.table1 thead .autocol { padding-left: 1em; } table.table1 .stats{ text-align: center; width: 12%; } table.table1 .edit{ width: 5%; text-align: right; vertical-align: top; } table.table1 .alignv{ vertical-align: top; } /* FAQ----------------------------------------------*/dl.faq { font-family: Arabic Transparent; font-size: 1.1em; margin-top: 1em; margin-bottom: 2em; line-height: 1.4em; } dl.faq dt { font-weight: bold; background-color: #FFDAEC; } dl.faq dd p { text-align: justify; border: 1px dashed #ffbdd6; padding: 5px; margin: 5px; font-size: 1.1em; } .content dl.faq { font-size: 1.1em; margin-bottom: 0.5em; } /* Tabs----------------------------------------------*/#tabs { line-height: normal; margin: 20px 7px -1px 0px; min-width: 570px; } #tabs ul { margin:0; padding: 0; list-style: none; } #tabs li { display: inline; margin: 2px; padding: 2px; font-size: 1em; font-weight: bold; float: right; } #tabs a { float: left; background: #ffeff4 none no-repeat 0% -35px; margin: 0 1px 0 0; padding: 0 0 0 5px; text-decoration: none; position: relative; cursor: pointer; } #tabs a span { float: left; display: block; background: none no-repeat 100% -20px; padding: 6px 10px 6px 5px; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); white-space: nowrap; } #tabs a:hover span { color: #d31141; } #tabs .activetab a { background-position: 0% 20px; border-bottom: 2px solid #fbe4ee; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } #tabs .activetab a span { background-position: 100% 0; padding-bottom: 7px; color: #333333; } #tabs a:hover { background-position: 0 -70px; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } #tabs a:hover span { background-position:100% -70px; } #tabs .activetab a:hover { background-position: 0% 20px; } #tabs .activetab a:hover span { color: #D44686; background-position: 100% 0; } #tabs, .post, .navbar, fieldset dl, ul.topiclist dl, ul.linklist, dl.polls { height: 1%; } #tabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Smilies-------------------------------------------------*/#smiley-box { float: left; margin-top: 25px; width: 18%; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } #smiley-box-wysiwyg { float: right; margin: 25px 30px 0px 0px; width: 20%; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } * html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } *+html #smiley-box-wysiwyg { margin: 25px 3px 0px 0px; } #smiley-box iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 280px; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } #smiley-box-wysiwyg iframe{ border: none; overflow: auto; height: 300px; width: 100%; height: 280px; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } .smiley-element img { padding: 0px 5px; margin-bottom: 10px } /* Page numbering-------------------------------------------------*/.pagination { height: 1%; width: auto; margin-top: 5px; text-align: left; float: left; padding-left: 5px; } .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { font-weight: normal; text-decoration: none; color: #5C758C; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); margin: 0 2px; padding: 0 2px; border: 2px solid #B4BAC0; font-size: 0.9em; line-height: 1.5em; } .pagination span a:hover { border-color: #368AD2; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); color: #368AD2; text-decoration: none; } .pagination span a.pag-img { border: none; background-color: transparent; } .pagination span a.pag-img:hover { background-color: transparent; } .pagination span strong { padding: 0 2px; margin: 0 2px; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); border: 2px solid #627DA3; color:#368AD2; font-size: 0.9em; } .row .pagination { display: block; float: left; width: auto; margin-top: 0; padding: 1px 0px 1px 15px; font-size: 0.9em; background: url("http://2img.net/i/fa/prosilver/icon_pages.gif") 0pt 50% no-repeat; } .pagination span.page-sep { display:inline; position:absolute; visibility:hidden; } #cp-main .pagination { float: right; width: auto; padding-top: 1px; } /* Postbody (preview)---------------------------------------------------*/.postbody { padding: 0; line-height: 1.48em; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); width: 76%; float: left; clear: both; } .postbody h3 { font-size: 1.1em; padding: 2px 0 0 0; margin: 0 0 0.3em 0 !important; text-transform: none; border: none; font-family: Arabic Transparent; line-height: 125%; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .postbody .content { font-size: 1.1em; }[/font]
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:51 am الجزء الرابع
الكود: [font=Simplified Arabic Fixed].postbody ul.profile-icons { width: auto; padding: 0; margin-left: 50px; } .postbody ul.profile-icons li { margin: 0 3px; } .postbody h3 img { vertical-align: bottom; } * html .postbody h3 img { vertical-align: middle; } .search .postbody { width: 68%} #cp-main .postbody p { font-size: 1.1em; } #cp-main .postbody h3 { margin-top: 10px; } .content { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); min-height: 3em; overflow: hidden; line-height: 1.4em; font-family: Arabic Transparent; font-size: 1em; } .content blockquote { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } .content p { font-family: Arabic Transparent; font-size: 1em; margin-bottom: 1em; line-height: 1.4em; } .content li { list-style-type: inherit; } .content ul, .content ol { margin-bottom: 1em; margin-left: 3em; } /* Profile icons-------------------------------------------------*/ul.profile-icons { margin-top: 10px; list-style: none; } ul.profile-icons li { float: left; margin: 0 6px 3px 0; background-position: 0 100%; } * html ul.profile-icons li { width: 1px; } ul.profile-icons li a { display: block; width: 100%; height: 100%; background-position: 0 0; } .postprofile ul.profile-icons li { float: right; margin: 0 0px 3px 6px; } ul.profile-icons li span { display:none; } ul.profile-icons li a:hover { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } /* Message-box-------------------------------------------------*/#message-box textarea { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); font-family: Arabic Transparent; width: 80%; font-size: 1.1em; } /* Modules-------------------------------------------------*/.module { margin-bottom: 4px; padding: 0 10px; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); color: #db4379; } .module span.corners-top, .module span.corners-bottom { margin: 0 -10px; } .module h3 { margin: 0.5em 0; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); border-bottom: 3px solid #db4379; } /* Overview-------------------------------------------------*/.overview { border: 3px solid Red; } .title-overview { margin: 0px; padding: 5px 10px; text-align: center; } .center-overview { padding: 5px 20px 0px 20px; text-align: center; } .left-overview { text-align: left; padding: 5px 10px 0px 10px; } /* Calendar-------------------------------------------------*/#calendar ul { height: 120px; list-style-type: none; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } #calendar ul:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } #calendar ul li { padding: 3px 0px 0px 10px; } #calendar table.table1 tbody tr:hover, #calendar table.table1 tbody tr.hover { background-color: transparent; } #calendar .no-border { border: none; } #calendar .center { text-align: center; } #calendar .hover-td:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } p.right-event { text-align: left; margin: 0px; padding: 0px; } /* Signature-------------------------------------------------*/.signature { font-size: 1.1em; border-top: 1px solid Gray; clear: center; line-height: 140%; overflow: hidden; width: 100%; margin-top: 1.1em; border-bottom:1px solid Gray; border-left:1px solid Gray; border-right:1px solid Gray; } /* Gallery-------------------------------------------------*/.gallery { float: right; margin: 0px 1% 0px 0px; padding-top: 10px; min-height: 125px; } * html .gallery { margin-left: 0px 8px 0px 0px; height: 125px; } .gallery:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .info-gallery { margin: 0px !important; padding: 5px; text-align: center; } .effect { vertical-align: middle; margin-right: 15px; } .helpline { width: 450px; font-size: 10px; border: none; background-color: transparent; } .gallery-avatar { height: 260px; width: 190px; text-align: center; margin: 0px 0px 20px 30px; } .gallery-avatar img { padding-top: 15px; } .gallery-avatar:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } /* Buttons-------------------------------------------------*/.buttons { float: right; } .buttons div { float: left; margin: 0 5px 0 0; background-position: 0 100%; } .buttons div a { display: block; width: 100%; height: 100%; background-position: 0 0; } .buttons div.post-icon { width: auto; height: auto; } .buttons div span{ display: none; } .buttons div a:hover{ background-image: none; } #cp-main .buttons { margin-left: 0; } /* Topicreview-------------------------------------------------*/#topicreview { padding-right: 2px; overflow: auto; height: 300px; } #topicreview .postbody { width: auto; float: none; margin: 0; height: auto; } #topicreview .post { height: auto; } #topicreview h2 { border-bottom-width: 0; } /* Chatbox-------------------------------------------------*/#chatbox_contextmenu { border: 2px solid black; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } #chatbox_contextmenu p { border-bottom: 2px solid #CECECE; padding: 5px 20px 5px 0px; margin: 0px; } #chatbox_contextmenu p.close { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); padding: 2px; } /* Statistiques------------------------------------------------------------------------------------------*/table.forumline { font-size: 1em; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); padding: 5px; background-repeat: repeat-x; background-position: 5px 10px; } table.forumline td.catHead { text-align: left; background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); font-family: Arabic Transparent,Arabic Transparent; text-transform: uppercase; font-size: 0.85em; font-weight: bold; padding-bottom: 10px; } table.forumline tr:hover td.catHead { background-color: transparent; } table.forumline th.thCornerL, table th.thTop, table th.thCornerR { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); height: 20px; } table.forumline td { height: 5px; } table.forumline tr:hover td { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } /* Corners------------------------------------------------------------------------------------------*/span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span { font-size: 1px; line-height: 5px; display: block; height: 20px; background-repeat: no-repeat; } span.corners-top { background-image: none; background-position: 0 30px; margin: 0 -10px; } span.corners-top span { background-image: none; background-position: 100% 0; } span.corners-bottom { background-image: none; background-position: 0 100%; margin: 0 -10px; clear: both; } span.corners-bottom span { background-image: none; ; background-position: 100% 100%; } .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom { margin: 0 -5px; } span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /***************************************************************/#cp-main span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /***************************************************************/#cp-main .panel #topicreview span.corners-top { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-top span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-bottom { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } #cp-main .panel #topicreview span.corners-bottom span { background-image: url("http://i13.servimg.com/u/f13/11/42/75/50/as11.gif"); } /* Various-------------------------------------------------*/.row1{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .row2{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .row3{ background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .img-whois { float: left; margin-right: 5px; } .topic-actions { margin-bottom: 5px; margin-top: 1em; font-size: 1em; height: auto; } *+html .topic-actions { margin-top: 1em; } .column1 { float: right; clear: right; width: 46%; margin-right: 3%; border-left: 2px solid #ffbdd6; } .column2 { float: left; clear: left; width: 46%; margin-right: 3%; } * html .column1, * html .column2 { width: 45%; } .left-box { float: right; text-align: right; width: auto; } .right-box { float: left; text-align: left; width: auto; } .clear { display: Red; clear: both; font-size: 2px; line-height: 2px; background: transparent; height: 1%; } .online { background-image: url("http://i22.servimg.com/u/f22/11/42/75/50/untitl18.gif"); background-position: left 0; background-repeat: no-repeat; } .autowidth { width: auto !important; } .italic { font-style: italic; } .pathname-box { margin-left: 5px 10px 5px 5px; float: right; } .pathname-box p { margin-bottom: 5px; } #format-buttons { margin: 15px 0 2px 0; } #format-buttons input, #format-buttons select { vertical-align: middle; } ul#picture_legend, ul#privmsgs-menu { text-align: center; } ul#picture_legend li, ul#privmsgs-menu li { display: inline; margin: 5px 10px; } ul#picture_legend li img, ul#privmsgs-menu li img { vertical-align: middle; } input.checkbox { width: auto !important; background-color: transparent !important; } .postlink { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); border-bottom-color: #368AD2; } .postlink:visited { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); border-bottom-color: #666666; } .postlink:active { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); } .postlink:hover { background-color: #FFDAEC; background-image: url("http://i42.servimg.com/u/f42/11/42/75/50/untitl11.gif"); color: #0D4473; } ul.topiclist li.row dt a.subforum { background-image: none; background-position: 0 50%; background-repeat: no-repeat; position: relative; white-space: nowrap; padding: 0 0 0 12px; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); } html>body dd label input { vertical-align: text-bottom; } #cp-main .panel li.header dd, #cp-main .panel li.header dt { background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); margin-bottom: 5px; } .mcp-main .postbody { width: 100%; } .pmlist li.row1 { border: solid 3px transparent; border-width: 1px 3px; } .pmlist li.row2 { border: 3px solid transparent; border-width: 1px 3px; } dd.lastpost span.color-groups { float: right; padding-right: 5px; } /* Footer---------------------------------------------------*/.copyright { padding: 10px; text-align: center; background-color: #FFDAEC; background-image: url("http://i23.servimg.com/u/f23/11/42/75/50/moltaq11.jpg"); }[/font]
alk@ser صاحب الموقع
عدد الرسائل : 270رقم العضويه : 1اختر علم دولتك : الاوسمه الحاصل عليها : مزاجك : تاريخ التسجيل : 29/04/2008 موضوع: رد: استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه الثلاثاء مايو 06, 2008 2:51 am مهم جدا : عدم ترك فراغات اثناء تركيب الاجزاء تحت بعض بداخل الورقه الشرح مستوفى كل الخطوات ولن يتم الرد على اى رساله خاصه بشأن هذا الموضوع
استايل رائعه بعد تركيبه تشعر انك فى منتدى vb للنسخه الثالثه
مواضيع مماثلة
صلاحيات هذا المنتدى: لاتستطيع الرد على المواضيع في هذا المنتدى