• أعضائنا الكرام بخصوص تنفيذ الطلبات قد يستغرق بعض الوقت،شكرا لحسن تفهمكم.
  • أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

[ طلب ] التعديل على كود روابط الفوتر

Eng.Salah

:: الأعضاء ::
14 مارس 2019
29
1
16
8
Sharm El Sheikh
tqny.vip
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أحبتى فى معهد زين العربية



عاوز تعديل فى كود الفوتر
الكود فى الأصل من صنع أخونا شقاوى حفظه الله


tqny code.png

وأنا أريد تعديله ليصبح مثل هذا الفوتر مع تغير اللون مثل لون حقوق الزين فورور أعلى الفوتر الإضافى
tqny code2.png
ورابط معاينة الفوتر المطلوب
طبعا الإختلاف الفوتر خانات والهيدر للروابط متحدد بلون
روابط الخصوصية والروابط والقوانين والشوسيال ميديا
وهذه هى أكواد الفوتر المطلوب التعديل عليها قد أضافها أخى شقاوى فى هذا الموضوع
لم أحب أضافة الأكواد مرة آخرى لمنع أطالة الموضوع
وأيضاً آخر طلب لمبرمجى الأكواد
عندى مشكلة فى أكواد extra.less عند تصفح الموقع بالموبايل الموقع يهتز تلقائيا ولا أدرك ما الخطأ سأرفق لكم الكود
CSS:
.manageralert{
margin:20px 0;
    color:#111;
}
.alert-content , .alerticon{
    background:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.alert-content {
    margin-left:90px;
    padding:15px;
    position:relative;
}
.alert-content:before , .alert-content:after{
    content:'';
    display:block;
    border-right:20px solid #fff;
    border-bottom:15px solid transparent;
position:absolute;
left:-20px;
top:15px;
z-index:10
}
.alert-content:after{
    border-right:23px solid #ccc;
    border-bottom:18px solid transparent;
left:-23px;
top:14px;
    z-index:9
}
.alert-content h3 {
padding:0;
margin:0 0 10px;
}
.alert-content h3 label{
display:inline-block;
font-weight:bold;
    padding:0 0 3px;
    border-bottom:2px solid;
    margin-left:7px;
}
.alert-content p{
margin:0;
padding:0;
}
.alerticon{
    float:left;
    border-radius:50%;
    -webkit-border-radius:50%;
        -moz-border-radius:50%;
    width:70px;
height:70px;
    line-height:70px;
    text-align:center;
    font-size:23px;
    margin-top:10px;
}


.online_user{
    position: relative;
    height: 26px;
    background: #54ab73;
    width: max-content;
    transform: rotate(41deg);
    right: 34px;
    padding: 0px 30px 5px 30px;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    clip-path: polygon(33.25% -15.12%, 75.71% 6.97%, 88.38% 58.94%, 96.08% 89.95%, 104.63% 129.95%, -2.74% 95.64%, -39.94% 228.87%, 30.22% 0.9%);

}
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    .m-faBase();
    .m-faContent(@fa-var-sign-in, 1em);
    color: #E6BB5C;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    .m-faBase();
    .m-faContent(@fa-var-key, 1em);
    color: #E6BB5C;
}
/**********/
/*** إخفاء إسم المنتدى من قائمة المنتديات ***/
[data-template="forum_list"]
{
    .p-title-value {
        display: none;
    }
    .p-title {
        float: right;
    }
}
/**********/

.message-userExtras dl {
padding: 5px 8px 5px 25px;
background-color: #fff;
margin: 0 0 3px;
position: relative;
font-size: 10px;
height: 24px;
border-radius: 15px;
border: 1px solid #e4e4e4;
}

