طلب تصميم استايل كامل متناسق بدون اخطاء
3 مشترك
صفحة 1 من اصل 1
طلب تصميم استايل كامل متناسق بدون اخطاء
السلام عليكم
يامبدعين انا اريد تصميم بنفس نسخة منتديات احلى منتدى واتمنى يكون التصميم بنفس تصميم احلى منتدى ولكن تكون باللون الرصاصي الغامق والفاتح وخصوصا اتمنى تكون بيانات الاعضاء في المواضيع متناسقة مثل احلى منتدى عموما اعتقد فهمتوا المطلوب من التصميم انه يكون قريب من تصميم منتدى الدعم والمساعدة بكل شيء ..
ويكون على ذوقكم اهم شيء تكتبون اسم المنتدى ( منتديات شباب النخيل ) وهذا رابط المنتدى http://alnkhel.yoo7.com
وشكرا لكم
يامبدعين انا اريد تصميم بنفس نسخة منتديات احلى منتدى واتمنى يكون التصميم بنفس تصميم احلى منتدى ولكن تكون باللون الرصاصي الغامق والفاتح وخصوصا اتمنى تكون بيانات الاعضاء في المواضيع متناسقة مثل احلى منتدى عموما اعتقد فهمتوا المطلوب من التصميم انه يكون قريب من تصميم منتدى الدعم والمساعدة بكل شيء ..
ويكون على ذوقكم اهم شيء تكتبون اسم المنتدى ( منتديات شباب النخيل ) وهذا رابط المنتدى http://alnkhel.yoo7.com
وشكرا لكم
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
عزيزي علي اليحياوي يتم تصميم الاستايل بسيط فقط اذا كنت تريد استايل بنفس نسخة منتديات احلي منتدي تفضل من هنااااا
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
نعم نفس نسخة احلى منتدى ولكن يكون التصميم خاص بالمنتدى الخاص بي واتمنى اضافة واجهه وبعض التصاميم المهمة في الاستايل
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
Mc Kap0o كتب:عزيزي علي اليحياوي يتم تصميم الاستايل بسيط فقط اذا كنت تريد استايل بنفس نسخة منتديات احلي منتدي تفضل من هنااااا
نعم اخي اتمنى تصميم بنفس هذه النسخة
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
تم التصميم ،
لم أستطع رفع الستايل على موقع الهيت سكين فقمت برفعه على جوجل درايف
قم بتحميل الملف ثم توجه إلى إدارة المنتدى ثم مظهر المنتدى ثم إدارة التصاميم وفي خانة رفع التصميم ارفع الملف الذي حملته
رابط التصميم : ستايل منتديات شباب النخيل
معلومات :
وهذه واجهة المنتدى تم تصميمها :
بالتوفيق
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
التصميم جدا رائع لكن عندي ملاحظة في قائمة الفئات او المنتديات اتمنى تعديلها مثل تصميم منتدى الدعم والمساعدة
تابع الصورة لمعرفة المقصود تعديله
تابع الصورة لمعرفة المقصود تعديله
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
تفضل توجه الى صفحة تعديل اكواد 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;
}
موفق
رد: طلب تصميم استايل كامل متناسق بدون اخطاء
يغلق الموضوع لاتمام التصميم & ينقل للأرشيف.
|
مواضيع مماثلة
» تصميم استايل كامل
» تصميم استايل كامل
» تصميم استايل كامل
» أريد تصميم استايل كامل
» طلب تصميم استايل كامل (تومبلايت)
» تصميم استايل كامل
» تصميم استايل كامل
» أريد تصميم استايل كامل
» طلب تصميم استايل كامل (تومبلايت)
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى