علي اليحياوي
عدد المساهمات : 416 معدل النشاط : 6346 السُمعة : 3
| موضوع: طلب تصميم استايل كامل متناسق بدون اخطاء الخميس 24 أغسطس 2017 - 6:25 | |
| السلام عليكم
يامبدعين انا اريد تصميم بنفس نسخة منتديات احلى منتدى واتمنى يكون التصميم بنفس تصميم احلى منتدى ولكن تكون باللون الرصاصي الغامق والفاتح وخصوصا اتمنى تكون بيانات الاعضاء في المواضيع متناسقة مثل احلى منتدى عموما اعتقد فهمتوا المطلوب من التصميم انه يكون قريب من تصميم منتدى الدعم والمساعدة بكل شيء ..
ويكون على ذوقكم اهم شيء تكتبون اسم المنتدى ( منتديات شباب النخيل ) وهذا رابط المنتدى http://alnkhel.yoo7.com
وشكرا لكم | |
|
Mc Kap0o
عدد المساهمات : 190 معدل النشاط : 2969 السُمعة : 9
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الثلاثاء 29 أغسطس 2017 - 2:12 | |
| عزيزي علي اليحياوي يتم تصميم الاستايل بسيط فقط اذا كنت تريد استايل بنفس نسخة منتديات احلي منتدي تفضل من هنااااا | |
|
علي اليحياوي
عدد المساهمات : 416 معدل النشاط : 6346 السُمعة : 3
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الأربعاء 30 أغسطس 2017 - 3:39 | |
| نعم نفس نسخة احلى منتدى ولكن يكون التصميم خاص بالمنتدى الخاص بي واتمنى اضافة واجهه وبعض التصاميم المهمة في الاستايل | |
|
علي اليحياوي
عدد المساهمات : 416 معدل النشاط : 6346 السُمعة : 3
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الأربعاء 30 أغسطس 2017 - 3:45 | |
| - Mc Kap0o كتب:
عزيزي علي اليحياوي يتم تصميم الاستايل بسيط فقط اذا كنت تريد استايل بنفس نسخة منتديات احلي منتدي تفضل من هنااااا نعم اخي اتمنى تصميم بنفس هذه النسخة | |
|
Xtech_geekX
عدد المساهمات : 177 معدل النشاط : 4055 السُمعة : 7
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الأربعاء 30 أغسطس 2017 - 16:07 | |
| | |
|
علي اليحياوي
عدد المساهمات : 416 معدل النشاط : 6346 السُمعة : 3
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الخميس 31 أغسطس 2017 - 3:40 | |
| | |
|
Xtech_geekX
عدد المساهمات : 177 معدل النشاط : 4055 السُمعة : 7
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الجمعة 1 سبتمبر 2017 - 0:39 | |
| تم التصميم ، لم أستطع رفع الستايل على موقع الهيت سكين فقمت برفعه على جوجل درايف قم بتحميل الملف ثم توجه إلى إدارة المنتدى ثم مظهر المنتدى ثم إدارة التصاميم وفي خانة رفع التصميم ارفع الملف الذي حملته معلومات : وهذه واجهة المنتدى تم تصميمها : بالتوفيق | |
|
علي اليحياوي
عدد المساهمات : 416 معدل النشاط : 6346 السُمعة : 3
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الجمعة 1 سبتمبر 2017 - 3:45 | |
| التصميم جدا رائع لكن عندي ملاحظة في قائمة الفئات او المنتديات اتمنى تعديلها مثل تصميم منتدى الدعم والمساعدة تابع الصورة لمعرفة المقصود تعديله | |
|
Xtech_geekX
عدد المساهمات : 177 معدل النشاط : 4055 السُمعة : 7
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الجمعة 1 سبتمبر 2017 - 13:46 | |
| تفضل توجه الى صفحة تعديل اكواد css وقم بحذف الأكواد السابقة وعوضها بالتالي : - الكود:
-
@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css); *{ paddign:0; margin:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } a:link { color: #71ba43; text-decoration: none; } a:visited { color: #71ba43; text-decoration: none; } body { margin: 0; padding: 0 !important; } body { background-color: #E5E5E5; color: #555; font-family: 'Droid Arabic Kufi',Arial,sans-serif; font-size: 10px; } #fa_toolbar { border-bottom: 1px solid #CCC; background-color: #FFF; color: #FFF; font-family: 'Droid Arabic Kufi',Arial,sans-serif; font-size: 16px; height: 30px; left: 0; z-index: 999; } #fa_right #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink { background-color: transparent!important; border: 1px solid #39C!important; border-radius: 3px!important; color: #39C!important; font-size: 11px!important; font-weight: 700!important; line-height: 22px!important; margin-top: 3px!important; padding: 0 6px!important; text-decoration: none!important; transition: 200ms; } #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome { color: #666; } #fa_right #fa_notifications, #fa_welcome { color: #666; line-height: 30px; padding: 0 5px; } #fa_hide, #fa_show { background: url(https://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png) no-repeat 0 0 transparent!important; } #fa_right #fa_hide { background-color: transparent!important; border: none!important; margin-top: 0!important; padding: 0!important; transition: none!important; } #fa_hide:hover { background-position: -30px 0!important; } #fa_show:hover { background-position: -90px 0!important; } #fa_right #fa_welcome:hover, #fa_toolbar #fa_right #fa_notifications:hover { cursor: pointer; } #fa_right #fa_menu #fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications { background-color: #39C!important; border-color: #39C!important; color: #FFF!important; } #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; } #fa_share a:hover:after { height: 25px; margin-left: 0; margin-top: 0; width: 25px } #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: 1px 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_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% #39C!important; border: 1px solid #39C; border-left: none; border-radius: 0 3px 3px 0; height: 22px!important; right: 0; top: 3px; width: 22px!important } #fa_search #fa_textarea { background: #39C!important; border: 1px solid #39C!important; border-radius: 3px 0 0 3px!important; color: #39C!important; cursor: text; font-size: 12px!important; height: 22px!important; line-height: 12px!important; margin-right: 22px!important; padding: 3px 0 3px 1px !important; transition: 300ms; width: 0!important } input { cursor: pointer; font-family: 'Droid Arabic Kufi',Arial,sans-serif; font-size: 1em; font-weight: 400; padding: 0 3px; vertical-align: middle; } #fa_search #fa_textarea:focus, #fa_search #fa_textarea:hover, #fa_search:hover #fa_textarea { background: #FFF!important; color: #444!important; outline: none; padding: 3px!important; width: 150px!important }.social-button { background: url(https://i18.servimg.com/u/f18/18/21/41/30/fa_fol12.png) no-repeat 0 0 #ADADAD; background-color: rgba(0, 0, 0, 0.3); border-radius: 3px; display: inline-block; height: 32px; margin: 3px; transition: 250ms background-color; width: 32px } .social-button:hover { background-color: #000 } .social-button.fb-but { background-position: -0 0 } #fa_share a#fa_fb:hover::after, .social-button.fb-but:hover { background-color: #3B5998 } .social-button.tw-but { background-position: -32px 0 } #fa_share a#fa_twitter:hover::after, .social-button.tw-but:hover { background-color: #5EA9DD } .social-button.gp-but { background-position: -64px 0 } #fa_share a#fa_gp:hover::after, .social-button.gp-but:hover { background-color: #DD4B39 } .social-button.pi-but { background-position: -96px 0 } #fa_share a#fa_mail:hover::after, .social-button.pi-but:hover { background-color: #B00 } .social-button.yt-but { background-position: -128px 0 } .social-button.yt-but:hover { background-color: #E52C27 } .social-button.rs-but { background-position: -160px 0 } #fa_share a#fa_rss:hover::after, .social-button.rs-but:hover { background-color: #FAA21B } #fa_service { color: #39C!important; font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; font-size: 16px; font-weight: 700; } #fa_menulist { left: 882.33px !important; background-color: #FFF; border: 1px solid #333; border-top: 0 solid #FFF; display: none; line-height: 32px; list-style-type: none; margin: 0; min-width: 175px; padding: 0 10px 0 150px; position: absolute; width: auto; z-index: 10000 } #fa_menulist:link, #fa_menulist:visited { color: #00569C!important } #fa_toolbar_hidden { background-color: #FFF; border-radius: 0 0 5px 5px; height: 30px; margin-top: -60px; position: absolute; right: 0; width: 30px; z-index: 20002 } #fa_show { background-position: -240px 0 } #fa_toolbar #fa_right #fa_notifications #notif_unread { display: none; margin-left: .5em } #fa_toolbar #fa_right #fa_notifications.unread #notif_unread { display: inline } #fa_toolbar #fa_right #notif_list { background-color: #FFF; border: 1px solid #333; border-top: 0 solid #FFF; display: none; font-size: 11px; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 10000 } #fa_toolbar #fa_right.notification #notif_list { display: block } #fa_toolbar #fa_right #notif_list li { color: #333; display: block; font-size: 1em; line-height: 1.2em; margin: 0; padding: 0 .5em .5em } #fa_toolbar #fa_right #notif_list li .contentText { float: left; height: 2.4em; overflow: hidden; width: 27em } #fa_toolbar #fa_right #notif_list li .contentText a { color: #00569C!important; text-decoration: underline!important; vertical-align: baseline } #fa_toolbar #fa_right #notif_list li:first-child { padding-top: .5em } #fa_toolbar #fa_right #notif_list li:first-child hr { display: none } #fa_toolbar #fa_right #notif_list li .content { color: inherit!important; display: block; line-height: inherit!important; margin: 0; overflow: hidden; vertical-align: top; width: 30em } #fa_toolbar #fa_right #notif_list li a.delete { background: transparent url(https://2img.net/i/fa/i/toolbar/toolbar.png) no-repeat -274px 50%; float: right; height: 2.4em; width: 22px } #fa_toolbar #fa_right #notif_list li hr { border: 0 solid #ccc; border-top-width: 1px; margin: 0 0 .5em } #fa_toolbar #fa_right #notif_list li.unread { background-color: #e5e5e5; font-weight: 700 } #fa_toolbar #fa_right #notif_list li.see_all { background-color: #333; color: #fff; padding: .7em!important; text-align: right } #fa_toolbar #fa_right #notif_list li.see_all a { color: #fff; width: 100% } #fa_toolbar #live_notif { position: absolute; width: 330px } #fa_toolbar #live_notif .fa_notification { background-color: #333; border-radius: 5px; opacity: .8; padding: 10px } #fa_toolbar #live_notif .fa_notification .content { background-image: url(https://2img.net/i/fa/notifications/notifications.png); background-repeat: no-repeat; color: #fff; display: inline-block; font-size: 11px; height: 32px; overflow: hidden; padding-left: 40px } #fa_toolbar #live_notif .fa_notification a { text-decoration: underline!important; vertical-align: baseline } .fa_fix { position: fixed!important; right: 0; top: 0 } #fa_toolbar .fa_hide { display: none!important } #fa_usermenu { left: 35px; } #fa_ranktitle { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 120px } #fa_ranktitle:hover { color: #333; text-decoration: none!important } #fa_usermenu td { line-height: 15px; margin-bottom: 5px; padding: 0 } #fa_usermenu td.first { text-align: right } #fa_usermenu td.bold { font-weight: 700; text-align: left } #fa_usermenu img { max-height: 120px; max-width: 120px } #fa_menulist, #fa_toolbar #fa_right #notif_list { background: #FFF!important; border: 1px solid #DDD!important; border-radius: 3px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); margin-top: 18px!important } #fa_menulist:before, #fa_toolbar #fa_right #notif_list:before { content: url('https://i18.servimg.com/u/f18/18/21/41/30/arrow11.png'); position: absolute; right: 10%; top: -10px } #fa_toolbar #fa_right #notif_list li.see_all { background: #39C!important } #fa_toolbar #live_notif .fa_notification { background: #FFF!important; border: 1px solid #DDD; border-bottom-width: 2px; border-radius: 3px!important; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.175); margin-top: 5px; opacity: 1!important } #fa_toolbar #live_notif .fa_notification .content { background-image: url(https://i18.servimg.com/u/f18/16/89/96/68/notifi10.png)!important; color: #555!important } #fa_toolbar #live_notif .fa_notification a { color: #39C!important } #fa_toolbar #live_notif .fa_notification a:hover { color: #333!important } #notif_unread { color: #F93; font-weight: 700 } #fa_notifications:hover #notif_unread, #fa_toolbar > #fa_right.notification > #fa_notifications #notif_unread { color: #FFF } #fa_hide, #fa_show { background: url(https://i21.servimg.com/u/f21/18/21/41/30/fa_arr10.png) no-repeat 0 0 transparent!important } @media only screen and (min-width: 1240px) #wrap { max-width: 97%; } #wrap { background: #F2F2F2; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.1); max-width: 90%; padding: 30px 5px 0; margin-top:-3px; } .conteneur_container_IE { background: url(http://i.imgur.com/BKSprbu.png) repeat-x 0px 36px transparent; } div#page-header { margin: 0 -5px!important; } .headerbar { background: #373737; margin-bottom: 4px; min-height: 200px; padding: 0 !important; } #search-box #keywords { font-size: 15px; height: 40px; padding: 2px 10px; width: 300px; } #search-box #search input[type="submit"] { background: #71ba43 url(https://i.imgur.com/rvy4kOU.png) no-repeat scroll 14px 10px / 40% auto; border: 0 none; border-radius: 4px 0 0 4px; color: transparent!important; font-size: .1px; height: 40px; margin-left: 3px; position: relative; width: 50px!important; } #forum-search .inputbox, #search .inputbox, #search_menu .inputbox, .inputbox.desc_search_input { background: #FFF; border: 1px solid #39C; border-radius: 3px 0 0 3px; margin-right: -2px; } #logo-desc p, #site-title, .headerbar .corners-bottom, .headerbar .corners-top { display: none; } #logo { padding: 0px !important; display: flex; float:none; } #logo-desc { overflow: hidden; } a#logo img { min-width: 1203px; } .navbar { background: #3d3b3d; padding: 0 0 10px 0; } .navbar .corners-top{display:none;} ul.navlinks { border-bottom: 1px solid #3b3a3c; background:#f2f2f2; font-weight: 700; text-align: center; font-size: 13px; } dd, dl, th, td, h1, h2, h3, h4, h5, h6 { font-family: 'Droid Arabic Kufi',sans-serif !important; } .forabg, .forumbg { background: #FAFAFA !important; border: 1px solid #DDD !important; border-bottom-width: 2px !important; border-radius: 3px; margin-bottom: 10px; overflow: hidden; } .forabg ul, .forumbg ul { background: none; } .forabg .header, .forumbg .header { background: #71ba43 !important; padding: 6px 3px 3px 3px; margin: -5px -5px 10px -5px; } .forabg .row, .forumbg .row { background: #F2F2F2; border: 1px solid #DDD !important; border-bottom-width: 2px !important; border-radius: 3px; margin-bottom: 6px; } ul.topiclist dd.dterm, ul.topiclist dt { display: block; float: right; font-size: 1.1em; padding-left: 5px; padding-right: 5px; width: 60%; }
div#page-footer { margin: 0 -5px; } .navbar span.corners-bottom, .navbar span.corners-top, .panel span.corners-bottom, .panel span.corners-top, .post span.corners-bottom, .post span.corners-top { display: none; } #page-footer .navbar { padding: 10px; } div#chatbox_header { height: 32px; overflow: hidden; font-size: 7px; } .chatbox-options{margin:0px !important;} #chatbox_footer { height: 47px; } #message { height: 27px !important;} #chatbox_messenger_form .right-box input[type="submit"] { height: 27px; width: 50px; background: #71ba43; color: #fff !important; } ul.forums dd {border:0;} ul.forums {background-color: #f2f2f2;} li.row:hover { background-color: #f2f2f2; } dd.posts, dd.topics, dd.views { line-height: 5.2em;} .h3 { background: #484848; padding: 10px; margin: 10px -5px; border-right: 5px solid #71ba43; color:#71ba43 !important; } input.button2:hover,input.button1:hover { background: rgba(113, 186, 67, 0.9); border: 0; color: #fff; padding: 0 10px; } input.button2,input.button1 { height: 34px; background: #71ba43; color: #fff; padding: 0 10px; border: 0; }
h1.page-title:before { content: "العنوان : "; font-size: 18px; } h1.page-title { background: #e5e5e5; padding: 10px; margin: 5px -5px; } .pathname-box { margin: 3px 15px 0 0; } div .post { border-top: 18px solid #3d3b3d; } .row2,.row1 { background: #fff !important; } .label * { color: #fff !important; } .postprofile { text-align: center; background: url(http://i.imgur.com/9UKGB9Z.png) repeat-x 0 0 #f6f6f6; border: 1px solid #DDD; border-radius: 3px; padding: 3px; padding-top: 60px; position: relative; } .postprofile:after { content: ""; border-right: 20px solid #71ba43; border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; left: -20px; top: 59px; } .mod-login-avatar dt, #main-content > div.post .postprofile dt > a, #fa_popup_content > div.post .postprofile dt > a, .postprofile dt > img, td.avatar-mini img, .avatar, #userAvatar { background: #FFF; border-radius: 100px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), 0px -1px 1px rgba(0, 0, 0, 0.3); display: inline-table; height: 100px; width: 100px; padding: 3px; margin: 10px 0; overflow: hidden; } .mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, td.avatar-mini img, .avatar img, #userAvatar img { border-radius: 100px; height: 100px; width: 100px; } .postprofile dd { text-align: right; } .postprofile dd { color: #333; } .postprofile dd, .postprofile dt { margin: 0; } .postprofile .label { float: right; text-align: left; margin-left: 3px; margin-right: -3px; width: 50%; } .postprofile .label span, .postprofile .label { color: #71ba43!important; font-weight: bold; font-size:11px; } div.post .postprofile:before { content: "."; font-size: 0; background: #2E3133; border-bottom: 4px solid #868686; height: 16px; position: absolute; top: 25px; left: 0; right: 0; z-index: 1; } .postprofile dl dd:last-child { text-align: center !important; } .sceditor-button div{margin:-8px !important;} .rtl .sceditor-button{padding:12px !important;} .sceditor-container { background-color: #FFF!important; border-color: #7DBF54!important; } div.sceditor-toolbar { background-color: #7DBF54!important; border-color: #7DBF54!important; }
موفق | |
|
Mc Kap0o
عدد المساهمات : 190 معدل النشاط : 2969 السُمعة : 9
| موضوع: رد: طلب تصميم استايل كامل متناسق بدون اخطاء الإثنين 18 سبتمبر 2017 - 4:05 | |
| | يغلق الموضوع لاتمام التصميم & ينقل للأرشيف.
|
| |
|