التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

اذهب الى الأسفل

التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف msrooor22 في الأربعاء 12 سبتمبر 2018 - 14:50

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

والان الاستايل الواجهه


الفئات


المنتديات


المواضيع


اسفل المنتدى


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

الكود:
#page-footer {
background: none;
background-color: #000;
/* border-top: 1px solid rgba(255,255,255,0.22); */
margin: 0 auto -310px;
border-top: 2px solid #e36a49;
}
footer {
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
}
footer {
background: none;
background-color: #263238;
color: #FFF;
font-size: 13px;
margin: 33px 0 -22px;
padding: 44px 0;
background: none;
background-color: #000;
/* background-image: url(https://hitsk.in/t/21/41/12/i_logo.png); */
background-repeat: no-repeat;
background-size: 350px 100px;
border-bottom: 2px solid #000;
border-top: 2px solid #e36a49;
}
#page-footer {
background: none;
background-color: #000;
border-top: 2px solid #e36a49;
margin: 0 auto -310px;
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
background-repeat: no-repeat;
background-size: cover;
border-bottom: 2px solid #000000;
background-size: 350px 100px;
}

.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}
header {
  background-color: #000000;
border-bottom: 2px solid #e36a49;
}
#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {

background: #e36a49;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: -5px -6px 10px;
border-radius: 10px 10px 0 0;
    background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
#simple-wrap, #wrap {
background-color: #F3F4F5;
background: url("https://i.servimg.com/u/f11/19/34/83/47/6610.png") left top no-repeat, url("https://i.servimg.com/u/f11/19/34/83/47/5510.png") right top no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/oy_o10.png) center top repeat-x, url(https://i.servimg.com/u/f11/19/34/83/47/-110.png) left bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/0110.png) right bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/io_o10.png) center bottom repeat-x, url("https://i.servimg.com/u/f11/19/34/83/47/a_o10.png") left repeat-y, url("https://i.servimg.com/u/f11/19/34/83/47/aoao_o10.png") right repeat-y;
padding: 19px 19px 9px 19px;


height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;

}

body.chatbox, html {
height: 100%;
background-color: #F3F4F5;
}
#header-banner {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x,  
url() repeat-y center top;
padding: 0px 0px 273px 0px;

padding: 0;
height: 230px;
margin: 70px 0 -10px;
}

.forum, .post-wrap, .posts {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
  color: #383838;

  font-weight: bold;
    border: 1px solid #DDD!important;
    border-bottom-width: 2px!important;
    border-radius: 3px;
    margin-bottom: 6px;
}
blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {

background-attachment: fixed;
background-color: #ededed;
background-image: url(http://atfal.do.am/.s/t/1171/bg.jpg);
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x,  
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/






.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
font-weight: 700;
margin-bottom: 0px;
margin-top: 2px;
}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 15px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #e36a49;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #e36a49;
z-index: 0;
  background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}


.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #e36a49;
}

#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: none!important;
border: none!important;
box-shadow: none!important;
color: #000;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #e36a49;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #e36a49;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #e36a49;
border-color: rgba #e36a49;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
    background-size: cover;


}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #e36a49;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

#chatbox_header {
overflow: hidden;
background: #e36a49;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
/* border-bottom: 1px solid #dcdcdc; */
/* border-bottom-left-radius: 0; */
/* border-bottom-right-radius: 0; */
/* border-radius: 10px 10px 0 0; */
/* color: #FFF; */
/* font-family: Arial; */
/* font-size: 22px; */
/* font-style: normal; */
/* font-variant: normal; */
/* font-weight: 400; */
/* margin: -17px -17px 0; */
/* padding: 11px 15px; */
/* position: relative; */
/* text-shadow: 0 1px 0 rgba(16,143,191,.75); */
text-transform: uppercasebackground: #e36a49;
/* z-index: 0; */
/* height: 230px; */
margin: -14px -6px 20px;
border-radius: 10px 10px 0 0;
}


.pagination span {
display:inline-block;
margin:6px 0
}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span strong {
color:#FFF;
font-weight:700;
background:#39C;
border:none;

border-radius:3px;
padding:0px 6px;
transition:300ms
}
.pagination span a:hover {
background-color:#333;
border-color:#111
}
.pagination span a:active,.pagination span a:focus,.pagination span strong {
background-color:#8B5;
border-color:#593
}
.pagination a.pag-img {
background:none!important;
border:none!important;
padding:0!important
}


.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #e36a49;
border: none;
border: 2px solid #dcdcdc;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
  
}
.posts .pagination > a {
background:none!important;
border:none!important;
color: #000;

}

.pagination > a {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}

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

الكود:
https://hitsk.in/t/21/41/12/i_logo.png

تم الشرح
وجميع حقوق النشر محفوظه لمنتدى الدعم والمساعدة[/quote]
avatar
msrooor22
 
 

ذكر
عدد المساهمات : 94
معدل النشاط : 3584
السُمعة : 11

http://msrooor.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف msrooor22 في الأربعاء 12 سبتمبر 2018 - 14:54

التصميم الخامس نفس النسخة لتصميم الاول لكن بالون الازرق


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

الكود:
#page-footer {
background: none;
background-color: #000;
/* border-top: 1px solid rgba(255,255,255,0.22); */
margin: 0 auto -310px;
border-top: 2px solid #3998B6;
}
footer {
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
}
footer {
background: none;
background-color: #263238;
color: #FFF;
font-size: 13px;
margin: 33px 0 -22px;
padding: 44px 0;
background: none;
background-color: #000;
/* background-image: url(https://hitsk.in/t/21/41/12/i_logo.png); */
background-repeat: no-repeat;
background-size: 350px 100px;
border-bottom: 2px solid #000;
border-top: 2px solid #3998B6;
}
#page-footer {
background: none;
background-color: #000;
border-top: 2px solid #3998B6;
margin: 0 auto -310px;
background: none;
background-color: #000;
color: #FFF;
font-size: 13px;
/* margin: -232px 0 -22px; */
padding: 30px 0;
background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
background-repeat: no-repeat;
background-size: cover;
border-bottom: 2px solid #000000;
background-size: 350px 100px;
}

.post-date {
/* color: rgba(255,255,255,0.44); */
/* display: block; */
/* float: right; */
/* font-size: 13px; */
display: none;
}
header {
  background-color: #000000;
border-bottom: 2px solid #3998B6;
}
#forum-statistics {
float: right;
font-size: 13px;
text-align: right;
width: 100%;
/* top: 232px; */
margin: 0 auto 60px;
}
.block .block-header, .forum-header, .post-header, .posts-header {

background: #3998B6;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: -5px -6px 10px;
border-radius: 10px 10px 0 0;
    background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
#simple-wrap, #wrap {
background-color: #F3F4F5;
background: url("https://i.servimg.com/u/f11/19/34/83/47/6610.png") left top no-repeat, url("https://i.servimg.com/u/f11/19/34/83/47/5510.png") right top no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/oy_o10.png) center top repeat-x, url(https://i.servimg.com/u/f11/19/34/83/47/-110.png) left bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/0110.png) right bottom no-repeat, url(https://i.servimg.com/u/f11/19/34/83/47/io_o10.png) center bottom repeat-x, url("https://i.servimg.com/u/f11/19/34/83/47/a_o10.png") left repeat-y, url("https://i.servimg.com/u/f11/19/34/83/47/aoao_o10.png") right repeat-y;
padding: 19px 19px 9px 19px;


height: 100%;

max-width: 80%;
padding: 10px;
top: -32px;

}

body.chatbox, html {
height: 100%;
background-color: #F3F4F5;
}
#header-banner {
background: url("https://hitsk.in/t/21/41/12/i_logo.png") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;

padding: 0;
height: 230px;
margin: 70px 0 -10px;
}

.forum, .post-wrap, .posts {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.forum-section, .posts-section {
  background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
  color: #383838;

  font-weight: bold;
    border: 1px solid #DDD!important;
    border-bottom-width: 2px!important;
    border-radius: 3px;
    margin-bottom: 6px;
}
blockquote {
background-color: #FFF2B5;
border-color: rgba(0,0,0,0.11);
border-radius: 10px;
border-style: solid;

font-size: 14px;
font-style: italic;
line-height: 1.5;
padding: 8px 10px 8px 16px;

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}


body, html {

background-attachment: fixed;
background-color: #ededed;
background-image: url(https://hitsk.in/t/21/39/01/i_background.jpg);
}
#header-banner h2 {
display:none
}
.chatbox {
padding: 8px;
position: relative;
background: none;
}
body {
background: url("") center top no-repeat,
    url("") center top no-repeat,
url("") center bottom no-repeat,
 url("") center bottom repeat-x, 
url() repeat-y center top;
padding: 0px 0px 273px 0px;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية بداية**/
.forum-description img {
    background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    border-radius: 10px;
    font-size: 0;
    height: 70px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 4px;
    width: 115px;
    border: 1px solid #DDD !important;
}
/***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/






.action-bar {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;
padding: 12px 16px 0;
  margin-bottom: 20px;
}
.action-bar i {
color: #000;
font-size: 21px;
margin: -2px 0 -2px 3px;
vertical-align: -6px;
}
.action-bar a, .action-bar a:hover i {
color: #263238;
}
#breadcrumbs {

background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #F3F3F3;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
clear: both;
color: #000;
display: block;
font-weight: 700;
list-style: none;
margin: 0 0 6px;

}
#breadcrumbs a:last-child:after {
display:none
}
#breadcrumbs a {
border-radius: 10px;
color: #000;
display: inline-block;
font-size: 13px;
padding: 9px 16px;
position: relative;
}




.block {
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.block .block-content {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
font-weight: 700;
margin-bottom: 0px;
margin-top: 2px;
}
#fa_ticker_block .module {
background: none!important;
background-color: rgba(0,0,0,0.06);
border-radius: 10px;
bottom: 7px;
box-shadow: none;
margin-top: 20px;
padding: 15px 0!important;
}
#fa_ticker * {
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
padding: 0;
position: relative;
transition: none;
z-index: 0;
}

#block-birthdays .headline, #block-online .headline {
background: #3998B6;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
color: #FFF;
font-family: Arial;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: -17px -17px 0;
padding: 11px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
text-transform: uppercasebackground: #3998B6;
z-index: 0;
  background-image: url('https://hitsk.in/t/21/41/12/i_logo.png');
    background-repeat: no-repeat;
    background-size: cover;
border-bottom: 1px solid #dcdcdc;
  background-size: 250px 46px;
}
.block-subtle {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
color: #383838;
font-size: 13px;
font-weight: 700;
margin-bottom: 6px;
padding: 16px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
border-radius: 10px;
}


.btn-default, .button, .button1, .button2, .liteoption, .mainoption {
/* background-color: #1E88E5; */
border-radius: 10px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
color: #FFF;
font-size: 13px;
height: 36px;
line-height: 36px;
padding: 0 24px;
background: #3998B6;
}

#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img {
background: #FFF;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
display: inline-block;
margin: 10px 0;
overflow: hidden;
padding: 3px;
}
.jumpbox-wrap input, .quickmod-wrap input, .select-wrap input {
background: none!important;
border: none!important;
box-shadow: none!important;
color: #000;
}
.post-aside {
background-color: #F5F5F5;
border: 1px solid #DDD!important;
border-radius: 10px;
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
float: right;
font-size: 13px;
margin: 6px 3px 7px 3px;
padding: 16px 25px;
position: relative;
text-align: center;
}
.post {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
color: #383838;
font-weight: 700;
margin-bottom: 6px;
}
.post-content {
background: url(https://i.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat;
background-position: top;
font-family: Arial;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1.6;
padding: 150px 10px 10px;
position: relative;
text-align: center;
vertical-align: text-bottom;
word-wrap: break-word;
z-index: 0;
}

.codebox {
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
font-size: 14px;
line-height: 1.5;
padding: 8px 16px;
}

.codebox p {
background: #3998B6;
border: none;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
color: #FFF;
font-size: 11px;
margin: -9px -16px 10px;
padding: 9px;
text-align: right;
}

.post-signature {
background: transparent url(https://i.servimg.com/u/f62/19/34/83/47/315_co10.png);
background-position: top;
background-repeat: no-repeat;
border: none;
border-bottom: 2px solid #ddd;
border-radius: 10px;
color: #FFF;
direction: ltr;
display: block;
font-family: mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
font-weight: 700;
margin: 3px;
max-height: 200px;
overflow: auto;
padding: 22px 3px;
text-align: center;
text-transform: none;
}
.spoiler_title {
background: #F6F6F6!important;
border: 1px solid #3998B6;
border-bottom-width: 2px;
border-radius: 10px;
margin: 6px 3px;
text-align: right;
}
.spoiler_content {
background-color: #ddd;
border: 1px solid #3998B6;
border-color: rgba #3998B6;
border-radius: 10px;
border-style: solid;
color: #000;
display: none;
font-size: 14px;
line-height: 1.5;
margin-top: 6px;
padding-right: 22px;
}
.block .block-secondary-content {
background-color: #F5F5F5;
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
clear: both;
margin-bottom: 7px;
margin-top: 6px;
padding: 8px 16px;
}

.box-head {

background: #3998B6;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-radius: 10px 10px 0 0;
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
    background-size: cover;


}
.box {
font-size: 13px;
margin-bottom: 24px;
background-color: #fff;
background-image: url(https://illiweb.com/fa/empty.gif);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #dcdcdc;
border-radius: 10px;
clear: both;
margin-bottom: 20px;
margin-top: 10px;
padding: 5px;
}
.box-body {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
margin-top: 6px;
overflow: hidden;
padding: 10px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
#tabs ul, .tabs ul {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
list-style: none;
margin: 0;
padding: 8px 0;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 6px;
}
.notification-row {
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 1px 11px rgba(0,0,0,0.06), 0 0 2px rgba(0,0,0,0.11);
margin: 0;
padding: 8px 16px;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
list-style: none;
margin: 0 0 6px;
/* padding: 8px 0; */
}
.forumline thead th, .table1 thead th {
/* background-color: #3793ff; */
/* color: #FFF; */
/* font-weight: 400; */
background: #3998B6;
background-repeat: no-repeat;
background-size: cover;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
/* border-radius: 10px 10px 0 0; */
box-shadow: 0 2px 3px rgba(1,86,119,.18),inset 0 1px rgba(255,255,255,.17);
color: #fff;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 46px;
line-height: 46px;
margin: -11px -6px 10px;
padding: 0;
position: relative;
text-align: center;
text-shadow: 0 1px 0 rgba(16,143,191,.75);
z-index: 0;
}
.forumline td, .forumline th, .table1 td, .table1 th {
border: 1px solid #EBEBEB;
padding: 16px;
position: relative;

background-color: #FFF;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 2px rgba(0,0,0,0.1);
font-weight: 700;
margin-bottom: 6px;
margin-top: 6px;
overflow: hidden;
/* padding: 10px; */
}
.block-market .market-image img {
border-radius: 10px;
display: block;
height: 150px;
object-fit: cover;
width: 200px;
background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border-radius: 10px;
font-size: 0;
margin-left: 6px;
margin-top: 3px;
padding: 4px;
border: 1px solid #DDD !important;
}
.block-market .market-item-price {

background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
border-radius: 10px;
font-weight: 700;
margin-bottom: 1px;
margin-top: 1px;
margin-left: 1px;
}
#forum-statistics > div {
display: inline;
float: right;
margin: 30px 10px 10px 50px;
text-align: right;
padding: 0 20px 0 0;
font-size: 10pt;
font-family: Verdana, sans-serif;

}


#forum-statistics strong {
font-size: 4px;
/* vertical-align: -4px; */
font: normal 11px/16px 'Arial';
  }
.linklist {
list-style: none;
margin: 0;
font: normal 11px/16px 'Arial';
}

.page-header .btn, .topic-header .btn {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}


.codebox code {
display: block;
max-height: 400px;
overflow: auto;
white-space: nowrap;
text-align: left;
}

#message-box textarea {
width: 100%!important;
background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
border: 1px solid #DDD!important;
border-bottom-width: 2px!important;
/* border-radius: 10px; */
/* font-weight: 700; */
margin-bottom: 6px;
}

