| الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | استايل ازرق رائع لنسخة الماسية الجديدة AwesomeBB وبتقنية css فقط
السلام عليكم اخواني اعضاء منتديات مسرووور اقدم لكم تصميم لنسخة الماسية AwesomeBB وبتقنية css فقط وهذا التصميم اهدا لعشاق الانمي وان شاء الله ينال اعجابكم
والان الاستايل الواجهه
الفئات
المنتديات
المواضيع
اسفل المنتدى
طريقة التركيب حول نسخة منتداك الى النسخة الماسية AwesomeBB اذهب الى لوحة الادارة - مظهر المنتدى-التصاميم - اختيار التصميم ثم اختار النسخة AwesomeBB ثم اذهب الى ورقه css وانسخ والصق جميع الاكواد التالية في صفحة css
- الكود:
-
#header-navigation a.active { border-bottom: none; color: #fff; }
#simple-wrap, #wrap { background: #fff url(https://i.servimg.com/u/f33/17/83/79/07/bg310.png) repeat-x center top; border: 1px solid #fff; border-radius: 30px 30px 30px 30px; box-shadow: 0 2px 2px #8ABDD2; height: 100%; margin: 0 auto 300px; max-width: 80%; padding: 10px; top: -32px; padding: 20px 20px 0px 20px !important; } #page-footer { background: none; margin: 0 auto -310px; } footer { background: none; color: #FFF; font-size: 13px;
padding: 30px 0; margin-top: -232px; } .post-date { /* color: rgba(255,255,255,0.44); */ /* display: block; */ /* float: right; */ /* font-size: 13px; */ display: none; }
#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: #00aeef; 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; background-image: url('https://2img.net/s/t/21/41/12/i_logo.png'); background-repeat: no-repeat; background-size: cover; border-bottom: 2px solid #ECCA05; background-size: contain; }
body.chatbox, html { height: 100%; background-color: #fff; }
.forum, .post-wrap, .posts { background-color: #fff; background-image: url(https://2img.net/i/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; } .forum-section, .posts-section { 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-family: Arial;
font-style: normal; font-variant: normal;
margin-bottom: 6px; position: relative; z-index: 0; }
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 #39C; border-color: rgba #39C; border-radius: 10px; border-style: solid; color: #000; font-size: 14px; line-height: 1.5; padding: 8px 16px; }
body, html { margin: 0px; background: #e4f9ff url("https://i.servimg.com/u/f24/19/34/83/47/page_b10.jpg") repeat-x top; } #header-banner h2 { display:none } .chatbox { padding: 8px; position: relative; background: none; } body { background: url("") center top no-repeat, url("https://i.servimg.com/u/f24/19/34/83/47/110.png") center top no-repeat, url("https://i.servimg.com/u/f24/19/34/83/47/bg_foo10.png") center bottom no-repeat, url("https://2img.net/s/t/21/41/12/i_logo.png") center bottom no-repeat,
url("https://i.servimg.com/u/f24/19/34/83/47/footer10.jpg") 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; } /***كود تحديد مقاسات صور المنتديات على الصفحة الرئيسية نهاية**/
header { background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-radius: 10px 10px 0 0;
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;
z-index: 0; background: none; }
.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://2img.net/i/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: #00aeef; 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: #39C; z-index: 0; background-image: url('https://2img.net/s/t/21/41/12/i_logo.png'); background-repeat: no-repeat; background-size: cover; border-bottom: 2px solid #ECCA05; background-size: contain; } .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; }
.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: #00aeef; border: none;
border-radius: 10px; color: #FFF; font-weight: 700; transition: 300ms; border-bottom: 2px solid #ECCA05; } .posts .pagination > a { background: #00aeef; border-radius: 2px; box-shadow: none; color: #FFF; display: inline-block; float: none; font-size: 11px; font-weight: 400; height: 15px; line-height: 15px; margin: 0 1px; padding: 0 6px; width: auto; } .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: #00aeef; } .pagination > a { background: #00aeef; /* 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; cursor: pointer; display: block; float: right; font-size: 13px; height: 36px; line-height: 36px; margin-left: 10px; padding: 0 24px; text-align: center; border-bottom: 2px solid #ECCA05; } #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 #39C; border-color: rgba #39C; border-radius: 10px; border-style: solid; color: #000; font-size: 14px; line-height: 1.5; padding: 8px 16px; }
.codebox p { background: #39C; 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 #39C; border-bottom-width: 2px; border-radius: 10px; margin: 6px 3px; text-align: right; } .spoiler_content { background-color: #ddd; border: 1px solid #39C; border-color: rgba #39C; 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: #00aeef; 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; background-image: url('https://2img.net/s/t/21/41/12/i_logo.png'); background-repeat: no-repeat; background-size: cover; border-bottom: 2px solid #ECCA05; background-size: contain; } .box { font-size: 13px; margin-bottom: 24px; background-color: #fff; background-image: url(https://2img.net/i/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: #00aeef; 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; box-shadow: none!important; color: #000; }
.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; }
.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: #00aeef; border: none;
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; }
#header-banner { background: url(https://2img.net/s/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; height: 230px; margin: 40px 0 10px; padding: 0; } /*-----AwesomeBB-----*/ #page-footer a[href^="http://www.ahlablog."] {display:none} #page-footer a[href^="http://www.xn--"] {display:none} #page-footer a[href^="https://www.ahlamontada.com/"] {display:none} #page-footer a[href^="https://help.ahlamontada.com/"] {display:none} .linklist .rightside { color: #60BCFD; } /*-----AwesomeBB-----*/ /*-----كود حذف اعلانات احلى منتدى من الاعلى-----*/ div[style="overflow:visible"], div[style="padding:0"] {display: none;} /*-----كود حذف اعلانات احلى منتدى من الاعلى-----*/
/*-----كود حذف اعلانات احلاى منتدى من نسخة الجول-----*/ .banniere {display:none} /*-----كود حذف اعلانات احلاى منتدى من نسخة الجول-----*/
/*-----كود حذف الصندوق الاجتماعي اسفل المنتدى على الجوال-----*/ .slideInUp.addthis-animated {display:none} /*-----كود حذف الصندوق الاجتماعي اسفل المنتدى على الجوال-----*/
/*-----حذف اعلان نسخة التطبيق من نسخة الجوال-----*/ div.smartbanner-container, div.smartbanner.smartbanner-android {display:none} html.smartbanner-show {margin-top: 0px;} /*-----حذف اعلان نسخة التطبيق من نسخة الجوال-----*/
/*-----كود حذف اعلانات احلاى منتدى من الاسفل لجميع النسخ-----*/ .trc_related_container {display: none;} /*-----كود حذف اعلانات احلاى منتدى من الاسفل لجميع النسخ-----*/ #page-desc.visible { display: none; }
اخيراااااا لكتابة اسم منتداك على الصورة المرفقة في التصميم ابحث عن رابط الصورة التالية
- الكود:
-
https://2img.net/s/t/21/41/12/i_logo.png هذا واتمنااا ان ينال التصميم رضاااكم والى اللقاء في التصميم القادم ان شاء الله جميع حقوق النشر محفوظه لمنتديات مسرووور | | |
مواضيع ذات صلة بـ هذا الموضوع
الأربعاء 17 أكتوبر - 6:22 | المشاركة رقم: | | الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | رد: استايل ازرق رائع لنسخة الماسية الجديدة AwesomeBB وبتقنية css فقط
لتغير صورة خلفية المنتدى ابحث عن هذا الكود - الكود:
-
body { صفحة css واستبدلة بواحد من الاكواد التالية
- الكود:
-
body { background: url("") center top no-repeat, url("https://i.servimg.com/u/f24/19/34/83/47/110.png") center top no-repeat, url("https://i.servimg.com/u/f36/18/22/98/96/bg_foo10.png") center bottom no-repeat, url("") center bottom no-repeat,
url("https://i.servimg.com/u/f36/18/22/98/96/footer10.jpg") center bottom repeat-x, url() repeat-y center top; padding: 0px 0px 273px 0px; }
- الكود:
-
body { background: url("") center top no-repeat, url("http://tf.dtbaker.com.au/template/kids_toys/html-grass/images/bg_pattern.jpg") center top no-repeat, url("https://i.servimg.com/u/f36/18/22/98/96/bg_foo11.png") center bottom no-repeat, url("") center bottom no-repeat,
url("https://i.servimg.com/u/f36/18/22/98/96/bg_foo10.jpg") center bottom repeat-x, url() repeat-y center top; padding: 0px 0px 273px 0px; } | | |
|
|