.message-userExtras dl i {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background-color: #ffc168;
color: #fff;
display: block;
text-align: center;
line-height: 20px;
font-size: 13px;
text-shadow: 0 1px 0 #654e2f;
}
.pairs.pairs--justified > dt {
    color: #212121;
}
.message-userExtras dl {
padding: 5px 8px 5px 25px;
background-color: #fff;
  margin: 0 0 3px;
    position: relative;
   
    height: 24px;
    border: 1px solid #e4e4e4;
   
      border-right: 5px solid #43859B;
    font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-size: 10px;
font-weight: normal;
       
     border-bottom: @xf-borderSize #323232 solid;border-radius: 5px;
    box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);
}

.message-userExtras dl:nth-child(even){
background:#eaf8ff;
}



.message-userExtras dl i {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
  border-left: 5px solid #43859B;
    color: #2C4255;
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    font-weight: lighter;
    }
   
.pairs.pairs--justified > dt {
    color: #212121;
}





.message-userTitle{
  background: #b5be50;
                  color:#323232;
   
  border:1px solid #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
         padding: 3px;  
line-height: 1.4;
font-weight: 600;

margin:8px 0 8px;
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);

    border-left: 5px solid #323232;
        border-right: 5px solid #323232;
    font-size:13px;  
       
       
}
/* Node Collapse */
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-right: 10px;
        &.is-active:before
        {
            content: "\f205";
            transform: scale(-1, 1);
            margin-right: -8px;
        }
        &:before
        {
            content: "\f205";
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}

.collapsible-nodes
{
        .block-header
        {
            display: flex;
        }
        .block-header--left
        {
            margin-right: auto;
            max-width: 100%;
        }
   
    .block-body
    {
        transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -webkit-transition-property: all, -xf-opacity;
        transition-property: all, -xf-opacity;
        overflow-y: hidden;
        height: 0;
        -webkit-transition-property: all, -xf-height;
        transition-property: all, -xf-height;
        &.is-active
        {
            height: auto;
        }
    }
}

/* Node Collapse end */
.message-user{
  background: #C5E2E6;
         color:  #323232;
   
  border:1px solid #ccc;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
         padding: 10px;  
line-height: 1.8;
font-weight: 800;

margin:20px 0 20px;
box-shadow: 0 0 3px 0 rgba(159,152,152,0.75);
}

.block.block--category.block--category11 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category1 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category13 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category73 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category66 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category71 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category70 .block-header {
    background: #0f3652;
    color: #ffffff;
}

.block.block--category.block--category30 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category44 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category47 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.block.block--category.block--category51 .block-header {
    background: #0f3652;
    color: #ffffff;
}
.avatar, .avatar.avatar--default.avatar--default--dynamic, .avatar.avatar--default.avatar--default--text {
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);
     border-radius: 4px;
    padding: 4px;

}
.button--multiQuote
{
    color: #fff !important;
    background-color: @xf-buttonCtaBg !important;
    opacity: .90;
}

.button--multiQuote:hover
{
    color: #fff !important;
    background-color: @xf-buttonCtaBg !important;
    opacity: 1.00;
    transition: opacity .25s !important;
}
.button, a.button{
color:#0A3F63;
line-height: 1.4;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
font-display: swap;
font-weight: 700;
font-size: 12px;

padding-left:8px;
padding-right:8px;
padding-top:6px;
padding-bottom:6px;
background-color:#FFFFFF;
border:1px solid #ccc;
border-top-left-radius:17px;
border-top-right-radius:0;
border-bottom-right-radius:17px;
border-bottom-left-radius:0;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.3);
}
.node-subNodeFlatList {
    >li {
        display: inline-block;
        margin-right: 2;
        float: left;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }
}
/* Source thread */
.PrevNextThread {
    margin: 4px;
    padding: 2px 4px 2px 4px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 15px;
    color: #0027B0;
    font-weight: lighter;
}
.PrevNextThread a {
    background-color: #DBECC0;
    margin: 4px;
    padding: 2px 4px 2px 4px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 15px;
    border: 1px solid #B5CD8E;
    box-shadow: 0px 0px 3px #E2E2E2;
    border-radius: 5px;
    color: #4C6A13;
    font-weight: lighter;
}
    @media (max-width: @xf-responsiveNarrow)
{
        .PrevNextThread a
     {
    background-color: transparent;
    margin: 4px;
    padding: 2px 4px 2px 4px;
    font-family: "Droid Arabic Kufi","Open Sans",sans-serif;
    font-size: 13px;
    border: 0;
    box-shadow: 0px 0px 3px transparent;
    border-radius: 0;
    color: #4C6A13;
    font-weight: lighter;
        }
    }
