123456
مشرفة المنتدى الإسلامى
نقاط : 939 عدد المساهمات : 540 العمر : 25 المزاج : رايق الأوسمة :
| موضوع: اكواد معربة الرئيسية لتصميم الأحد أكتوبر 29, 2017 1:16 pm | |
| - الكود:
-
/***الواجهة والخلفية**/ html { font-size: 100%; height: 100%; background:url('https://i62.servimg.com/u/f62/19/34/83/47/310.png') top center; margin:0; padding:0; } body { font-family: Verdana, Helvetica, Arial, sans-serif; background:transparent url('https://i62.servimg.com/u/f62/19/34/83/47/510.png') top right no-repeat; color: #828282; font-size: 10px; margin: 0; padding: 0; } #wrap { background: # url() repeat-x center top;padding: 20px;border: 20px solid #;border-radius:20px;-moz-border-radius:20px;margin: 20 auto;width: 950px; background:transparent url('https://i62.servimg.com/u/f62/19/34/83/47/white_10.png'); } .headerbar { -moz-border-radius:15px; -webkit-border-radius:15px; border:0px; padding:10px; margin-bottom:10px; background:transparent url('https://i62.servimg.com/u/f62/19/34/83/47/213.png'); color:#ffffff; height:85px; } /***نهاية الكود**/
/***بداية اطار االفئات**/ .forabg .row, .forumbg .row { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); font-weight: bold; border: 1px solid #cccccc!important; border-bottom-width: 2px!important; border-radius: 3px; margin-bottom: -1px; } .forabg .header, .forumbg .header { background: #823882; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/310.png"); border: none; clear: both; margin-bottom: 4px; } .forabg .inner, .forumbg .inner { background: url("") left top no-repeat, url("") right top no-repeat, url() center top repeat-x, url() left bottom no-repeat, url() right bottom no-repeat, url() center bottom repeat-x, url("") left repeat-y, url("") right repeat-y; padding: 0px 0px 3px 0px; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/motif_12.png") right bottom no-repeat; } .forabg, .forumbg { margin: 30px auto 0 auto; background: transparent none repeat-x scroll 0 0; border-radius: 7px; clear: both; margin-bottom: 4px; padding: 5px; background-color: #; background: url("") left top no-repeat, url("") right top no-repeat, url() center top repeat-x, url() left bottom no-repeat, url() right bottom no-repeat, url() center bottom repeat-x, url("") left repeat-y, url("") right repeat-y; padding: 0px 0px 0px 0px; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/310.png"); border: 1px solid #823882; }
ul.forums, ul.topics, .bg1, .table1 tbody { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); border-color: #823882; border-radius: 0px; } /***نهاية اطار االفئات**/
/**العناصر المستقلة***/ .module .h3 { background: #823882 url(https://i62.servimg.com/u/f62/19/34/83/47/310.png) repeat-x center bottom; color: #F4F3D3; background-repeat: no-repeat; background-size: cover; margin: -5px -10px 10px; padding: 6px 3px; text-align: center; text-transform: none; border-bottom: 1px solid #cccccc; } .module { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); border-color: #823882; border-style: solid; border-width: 1px 1px 1px; display: block; border-radius: 6px; overflow: hidden; } .module { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); } .panel div.mes-txt,.panel p { font-size:12px } .module .h3 span { color:#FFF!important } .module .box-content .mod-login { width:100%; margin:0 } .module .box-content .mod-login dd strong { font-weight:400 } .module .box-content .mod-login dt { color:#F4F3D3; font-weight:700; text-align:right } .module .box-content .mod-login dd,.module .box-content .mod-login dt { display:inline-block; width:50% } hr td { background:none } hr table[summary] { border-spacing:0 } hr table[summary] > tbody > tr > td { border-bottom:1px solid #cd8ccd; padding:3px } /***نهاية**/
/***اطار وخلفية المواضيع**/ .post { margin: 30px auto 0 auto; background: transparent none repeat-x scroll 0 0; border-radius: 7px; clear: both; margin-bottom: 4px; padding: 5px; background-color: #; background: url("") left top no-repeat, url("") right top no-repeat, url() center top repeat-x, url() left bottom no-repeat, url() right bottom no-repeat, url() center bottom repeat-x, url("") left repeat-y, url("") right repeat-y; padding: 33px 0px 10px 0px; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/310.png"); border: 1px solid #823882; } div.post .inner { background: url("") left top no-repeat, url("") right top no-repeat, url() center top repeat-x, url() left bottom no-repeat, url() right bottom no-repeat, url() center bottom repeat-x, url("") left repeat-y, url("") right repeat-y; padding: 0px 5px 0px 0px; border-radius: 0px; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/rr10.png") font-weight: bold; border: 1px solid #cccccc!important; border-radius: 0px; margin-bottom: -1px; } /***نهاية اطار المواضيع**/
/***تشكيلات عامة**/ .mes-txt { background: url("") left top no-repeat, url("") right top no-repeat, url() center top repeat-x, url() left bottom no-repeat, url() right bottom no-repeat, url() center bottom repeat-x, url("") left repeat-y, url("") right repeat-y; padding: 10px 10px 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:10px; padding-right:10px;*/ background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); padding:5px 10px; } /***نهاية الكود**/
/***البينات الشخصية**/ div.post.online .postprofile::before { content: url("https://i21.servimg.com/u/f21/19/33/86/51/online10.png"); } div.post .postprofile::before { content: url("https://i21.servimg.com/u/f21/19/33/86/51/offlin10.png"); left: 0; position: absolute; right: 0; top: 25px; z-index: 2; } div.post.online .postprofile::after { border-color: #84c754; } div.post .postprofile::after { background: #2e3133 none repeat scroll 0 0; border-bottom: 4px solid #868686; content: "."; font-size: 0; height: 16px; left: 0; position: absolute; right: 0; top: 25px; z-index: 1; } .postprofile { border-radius: 6px; background: #e0bce0 url("https://i62.servimg.com/u/f62/19/34/83/47/jjjjjj10.png") repeat-x scroll 0 0; padding-bottom: 0px; padding-left:0px; color: #4C5D77; border: 1px solid #823882; padding: 60px 3px 3px; position: relative; text-align: center; display: inline; float: right; margin: 5px 0 0; min-height: 80px; overflow-wrap: break-word; position: relative; width: 22%; } .postprofile { border-left: 1px solid #823882; color: #555; display: inline; float: right; margin: 5px 0 0; min-height: 80px; overflow-wrap: break-word; position: relative; width: 22%; } .post.admins .inner { border-color: #F03333; } .post.supervisors .inner { border-color: #68B800; } .post.support .inner { border-color: #F5AE42; } table.forumline, table.table1 { border: 1px solid #823882; border-radius: 3px; border-spacing: 0; overflow: hidden; padding: 0; } table.forumline tbody td.catHead, table.forumline tr:hover td.catHead, table.table1 tbody th, table.table1 thead { background: #015281; } table.forumline tbody td.catHead, table.table1 tbody th, table.table1 thead th { border: none!important; color: #000000!important; text-align: right; } table.forumline tbody tr, table.table1 tbody tr { background: #F2F2F2; } table.forumline td, table.forumline th, table.table1 td { background: none; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; border-top: none!important; } .avatar, .lastpost-avatar, td.avatar-mini img { box-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 -0 1px rgba(0,0,0,0.3); } #fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a, #userAvatar, .avatar, .lastpost-avatar, .mod-login-avatar dt, .postprofile dt > img, td.avatar-mini img, #fa_menulist img { background: #dbaddb; 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; height: 100px; margin: 10px 0; overflow: hidden; padding: 3px; width: 100px; } #fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img { border-radius: 100px; height: 100px; width: 100px; } .avatar, .avatar img { height: 40px; width: 40px; } .friend-block .avatar { margin: 0 10px; } .lastpost-avatar { margin: 0 5px 0 0; padding: 2px!important; } .lastpost-avatar, .lastpost-avatar img, td.avatar-mini img { height: 34px; width: 34px; } /***لون وخط البيانات الشخصية**/ .postprofile dd { text-align: center; color: #3998B6; } /***كود تحديد حجم صور الرتب في البيانات الشخصية**/ .postprofile dd img { max-width:130px; text-align: center; } hr td { background:none }
hr table[summary] { border-spacing:0 }
hr table[summary] > tbody > tr > td { border-bottom:1px solid #; padding:3px } /***خطوط المساهمات**/ hr { text-align: center; width: 95%; border: 0 none #; border-top: 1px solid #cd8ccd; clear: both; display: block; height: 1px; margin: 5px 0; } /***نهاية كود البيانات الشخصية**/
/***توسيط الكتابة في المواضيع فقط**/ p.author { text-align: right; } .post { text-align: center; } /***نهاية الكود**/ /*** كود وضع البسمله بدون خطوط ***/ .content { background: url(http://i63.servimg.com/u/f63/11/53/34/85/f3al_c10.png) no-repeat; background-position: top; text-align: center; vertical-align: text-bottom; padding: 150px 10px 10px 10px; line-height: normal; } /***نهاية الكود**/
/*----- أحجام الصور بالمواضيع -----*/ .postbody img,img { max-width:400px; }
/***التوقيع**/ .signature_div { max-height: 200px; overflow: auto; direction: ltr; display: block; font-size: 14px; text-align: center; padding: 7px; border:3px solid #444; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/eee10.png"); background-position:top; background-repeat: no-repeat; font-size: 11px; font-weight: bold; padding: 3px; margin: 3px; display: block; padding: 7px; border-radius: 10px; color:#FFF; text-align:center; text-transform:none; font: bold 10pt mk,geneva,lucida,"lucida grande",arial,helvetica,sans-serif; border: none; padding:6px 3px; border-bottom: 2px solid #E5DC99; } .signature_div img { margin-top: 30px; max-width:400px; max-height:500px; -moz-box-shadow: 0px 0px 10px #0; box-shadow: 0px 0px 10px #0; -webkit-box-shadow: 0px 0px 10px #0; -khtml-box-shadow: 0px 0px 10px #0; background: # url("") center top repeat-x; background-repeat: repeat; border: 10px solid #; } /***النهاية**/
/***الاكواد والاقتباسات**/ blockquote, dl.codebox { background: #cccccc!important; border: 1px solid #823882; border-bottom-width: 2px; border-radius: 3px; margin: 6px 0px 0px 10px; } blockquote cite { margin: -5px -25px 10px; } blockquote cite, dl.codebox dt { background: #FFF url(https://i62.servimg.com/u/f62/19/34/83/47/310.png) repeat-x center bottom; border: none; color: #FFF; font-size: 12px; padding: 3px; } .post .postbody table dl.codebox code { word-break: break-all; } blockquote cite:before { content: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\f10d"; } .codebox dt:before{ content: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\F121"; } .codebox.spoiler dt::before { content: "?"; } .codebox dt:before, blockquote cite:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #FFF; border-radius: 100px; color: #39C; display: inline-block; font-family: FontAwesome; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; height: 20px; line-height: 20px!important; margin-left: 3px; padding-right: 1px; text-align: center; text-rendering: auto; width: 19px; } blockquote cite a { color: #FFF!important; } dl.codebox code { background: #cccccc; border-radius: 3px; color: #823882; padding: 3px; } dl.codebox dt { margin: -3px -3px 10px; } .selectCode { float:left; text-transform: uppercase; cursor:pointer; text-decoration: underline; } blockquote cite, dl.codebox dt { text-align: right; font-size: 12px; } /***نهاية**/
/***الازرار **/ #profile-advanced-add a, a.button1, a.button2, button.button2, input.button, input.button1, input.button2 { background: #823882; border: none; border: 1px solid #823882!important; border-radius: 3px; color: #FFF!important; display: inline-block; line-height: normal!important; margin: 2px; padding: 3px 5px!important; transition: 300ms; } /***نهاية الكود**/
/***ارقام الصفحات**/ .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span strong { background: #823882; border: none; border-bottom: 2px solid #823882; border-radius: 3px; color: #FFF; 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: #c881c8; border-color: #dfbcdf; } .pagination a.pag-img { background: none!important; border: none!important; padding: 0!important; } .inputbox:hover, input.bginput:hover, input.post:hover, input.tiny:hover, select:hover, textarea:hover { border-color: #823882; } .inputbox, input.bginput, input.post, input.tiny, select, textarea { background: #FFF; border: 1px solid #823882; border-radius: 3px; color: #444; font-size: 10px; padding: 0px; } /***نهاية الكود**/
/***علبة الدردشة**/ #chatbox_header { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/310.png"); border: 1px solid #823882; background-repeat: no-repeat; background-size: cover; margin: -5px -10px 10px; padding: 6px 3px; text-align: right; font-size: 9px; padding-right: 20px; text-transform: none; border-bottom: 0px solid #; } #chatbox_bottom { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/ww10.png"); -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #823882; margin-bottom: 0px; padding: 0px; clear: both; margin: 0px 0px 0px; } /***اطار خارجي**/ #chatbox { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/ww10.png"); -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #cccccc; margin-bottom: 10px; padding: 0px; clear: both; margin: 9px 0px 8px; } #chatbox_members { background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/ww10.png"); -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #cccccc; margin-bottom: 10px; padding: 0px; clear: both; margin: 9px 0px 8px; } /***نهاية الكود**/
/***الاعلانات الخاصة**/ #fa_ticker_block .module { background: transparent url(""); border: none; border-radius: 0; box-shadow: none; color: #; } #fa_ticker_block .inner { background-image : url(); border: none; border-radius: 0; box-shadow: none; } /***نهاية الكود**/
/********** ازرار المنتدى الرئيسية **********/ ul.linklist { display: block; margin: 0; } .mainmenu { margin: -10px auto 0 auto; } ul.linklist li { background: url("https://i62.servimg.com/u/f62/19/34/83/47/menu_c10.png") no-repeat scroll right center transparent; float: center; font: bold 12px arial; margin: 0; padding: 8px 15px 6px 5px; text-transform: inherit; display: inline-block; padding: 0 12px; transition: 250ms; } ul.linklist li.rightside, p.rightside { float: center; margin-right: 0; margin-left: 5px; text-align: center; } ul.navlinks { padding-bottom: 1px; margin-bottom: 1px; font-weight: bold; } ul.leftside { float: left; margin-left: 0; margin-right: 5px; text-align: left; } ul.rightside { float: center; margin-left: 5px; margin-right: -5px; text-align: center; } .mainmenu img { vertical-align: middle; display: none; display: none !important; } /***نهاية الكود**/
/***اطار على الازرار الرئيسية**/ #page-header .navbar .linklist { -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:10px; padding-right:10px;*/ background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); padding:5px 10px; } /***اطار على حقوق احلى منتدى بالاسفل**/ div.navbar ul.linklist { -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:10px; padding-right:10px;*/ background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); padding:5px 10px; } /***نهاية الكود**/
/***بداية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/ ul.topiclist dd.dterm img { background: #dbaddb; border-radius: 7px; box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3); display: inline-block; max-height:70px; max-width:115px; overflow: hidden; margin: 3px 6px 0px; padding: 3px; } /***نهاية كود تحديد حجم الصور في المنتديات على الصفحة الرئيسية **/
/***عنوان المنتدى**/ #site-title h1 { padding-right: 10px; font-size:30px; color: #ffffff; font-family: Georgia,"Times New Roman",Times,serif; text-align: right; text-decoration: none; width: 100%; text-shadow: 1.4px 1.4px 0 rgb(114, 186, 34); margin-top: 0px; text-shadow:#5e295e 1px 1px 1px}a:link{text-decoration:none} #site-title { font-size:30px; color: #ffffff; font-family: Georgia,"Times New Roman",Times,serif; text-align: right; text-decoration: none; width: 100%; text-shadow: 1.4px 1.4px 0 rgb(114, 186, 34); margin-top: -20px; text-shadow:#5e295e 1px 1px 1px}a:link{text-decoration:none} /***وصف المنتدى**/ #logo-desc p { display: block; float: center; padding-right: 10px; width: 50%; color: #ffffff; background: #!important; border: 1px solid #; border-bottom-width: 2px; border-radius: 3px; margin: 5px 0px 0px 5px; font-family: Georgia,"Times New Roman",Times,serif; text-decoration: none; text-shadow: #ffffff; text-align: right; text-decoration: none; margin-top: 0px; text-shadow:#5e295e 1px 1px 1px}a:link{text-decoration:none} /***نهاية الكود**/
/***صورة الغلاف**/ #logo-desc img { margin-top: 25px; float: left; } /***نهاية الكود**/
/*-----كود حذف حقوق احلى منتدى من العارضة-----*/ #fa_left { margin-left: -135px; } #fa_left:after { display: none !important; } /***نهاية الكود**/
/* كود خلفية لعارضة المنتدى */ #fa_toolbar, #fa_toolbar_hidden { background: #FFF url("https://i62.servimg.com/u/f62/19/34/83/47/310.png") repeat scroll 0 0; color: #FFF; } /* عارضة المنتدى */ #fa_search { position:relative } #fa_search #fa_magnifier { background:url('https://i21.servimg.com/u/f21/18/21/41/30/search10.png') no-repeat 50% 50% #1860DB !important; border:1px solid #823882; border-left:none; border-radius:0 3px 3px 0; height:22px !important; width:22px !important; top:3px; right:0px; } #fa_search #fa_textarea { background: #823882!important; border: 1px solid #823882!important; border-radius: 3px 0 0 3px!important; color: #823882!important; cursor: text; font-size: 12px!important; height: 16px!important; line-height: 12px!important; margin-right: 23px!important; padding: 3px 0 3px 1px !important; transition: 300ms; width: 0!important; } #fa_search:hover #fa_textarea, #fa_search #fa_textarea:hover, #fa_search #fa_textarea:focus { color:#000000 !important; background: #FFF!important width:150px !important; padding:3px !important; outline:none; } #fa_search #fa_magnifier { background: url(https://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #823882!important; border: 1px solid #823882; border-left: none; border-radius: 0 3px 3px 0; height: 22px!important; right: 0; top: 3px; width: 22px!important; } #fa_share a { background: url(https://i21.servimg.com/u/f21/18/21/41/30/fa_sha10.png) no-repeat 0 0 transparent!important; border-radius: 25px; height: 25px!important; margin: -2px 3px 0!important; width: 25px!important; } a#fa_fb { background-position: -50px 0!important; } a#fa_fb:hover { background-position: -75px 0!important; } a#fa_twitter { background-position: 0 0!important; } a#fa_twitter:hover { background-position: -25px 0!important; } a#fa_gp { background-position: -98px 0!important; } a#fa_gp:hover { background-position: -123px 0!important; } a#fa_mail { background-position: -150px 0!important; } a#fa_mail:hover { background-position: -175px 0!important; } a#fa_rss { background-position: -199px 0!important; } a#fa_rss:hover { background-position: -224px 0!important; } #fa_share a:hover:after { background: #823882; height: 25px; margin-left: 0; margin-top: 0; width: 25px; } #fa_share a:after { background: transparent; border-radius: 30px; content: "."; display: block; font-size: 0; height: 35px; margin-left: -5px; margin-top: -5px; position: absolute; transition: 250ms; width: 35px; z-index: -1; } /***نهاية الكود**/
/***مربع البحث في اسفل المنتدى*/ p.nomargin { display: none !important; } select { text-align: right; color: #555555; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); border: 1px solid #cccccc!important; cursor: pointer; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: 400; padding: 1px; vertical-align: middle; height: 26px; border-radius: 3px; }
input.search { text-align: right; color: #555555; background: transparent url("https://i62.servimg.com/u/f62/19/34/83/47/white_10.png"); border: 1px solid #cccccc!important; cursor: pointer; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: 400; padding: 1px; vertical-align: middle; height: 26px; border-radius: 3px; } /***نهاية الكود**/ | |
|