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

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

Eng.Salah

Eng.Salah

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

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


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


tqny code.png

وأنا أريد تعديله ليصبح مثل هذا الفوتر مع تغير اللون مثل لون حقوق الزين فورور أعلى الفوتر الإضافى
tqny code2.png
ورابط معاينة الفوتر المطلوب

مجتمع تقنى

أكبر مجتمع عام إجتماعى تطويرى تقنى تكنولوجى للموبايلات والمواقع الإلكترونية وبوكسات السوفت وير وتعريب المنتديات والمواقع وتطويرها وخدمات SEO الأرشفة.ودعم فنين صيانة الموبايل والسوفت وير للموبايلات واللاب توب وتطبييقات الأندوريد APK
ar.tqny.vip ar.tqny.vip
طبعا الإختلاف الفوتر خانات والهيدر للروابط متحدد بلون
روابط الخصوصية والروابط والقوانين والشوسيال ميديا
وهذه هى أكواد الفوتر المطلوب التعديل عليها قد أضافها أخى شقاوى فى هذا الموضوع

[ طلب ] - طلب فوتر بسيط

السلام عليكم ورحمة الله وبركاته أخوتي الكرام تحية طيبة أحتاج فوتر مثل هذا وشكرا مقدما
xenarabia.com xenarabia.com
لم أحب أضافة الأكواد مرة آخرى لمنع أطالة الموضوع
وأيضاً آخر طلب لمبرمجى الأكواد
عندى مشكلة فى أكواد 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 أيام أحاول ولم أستطع حل مشكلة تصفح الجهاز بالموبايل ولا تعديل الفوتر
شكرا على مساعدتكم أخوتى ​
 
التعديل الأخير:
ترتيب حسب التاريخ ترتيب حسب الأصوات
حياك الله اخوي صلاح والله ياعزيزي اعذرني بس ما فهمت المطلوب خصوصا ً النقطة هذي

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

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

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



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

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

المواضيع المُشابهة

Binkaddas
  • سؤال سؤال
[ طلب ] طلب كود الايقونات الصغيره للمنتدي Font Awesome Icons
الردود
1
المشاهدات
270
Binkaddas
Binkaddas
D3va
    • أعجبني
    • أحببته
كود لعمل بنرات جميلة لمجموعات المستخدم - تعديل
الردود
6
المشاهدات
467
Mekadz
Mekadz
motasem
[ XF 2.3 ] كود اعادة توجيه الروابط لصفحة انتظار
الردود
11
المشاهدات
241
hamodsekik
hamodsekik
K
  • سؤال سؤال
[ تم الحل ] معلومات العضو في الشريط الجانبي
الردود
11
المشاهدات
1K
kamel dz
K
K
    • أعجبني
[ حصريا ] وضع ظل تحت فئات المنتدى
الردود
16
المشاهدات
2K
zeroleech
Z

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

المواضيع
1,610
المشاركات
18,050
الأعضاء
1,176
آخر عضو مسجل
lamaindia

مشاركة هذه الصفحة

أعلى