//***EnD Source thread****//
.message-userTitle{
  background-image: url(https://media3.giphy.com/media/xThuWcaa4U4XZQDgvm/giphy.gif?cid=790b761…&rid=giphy.gif);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;

margin:15px 0 20px;
box-shadow: 0 0 12px 0 rgba(159,152,152,0.75);
}

/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody .menu-linkRow {
    padding: 6px 5px 6px 12px;
}
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {
        .m-faBase();
    }
    &[href*="whats-new/news-feed"]:before {
        .m-faContent(@fa-var-rss);
    }
    &[href*="search/member"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="account/reactions"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="account/alerts"]:before {
        .m-faContent(@fa-var-bell);
    }
    &[href*="account/account-details"]:before {
        .m-faContent(@fa-var-user-cog);
    }
    &[href*="account/security"]:before {
        .m-faContent(@fa-var-shield-alt);
    }
    &[href*="account/privacy"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="account/preferences"]:before {
        .m-faContent(@fa-var-cogs);
    }
    &[href*="account/signature"]:before {
        .m-faContent(@fa-var-signature);
    }
    &[href*="account/upgrades"]:before {
        .m-faBase('Brands');
        .m-faContent(@fa-var-paypal);
    }
    &[href*="account/connected-accounts"]:before {
        .m-faContent(@fa-var-users-class);
    }
    &[href*="account/following"]:before {
        .m-faContent(@fa-var-user-plus);
    }
    &[href*="account/ignored"]:before {
        .m-faContent(@fa-var-user-minus);
    }
    &[href*="logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}

.tqnyBanner {
    display: inline-block;
    text-align: center;
    font-size: 0.9em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    padding: .5em 0em;
    width: 100%;
    border: none;
    position: relative;
    overflow: hidden;
    &.admin {
        background: #E41B17;
    }
     &.m3ss {
        background: #7D053F;
    }
    &.mraqp {
        background: #6960EC;
    }
    &.mosrf {
        background: #00bfff;
    }
    &.vip {
        background: #827839;
    }
    &:before {
        content: "";
        position: absolute;
        background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250, 250, 250, .7) 50%, transparent 70%, transparent 100%);
        background-repeat: no-repeat;
        top: 0px;
        left: -80%;
        width: 100%;
        height: 100%;
        animation: light 2.5s infinite;
    }
    .tooltip-content & {
        .tooltip--member & {
            width: 120px!important;
        }
    }
    @media (max-width: @xf-responsiveMedium) {
        display: inline!important;
        padding: .5em 1em;
    }
}
@keyframes light {
    0% {
        left: -80%;
    }
    100% {
        left: 80%;
    }
}