#chatbox_header {
overflow: hidden;
background: #3998B6;
background-image: url(https://hitsk.in/t/21/41/12/i_logo.png);
background-repeat: no-repeat;
background-size: 250px 46px;
/* border-bottom: 1px solid #dcdcdc; */
/* border-bottom-left-radius: 0; */
/* border-bottom-right-radius: 0; */
/* border-radius: 10px 10px 0 0; */
/* color: #FFF; */
/* font-family: Arial; */
/* font-size: 22px; */
/* font-style: normal; */
/* font-variant: normal; */
/* font-weight: 400; */
/* margin: -17px -17px 0; */
/* padding: 11px 15px; */
/* position: relative; */
/* text-shadow: 0 1px 0 rgba(16,143,191,.75); */
text-transform: uppercasebackground: #3998B6;
/* z-index: 0; */
/* height: 230px; */
margin: -14px -6px 20px;
border-radius: 10px 10px 0 0;
}


.pagination span {
display:inline-block;
margin:6px 0
}
.pagination span a,.pagination span a:link,.pagination span a:visited,.pagination span strong {
color:#FFF;
font-weight:700;
background:#39C;
border:none;

border-radius:3px;
padding:0px 6px;
transition:300ms
}
.pagination span a:hover {
background-color:#333;
border-color:#111
}
.pagination span a:active,.pagination span a:focus,.pagination span strong {
background-color:#8B5;
border-color:#593
}
.pagination a.pag-img {
background:none!important;
border:none!important;
padding:0!important
}


