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

السلام عليكم ورحمة الله وبركاته
الاحظ ان اغلبية المنتديات على هنا تستعمل النسخه الثانيه على الرغم من كون النسخه الثالثه اجمل وتحتوى على مميزات وامكانيات متاحه للمدير فى تركيب الاستايل روعه جدا

وعشان كده انا جايبلكم اليوم استايل مرفق معه ورقة تصميم خاصه بعد التركيب تشعر انك فى منتدى vb بل اجمل

اولا: الصور التى يجب عليك تركيبها
1:الايقونات الرئيسيه










2:ايقونات الفئات



3:الازرار الخاصه بالمشاركات











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

الرمز:

* {
 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://illiweb.com/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://illiweb.com/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;
}

تابع باقى الورقه

من المؤسف انى وضعت الموضوع فى قسم الابداع وانا غافل انه لا يمكن وضع رد على الموضوع
ونظرا لكون ورقة التصميم كبيره فلم يقبلها الموضوع كامله
وعندما اردت وضع باقى الورقه فى رد وجدت انه ليس بالامكان لدى
وهنا اناشد المسئولين عن المنتدى بدمج الموضوعين لانه لا يمكن فصلهم عن بعض اطلاقا
باقى ورقة css
وللاسف الكود سيحتاج الى موضوع ثالث
ارجوا الدمج والا لن يستفيد احد منه

الرمز:

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

تابع باقى الورقه

هذا الشرح هو استكمال للموضوع الذى قمت بوضعه على الرابط التالى
http://help.ahlamontada.com/montada-f5/topic-t39031.htm
وهو عباره عن تشكيل استايل المنتدى من خلال ورقة التصميم css

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

الرمز:

background-color: #ضع لونا;
background-image: url("رابط الصوره التى تناسب  شكل منتداك");

مكان

الرمز:

color: #20a0ff ;
background-color: #FDF1F7;

اينما وجد فى الورقه
وكذلك يمكنك استعمال الكود بدل

الرمز:

color: #892436;

اينما وجدت فى الصفحه

وستحصل على شكل يضاهى منتديات الفى بى بل يفوقها
وهذا تدليل مصور على ما قلته

صوره لخلفية معلومات كاتب الموضوع





صوره لخلفية الموضوع والردود مغايره لخلفية معلومات كاتب الموضوع



صوره لخلفية من على الخط والمتواجدين اخر xxx ساعه




صوره لخلفية المواضيع داخل القسم



صوره لشكل التوقيع بعد التعديلات



صوره للملف الشخصى للعضو





صورة للبيانات الشخصيه



هذه بعض الصور على سبيل المثال وليس الحصر لنتيجة التغير الذى حدث
ــــــ
ملحوظه مهمه :
قد يظن البعض ان قيامه بالتعديلات سيترتب عليه خروج المنتدى بنفس الشكل الذى عليه تلك الصور
ولكن يمكن من خلال الورقه ان تقوم بتركيب الاستايل الذى تريد باللون الذى تريد
وذلك من خلال تغير الصور والالوان بداخل الورقه
بعد ذلك ستحصل على الاستايل بالشكل الذى قمت به بعد التغير
وكل ما عليك هو نسخ رابط الصوره ضعه فى عنوان الاكسبلور حتى تعمل عليها مشاهده وبعد ذلك استبدل مكانها بالصوره التى تريد وضعها فى نفس المكان

واخيرا اذا كان الموضوع على النهج الذى ينال اعجابكم ويطور من شكل منتدياتكم فساقوم بضمه الى الموضوع السابق كتكمله لكه
....
امير الاحلام

نظرا لكثرة الرسائل الخاصه التى وصلتنى لطلب الورقه بعد التعديل عليها بالصوره النهائيه سيتم وضع الورقه

الجزء الاول

الرمز:

* {
 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://illiweb.com/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;
}

الجزء الثانى

الرمز:

/* 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://illiweb.com/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;
}

الجزء الثالث

الرمز:

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://illiweb.com/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;
}

الجزء الرابع

الرمز:

.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/