.userBanner--staff    {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD, #CC6600, #CF4D35, #E0EEEE)!important; background-size: 1200% 1200%!important; -webkit-animation: trgamers 15s ease infinite!important; -moz-animation: trgamers 15s ease infinite!important; -o-animation: trgamers 15s ease infinite!important; animation: trgamers 15s ease infinite!important;}
@-webkit-keyframes trgamers {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-moz-keyframes trgamers     {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-o-keyframes trgamers        {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@keyframes trgamers         {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}

@media screen and (max-width: 500px) {
.TherdTitle {
    display: none;
}
}


.block-minorHeader {
    background-color: #0f3652 !important;
    text-align:center;
    color: #FFF !important;
}
.Sign-Block{
    background: #f6f6f6;
    border: 6px solid #ececec;
    padding: 17px;
    position: relative;
    text-align: center;
    border-radius: 10px;
    margin: 25px;
    width: auto;
}
.Sign-Block h6 {
    background: #f6f6f6;
    border: 2px solid #fff;
    border-radius: 35px;
    margin: -35px auto 19px;
    position: relative;
    font-family: 'Droid Arabic Kufi';
    font-display: swap;
    font-size: 17px;
    color: #7a7676;
    font-weight: bold;
    width: 205px;
    height: 40px;
    line-height: 40px;
}
.Sign-Content {
    font-family: 'Droid Arabic Kufi';
    font-size: 17px;
    color: #7a7676;
    font-weight: lighter;
}
@media (max-width: 480px)
{
    .Sign-Block { display: block !important; }
}
.memberParticipatedThread {
    background-color: #C4E599 !important;
}

.block-header {
    border-radius: 4px;
    margin-bottom: 4px;
}
.node--forum {
    background-color: #fff;
    border-width: 0;
        border-radius: 10px;
    margin-bottom: 10px;
}
.quick_info{
text-align: center;
padding: 6px 10px 10px 10px;
color:#00ffff;
font-size: 15pt;
font-weight: bold;
}
.structItem.is-unread .structItem-title a:not(.labelLink):after {
    content: "جديد";
    display: inline-block;
    background: @xf-uix_primaryColor;
    padding: 1px 4px;
    font-size: 11px;
    color: #FFF;
    border-radius: 3px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
/* [cXF] Navigation tab icons 2.2 */
.p-navEl a, .menu-linkRow, .offCanvasMenu--nav .js-offCanvasNavTarget a {

    &:before {
        .m-faBase();
        display: inline-block;
        margin-right: 5px;
    }

    &[data-nav-id='home']:before {.m-faContent(@fa-var-home);}
    &[data-nav-id='forums']:before {.m-faContent(@fa-var-comments);}
    &[data-nav-id='whatsNew']:before {.m-faContent(@fa-var-bolt);}
    &[data-nav-id='members']:before {.m-faContent(@fa-var-users);}
    &[data-nav-id='xfrm']:before {.m-faContent(@fa-var-download);}
    &[data-nav-id='xfmg']:before {.m-faContent(@fa-var-camera);}
    /* Forums subnavigation */
    &[data-nav-id='newPosts']:before {.m-faContent(@fa-var-search-plus);}
    &[data-nav-id='findThreads']:before {.m-faContent(@fa-var-search);}
    /* Find threads menu */
    &[data-nav-id='yourThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
    &[data-nav-id='contributedThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
    &[data-nav-id='unansweredThreads']:before {.m-faContent(@fa-var-search); margin-right: 15px;}
    /*****/
    &[data-nav-id='searchForums']:before {.m-faContent(@fa-var-search);}
    &[data-nav-id='watched']:before {.m-faContent(@fa-var-eye);}
    /* Watched forums menu */
    &[data-nav-id='watchedThreads']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    &[data-nav-id='watchedForums']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    /*****/
    &[data-nav-id='markForumsRead']:before {.m-faContent(@fa-var-eye-slash);}
    /* WhatsNew subnavigation */
    &[data-nav-id='whatsNewPosts']:before {.m-faContent(@fa-var-pencil);}
    &[data-nav-id='whatsNewProfilePosts']:before {.m-faContent(@fa-var-rss);}
    &[data-nav-id='whatsNewNewsFeed']:before {.m-faContent(@fa-var-star);}
    &[data-nav-id='xfmgWhatsNewNewMedia']:before {.m-faContent(@fa-var-images);}
    &[data-nav-id='xfmgWhatsNewMediaComments']:before {.m-faContent(@fa-var-comments);}
    &[data-nav-id='xfrmNewResources']:before {.m-faContent(@fa-var-download);}
    &[data-nav-id='latestActivity']:before {.m-faContent(@fa-var-trophy);}
    /* XFMG subnavigation */
    &[data-nav-id='xfmgNewMedia']:before {.m-faContent(@fa-var-images);}
    &[data-nav-id='xfmgNewComments']:before {.m-faContent(@fa-var-comments);}
    &[data-nav-id='xfmgAddMedia']:before {.m-faContent(@fa-var-plus-square);}
    &[data-nav-id='xfmgYourContent']:before {.m-faContent(@fa-var-user);}
    /* Your content menu */
    &[data-nav-id='xfmgYourMedia']:before {.m-faContent(@fa-var-user); margin-right: 15px;}
    &[data-nav-id='xfmgYourAlbums']:before {.m-faContent(@fa-var-user); margin-right: 15px;}
    /*****/
    &[data-nav-id='xfmgWatchedContent']:before {.m-faContent(@fa-var-eye);}
    /* Watched media menu */
    &[data-nav-id='xfmgWatchedMedia']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    &[data-nav-id='xfmgWatchedAlbums']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    &[data-nav-id='xfmgWatchedCategories']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    /*****/
    &[data-nav-id='xfmgSearchMedia']:before {.m-faContent(@fa-var-search);}
    &[data-nav-id='xfmgMarkViewed']:before {.m-faContent(@fa-var-eye-slash);}
    /* XFRM subnavigation */
    &[data-nav-id='xfrmLatestReviews']:before {.m-faContent(@fa-var-balance-scale);}
    &[data-nav-id='xfrmYourResources']:before {.m-faContent(@fa-var-user);}
    &[data-nav-id='xfrmWatched']:before {.m-faContent(@fa-var-eye);}
    /* Watched resources menu */
    &[data-nav-id='xfrmWatchedResources']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    &[data-nav-id='xfrmWatchedCategories']:before {.m-faContent(@fa-var-eye); margin-right: 15px;}
    /*****/
    &[data-nav-id='xfrmSearchResources']:before {.m-faContent(@fa-var-search);}
    /* Members subnavigation */
    &[data-nav-id='currentVisitors']:before {.m-faContent(@fa-var-user-plus);}
    &[data-nav-id='newProfilePosts']:before {.m-faContent(@fa-var-pencil);}
    &[data-nav-id='searchProfilePosts']:before {.m-faContent(@fa-var-user-secret);}
}
/* Afiş genel kodları */
[class*='trgamersafis_'] {font-family:'Play';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 20px 2px 15px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;}
[class*='trgamersafis_'] strong:before {font-family:Font Awesome\ 5 Pro,Font Awesome\ 5 Brands;background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;position: absolute;top: 0;bottom: 0;left: 0;padding: 2px 4px 0px 4px;min-width: 15px;font-size: 100%;text-align: center;}
[class*='trgamersafis_'] strong {margin-left: 15px;}

/* Afiş kodları */
.trgamersafis_00 {background: #8e0909;border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}.trgamersafis_00 strong:before {content: "\f27e";}
.trgamersafis_01 {background: #1C86EE;border-color: #1C86EE;box-shadow: 0 0 15px #1C86EE, inset 0 0 20px white;}.trgamersafis_01 strong:before {content: "\f132";}
.trgamersafis_02 {background: #176093;border-color: #176093;box-shadow: 0 0 15px #176093, inset 0 0 20px white;}.trgamersafis_02 strong:before {content: "\f132";}
.trgamersafis_03 {background: #14bd61;border-color: #14bd61;box-shadow: 0 0 15px #14bd61, inset 0 0 20px white;}.trgamersafis_03 strong:before {content: "\f0e7";}
.trgamersafis_04 {background: #17713c;border-color: #17713c;box-shadow: 0 0 15px #17713c, inset 0 0 20px white;}.trgamersafis_04 strong:before {content: "\f0e7";}
.trgamersafis_05 {background: #8F343A;border-color: #8F343A;box-shadow: 0 0 15px #8F343A, inset 0 0 20px white;}.trgamersafis_05 strong:before {content: "\f3d1";}
.trgamersafis_06 {background: #4ca79b;border-color: #4ca79b;box-shadow: 0 0 15px #4ca79b, inset 0 0 20px white;}.trgamersafis_06 strong:before {content: "\f5b9";}
.trgamersafis_07 {background: #8E44AD;border-color: #8E44AD;box-shadow: 0 0 15px #8E44AD, inset 0 0 20px white;}.trgamersafis_07 strong:before {content: "\f2b5";}
.trgamersafis_08 {background: #F5780D;border-color: #F5780D;box-shadow: 0 0 15px #F5780D, inset 0 0 20px white;}.trgamersafis_08 strong:before {content: "\f4fc";}
.trgamersafis_09 {background: #CF4D35;border-color: #CF4D35;box-shadow: 0 0 15px #CF4D35, inset 0 0 20px white;}.trgamersafis_09 strong:before {content: "\f007";}
.trgamersafis_10 {background: #000000;border-color: #000000;box-shadow: 0 0 15px #000000, inset 0 0 20px white;}.trgamersafis_10 strong:before {content: "\f235";}
.trgamersafis_11 {background: #202020;border-color: #202020;box-shadow: 0 0 15px #202020, inset 0 0 20px white;}.trgamersafis_11 strong:before {content: "\f06e";}

/*Forums, Sub Forums & What's New*/
.block-body .node--forum, .structItemContainer .structItem--thread, .structItemContainer-group .structItem--thread, .block-container .message-inner {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .node--forum:hover, .structItemContainer .structItem--thread:hover, .structItemContainer-group .structItem--thread:hover, .block-container .message-inner:hover {
-moz-transform: scale(1.015);
-webkit-transform: scale(1.015);
-o-transform: scale(1.015);
-ms-transform: scale(1.015);
transform: scale(1.015);
}
/*Widgetler*/
.block-body .block-row  {
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.block-body .block-row:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}


@resource-grid-gap: 12px;
@resource-grid-width: 332px;
@resource-grid-thumb: 110px;

@media (min-width: @xf-responsiveMedium){
    @supports(display: grid){

        .block[data-type="resource"] .structItemContainer{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(@resource-grid-width, 1fr));
            grid-gap: @resource-grid-gap;
            padding: @resource-grid-gap;
            background-color: @xf-contentAltBg;
        }

        .structItem--resource {
            background-color: @xf-contentBg;
            border-radius: 3px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            border-width: 0px;
            display: grid;
            grid-template-columns: @resource-grid-thumb 1fr;
            grid-template-areas: 'icon text' 'stats stats';

            .structItem-cell--icon.structItem-cell--iconExpanded{
                width: auto;
                grid-area: icon;
            }

            .structItem-cell--main {
                grid-area: text;
            }

            .structItem-cell--resourceMeta {
                grid-area: stats;
                width: auto;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
            }

            .structItem-cell--iconExpanded .structItem-iconContainer .avatar {
                width: 100%;
                height: auto;
                font-size: 56px;
            }

            .structItem-secondaryIcon {
                display: none;
            }

            .structItem-metaItem--rating{
                flex: 1 0 100%;
            }

            .structItem-metaItem--downloads,
            .structItem-metaItem--lastUpdate{
                flex: 0 1 auto;
            }

            .ratingStarsRow--justified {
                border-bottom: 1px solid @xf-borderColorFaint;
                margin-bottom: 4px;
                padding-bottom: 4px;
            }
        }

    }
}

/* Icons in sidenav on Account page */

[data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"],

&[data-template="account_details"], &[data-template="account_security"], &[data-template="account_privacy"],

&[data-template="account_preferences"], &[data-template="account_signature"], &[data-template="account_upgrades"],

&[data-template="account_connected"], &[data-template="account_following"], &[data-template="account_ignored"] {

.p-body-sideNavContent a.blockLink {

&:before {

.m-faBase();

padding-right: 5px;

}

&[href*="/members/"]:before {

.m-faContent(@fa-var-user);

}

&[href*="/account/alerts"]:before {

.m-faContent(@fa-var-bell);

}

&[href*="/account/reactions"]:before {

.m-faContent(@fa-var-thumbs-up);

}

&[href*="/account/bookmarks"]:before {

.m-faContent(@fa-var-bookmark);

}

&[href*="/account/account-details"]:before {

.m-faContent(@fa-var-user-cog);

}

&[href*="/account/security"]:before {

.m-faContent(@fa-var-shield-alt);

}

&[href*="/account/privacy"]:before {

.m-faContent(@fa-var-lock);

}

&[href*="/account/preferences"]:before {

.m-faContent(@fa-var-cogs);

}

&[href*="/account/signature"]:before {

.m-faContent(@fa-var-signature);

}

&[href*="/account/upgrades"]:before {

.m-faBase('Brands');

.m-faContent(@fa-var-paypal);

}

&[href*="/account/connected-accounts"]:before {

.m-faContent(@fa-var-users-class);

}

&[href*="/account/following"]:before {

.m-faContent(@fa-var-user-plus);

}

&[href*="/account/ignored"]:before {

.m-faContent(@fa-var-user-minus);

}

&[href*="/logout"]:before {

.m-faContent(@fa-var-sign-out);

}

}

}

/*****/


.message-userExtras dl {
padding: 6px 9px 6px 28px;
background-color: #fff;
margin: 0 0 3px;
position: relative;
font-size: 12.5px;
height: 40px;
border-radius: 30px;
border: 2.2px solid #e4e4e4;
}

.message-userExtras dl i {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 40px;
background-color: #ffc168;
color: #fff;
display: block;
text-align: center;
line-height: 40px;
font-size: 13px;
text-shadow: 0 2px 0 #654e2f;
}
.pairs.pairs--justified > dt {
    color: #212121;
}

/* Hide user extra info */
.message-userExtras {
opacity: 0;
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
.message-cell.message-cell--user:hover .message-userExtras {
opacity: 1;
max-height: 450px;
}
/**********/
/*** تغيرر لون خلفية المواضيع المثبتة مع اضافة حدود بارزة لها ***/
.structItemContainer-group--sticky .structItem--thread {
    background: #d7f0ff !important; /*** لتغير لون خلفية المواضيع المثبتة ***/
}
/**********/

آسف طبعاّ لكثرة طلباتى والإطالة
ولكنى لست بمبرمج فقط أستطيع تعديل الأكواد ولى 3 أيام أحاول ولم أستطع حل مشكلة تصفح الجهاز بالموبايل ولا تعديل الفوتر
شكرا على مساعدتكم أخوتى
 
التعديل الأخير:
حياك الله اخوي صلاح والله ياعزيزي اعذرني بس ما فهمت المطلوب خصوصا ً النقطة هذي

طبعا الإختلاف الفوتر خانات والهيدر للروابط متحدد بلون
روابط الخصوصية والروابط والقوانين والشوسيال ميديا

وايضا اخي صلاح اليس موقع تقني هو موقعك؟ يعني بامكانك نسخ كود الفوتير واستخدامه

اما بالنسبة لمشكلة تصفح الجوال واﻻهتزاز الذي تقصده فاتوقع انه بسبب كود الجافا الخاص بتتابع اﻻقسام
 
حياك الله اخوي صلاح والله ياعزيزي اعذرني بس ما فهمت المطلوب خصوصا ً النقطة هذي



وايضا اخي صلاح اليس موقع تقني هو موقعك؟ يعني بامكانك نسخ كود الفوتير واستخدامه

اما بالنسبة لمشكلة تصفح الجوال واﻻهتزاز الذي تقصده فاتوقع انه بسبب كود الجافا الخاص بتتابع اﻻقسام
نعم أخى شقاوى موقع تقنى هو موقعى ولكن هذا الفوتر خاص Ui.X2 وطبعا الفوتر مدمج بإضافة فى التصميم نفسه
وأنا قد قمت بالتعديل على الفوتر حتى وصلت لهذه النتيجة
ولكن الإضافة مدمجة بالتصميم مسبقا ولا أستطيع إخراج أكواد css الخاصة بالفوتر
فكنت أتمنى لو نفس الفوتر أضغه فى تصميم تانى
وسأجرب حذف الكود وسأرى
 

إحصائيات المنتدى

المواضيع
1,446
المشاركات
16,603
الأعضاء
1,022
آخر عضو مسجل
naseh
أعلى