.pagination span a:hover {
background-color: #333;
border-color: #111;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong {
background: #3998B6;
border: none;
border: 2px solid #dcdcdc;
border-radius: 10px;
color: #FFF;
font-weight: 700;
transition: 300ms;
 
}
.posts .pagination > a {
background:none!important;
border:none!important;
color: #000;

}

.pagination > a {
background:none!important;
border:none!important;
color: #000;
    box-shadow:none!important;
}

avatar
msrooor22
 
 

ذكر
عدد المساهمات : 94
معدل النشاط : 3584
السُمعة : 11

http://msrooor.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف Black H@wk في الأربعاء 12 سبتمبر 2018 - 17:00

جميل جداً صديقنا العزيز @msrooor22
نتمنى لك مزيد من التألق والتقدم Cool
avatar
Black H@wk
اشراف عام المساعدة
اشراف عام المساعدة

ذكر
عدد المساهمات : 6288
معدل النشاط : 7209
السُمعة : 16

http://palestine-hawk.ahlamountada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف msrooor22 في السبت 15 سبتمبر 2018 - 0:43

بارك الله فيك واشكر لك مرورك السريع
ونورت موضوعي بردك
تحياتي لك
avatar
msrooor22
 
 

ذكر
عدد المساهمات : 94
معدل النشاط : 3584
السُمعة : 11

http://msrooor.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف ReKoOo في الإثنين 24 سبتمبر 2018 - 4:09

راااااائع
avatar
ReKoOo



ذكر
عدد المساهمات : 10
معدل النشاط : 1996
السُمعة : 0

http://a7bab.mam9.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف yasmine7 في الخميس 4 أكتوبر 2018 - 23:46

بوركت
avatar
yasmine7



انثى
عدد المساهمات : 11
معدل النشاط : 51
السُمعة : 0

https:// http://plant123.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: التصميم الرابع والخامس لنسخة الماسية AwesomeBB وبتقنية css فقط

مُساهمة من طرف Mayar mimi في الثلاثاء 9 أكتوبر 2018 - 18:56

عمل رائع وجميل بوركت
تحياتي
avatar
Mayar mimi
 
 

انثى
عدد المساهمات : 80
معدل النشاط : 269
السُمعة : 4

http://montada-alasdikai.ahlamontada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى