The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
 خلفيات متعدده للمنتدى + للواجهه IYwmYsl  خلفيات متعدده للمنتدى + للواجهه YX9OYr9

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
495 المساهمات
351 المساهمات
184 المساهمات
119 المساهمات
93 المساهمات
66 المساهمات
34 المساهمات
32 المساهمات
27 المساهمات
27 المساهمات
آخر المشاركات





description10~ خلفيات متعدده للمنتدى + للواجهه

more_horiz
السلام عليكم ورحمة الله بركاته
 كود خلفيات متعدده للمنتدى + للواجهه

 خلفيات متعدده للمنتدى + للواجهه Animat13

من هذا الكود يستطيع الاعضاء اختيار الواجهه المفضله لهم + الخلفيه للمنتدى  خلفيات متعدده للمنتدى + للواجهه Icon_biggrin
-----------------

وصور الخلفيات والواجهات كلها موجوده بكود الجافا
يمكنكم تغيرها الى صور من اختياركم
_________________________


طريقة التركيب

اولا ضع الكود التالي بالcss

الكود:

body {
    background-size: 100% 100%;
}


i.fa.fa-object-group:before {
    color: #fff;
    content: "خلفيه";
}
i.wagyh:before {
    color: #fff;
    content: "واجهه";
}

.waghh {
    background-size: 100% 100%;
    height: 300px;
    width: 100%;
}
header.lffgg-bgimage__header {
    padding: 1rem;
    display: block;
    background-color: #5a98fe;
    border-radius: 5px;
    color: #fff;
    font-family: "Arial", sans-serif;
    font-size: 14px;
}





ثانيا ضع الكود التالي في الجافا مع اختيار جميع الصفحات

الكود:

(function($, css) {
    'use strict';
    var config = {
        tooltip: 'Insert a random number',
        max: 10,
        min: 1
    };
 
$(function() {
        if (!$.sceditor)
            return;
        var random;
        $.sceditor.command.set('maxmin', {
            exec: function() {
                random = Math.floor(Math.random() * (config.max - config.min + 1)) + config.min;
                this.insert(random)
            },
            txtExec: function() {
                random = Math.floor(Math.random() * (config.max - config.min + 1)) + config.min;
                this.insert(random)
            },
            tooltip: config.tooltip
        });
        toolbar = toolbar.replace(/fahide/, 'maxmin, fahide');
        $('<style>').text(css.join('\n')).appendTo('head')
    })
}(jQuery, ['.sceditor-button-maxmin div {', 'background: url(https://i.servimg.com/u/f28/11/40/02/06/scre1425.png)!important;', '}', '']));
(function($, STORAGE_KEY, styles) {
    'use strict';
    var imageList = ['https://i.servimg.com/u/f28/11/40/02/06/zijkcq10.png', 'https://i.servimg.com/u/f70/17/17/86/62/6610.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/68110.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/383810.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/25d82510.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/633810.jpg'];
    function generateElement() {
        var choicesList = $.map(imageList, function(image) {
            return $('<div class="lffgg-bgimage__choice">').attr('data-image', image).html($('<img />', {
                src: image
            }).prop('outerHTML')).prop('outerHTML')
        });
        return $(['<div class="lffgg-bgimage lffgg-bgimage--hidden">', '  <a class="lffgg-bgimage__toggler" title="اختر واجهه">', '    <span><i class="wagyh"></i></span>', '  </a>', '  <div class="lffgg-bgimage__inner">', '    <headeer class="lffgg-bgimage__headeer">', '      <span>اختر واجهه</span>', '    </headeer>', '    <div class="lffgg-bgimage__picker-wrapper">', '      <div class="lffgg-bgimage__picker">', '        ' + choicesList.join('\n'), '      </div>', '    </div>', '  </div>', '</div>'].join('\n'))
    }
    function handleToggle() {
        var $target = $(this);
        $target.parents('.lffgg-bgimage').toggleClass('lffgg-bgimage--hidden')
    }
    function setBg() {
        if (!'localStorage'in window) {
            return false
        }
        var image = function() {
            return localStorage.getItem(STORAGE_KEY)
        };
        if (!image()) {
            localStorage.setItem(STORAGE_KEY, imageList[0])
        }
        $('.waghh').css('background-image', 'url(' + image() + ')');
        return true
    }
    function handleChange(event) {
        var $target = $(this);
        var image = $target.attr('data-image');
        localStorage.setItem(STORAGE_KEY, image);
        setBg()
    }
    $(function() {
        if (!setBg()) {
            return console.warn('[LFFG Script] Your browser does not support the localStorage API.')
        }
        generateElement().on('click', function(event) {
            event.stopPropagation()
        }).on('click', '.lffgg-bgimage__toggler', handleToggle).on('click', '.lffgg-bgimage__choice', handleChange).appendTo('.waghh');
        $(window).on('click', function() {
            if (!$('.lffgg-bgimage').is('.lffgg-bgimage--hidden')) {
                $('.lffgg-bgimage').addClass('lffgg-bgimage--hidden')
            }
        });
       $('<style>', {
            text: styles.join('\n')
        }).appendTo('head')
    })
}
)(jQuery, 'lffgg-current-bgimage', ['.lffgg-bgimage {', '  display: block;', '  border-left: 0;', '  position: fixed;', '  top: 10vh;', '  Left: 0;', '  background-color: #ddd;', '  border-radius: 5px;', '  z-index: 94035;', '  transition: all ease-in-out 300ms;', '}', '', '.lffgg-bgimage.lffgg-bgimage--hidden {', '  transform: translateX(calc(-100% - 25px));', '}', '', '.lffgg-bgimage__toggler {', '  display: flex;', '  justify-content: center;', '  align-items: center;', '  top: 50px;', '  width: 50px;', '  height: 40px;', '  position: absolute;', '  border-radius: 0px 12px 12px 0px;', '  Left: calc(100% + 1px + 1.5rem);', '  background-color: #e91e63;', '  font-size: 20px;', '  color: #000;', '  transition: all linear 95ms;', '  cursor: pointer;', '}', '.lffgg-bgimage__toggler:hover,', '.lffgg-bgimage__toggler:hover::before {', '  text-decoration: inherit;',  '}', '', '.lffgg-bgimage__toggler span {', '  position: relative;', '  z-index: 2;', '}', '', '.lffgg-bgimage__headeer {', '  padding: 1rem;', '  display: block;', '  background-color: #5a98fe;', '  border-radius: 5px;', '  color: #fff;', '  font-family: "Arial", sans-serif;', '  font-size: 14px;', '}', '', '.lffgg-bgimage__picker-wrapper {', '  max-height: 300px;', 'width: 200px;', 'border: 1px solid #ccc;', ' border-radius: 3px;', '  overflow-y: scroll;', '}', '', '.lffgg-bgimage__picker {', '  display: flex;', '  justify-content: center;', '  align-items: center;', '  flex-direction: column;', '}', '', '.lffgg-bgimage__choice {', '  display: block;', '  margin-bottom: 1rem;', '  border-radius: 10px;', '  overflow: hidden;', '  cursor: pointer;', '  transition: all linear 100ms;', '}', '', '.lffgg-bgimage__choice:hover {', '  box-shadow: 0 0 0 3px #5a98fe;', '}', '', '.lffgg-bgimage__choice:first-child {', '  margin-top: 1rem;', '}', '', '.lffgg-bgimage__choice img {', '  width: 160px;', '  height: 50px;', '}']);
$(window).load(function() {
    $(".postprofile .user_block_img").each(function(i, v) {
        var s, c = $(v).clone();
        $('.label:nth(1)', c).prevAll().remove();
        $('.label:nth(0)', c).remove();
        c.attr("class", "post-bio");
        if ($(".label:nth(1)", v)[0]) {
            while (s = $(".label:nth(1)", v)[0].nextSibling)
                s.remove();
            $(v).append(c)
        }
    });
    $(document).on('click', '.card_id', function(t) {
        t = $(this).html();
        $(this).append("<textarea style=opacity:0.01;position:absolute;>");
        t = $("textarea", this).val(t);
        t.select();
        document.execCommand("copy");
        t.remove()
    });
    $(".opmenidugme").click(function() {
        $(".opmeni").animate({
            width: "toggle"
        })
    });
    $('.accinfo').click(function() {
        $('.user_block_img').fadeToggle("slow", "linear")
    });
    $(".unotrabl").click(function() {
        $(".post").addClass('pojedan').removeClass('podva')
    });
    $('.post:first').removeClass('podva');
    $(".duetrabl").click(function() {
        $('.post').addClass('podva').removeClass('pojedan')
    });
    $(".asearch").click(function() {
        $(".advancedsearch").toggle()
    });
    $(".oplodime").click(function() {
        $("#comments_scroll_div").animate({
            width: "toggle"
        })
    });
    $(".abilities").click(function() {
        $(".abilities-details").toggle()
    })

});

(function($, css) {
    'use strict';
    var config = {
        tooltip: 'Insert a random number',
        max: 10,
        min: 1
    };
 'هذا الكود تم استخراجه  وتعديله بواسطة كونان2000: (◔◡◔)';  
  'وفقكم الله';
$(function() {
        if (!$.sceditor)
            return;
        var random;
        $.sceditor.command.set('maxmin', {
            exec: function() {
                random = Math.floor(Math.random() * (config.max - config.min + 1)) + config.min;
                this.insert(random)
            },
            txtExec: function() {
                random = Math.floor(Math.random() * (config.max - config.min + 1)) + config.min;
                this.insert(random)
            },
            tooltip: config.tooltip
        });
        toolbar = toolbar.replace(/fahide/, 'maxmin, fahide');
        $('<style>').text(css.join('\n')).appendTo('head')
    })
}(jQuery, ['.sceditor-button-maxmin div {', 'background: url(https://i.servimg.com/u/f28/11/40/02/06/scre1425.png)!important;', '}', '']));
(function($, STORAGE_KEY, styles) {
    'use strict';
    var imageList = ['https://i.servimg.com/u/f28/11/40/02/06/zijkcq10.png', 'https://i.servimg.com/u/f70/17/17/86/62/6610.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/68110.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/383810.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/25d82510.jpg', 'https://i.servimg.com/u/f70/17/17/86/62/633810.jpg'];
    function generateElement() {
        var choicesList = $.map(imageList, function(image) {
            return $('<div class="lffg-bgimage__choice">').attr('data-image', image).html($('<img />', {
                src: image
            }).prop('outerHTML')).prop('outerHTML')
        });
        return $(['<div class="lffg-bgimage lffg-bgimage--hidden">', '  <a class="lffg-bgimage__toggler" title="اختر خلفية للمنتدى">', '    <span><i class="fa fa-object-group"></i></span>', '  </a>', '  <div class="lffg-bgimage__inner">', '    <headeer class="lffg-bgimage__headeer">', '      <span>اختر خلفية المنتدى</span>', '    </headeer>', '    <div class="lffg-bgimage__picker-wrapper">', '      <div class="lffg-bgimage__picker">', '        ' + choicesList.join('\n'), '      </div>', '    </div>', '  </div>', '</div>'].join('\n'))
    }
    function handleToggle() {
        var $target = $(this);
        $target.parents('.lffg-bgimage').toggleClass('lffg-bgimage--hidden')
    }
    function setBg() {
        if (!'localStorage'in window) {
            return false
        }
        var image = function() {
            return localStorage.getItem(STORAGE_KEY)
        };
        if (!image()) {
            localStorage.setItem(STORAGE_KEY, imageList[0])
        }
        $('body, html').css('background-image', 'url(' + image() + ')');
        return true
    }
    function handleChange(event) {
        var $target = $(this);
        var image = $target.attr('data-image');
        localStorage.setItem(STORAGE_KEY, image);
        setBg()
    }
    $(function() {
        if (!setBg()) {
            return console.warn('[LFFG Script] Your browser does not support the localStorage API.')
        }
        generateElement().on('click', function(event) {
            event.stopPropagation()
        }).on('click', '.lffg-bgimage__toggler', handleToggle).on('click', '.lffg-bgimage__choice', handleChange).appendTo('body, html');
        $(window).on('click', function() {
            if (!$('.lffg-bgimage').is('.lffg-bgimage--hidden')) {
                $('.lffg-bgimage').addClass('lffg-bgimage--hidden')
            }
        });
       $('<style>', {
            text: styles.join('\n')
        }).appendTo('head')
    })
}
)(jQuery, 'lffg-current-bgimage', ['.lffg-bgimage {', '  display: block;', '  border-left: 0;', '  position: fixed;', '  top: 10vh;', '  Left: 0;', '  background-color: #ddd;', '  border-radius: 5px;', '  z-index: 94035;', '  transition: all ease-in-out 300ms;', '}', '', '.lffg-bgimage.lffg-bgimage--hidden {', '  transform: translateX(calc(-100% - 25px));', '}', '', '.lffg-bgimage__toggler {', '  display: flex;', '  justify-content: center;', '  align-items: center;', '  width: 50px;', '  height: 40px;', '  position: absolute;', '  border-radius: 0px 12px 12px 0px;', '  Left: calc(100% + 1px + 1.5rem);', '  background-color: #e91e63;', '  font-size: 20px;', '  color: #000;', '  transition: all linear 95ms;', '  cursor: pointer;', '}', '.lffg-bgimage__toggler:hover,', '.lffg-bgimage__toggler:hover::before {', '  text-decoration: inherit;',  '}', '', '.lffg-bgimage__toggler span {', '  position: relative;', '  z-index: 2;', '}', '', '.lffg-bgimage__headeer {', '  padding: 1rem;', '  display: block;', '  background-color: #5a98fe;', '  border-radius: 5px;', '  color: #fff;', '  font-family: "Arial", sans-serif;', '  font-size: 14px;', '}', '', '.lffg-bgimage__picker-wrapper {', '  max-height: 300px;', 'width: 200px;', 'border: 1px solid #ccc;', ' border-radius: 3px;', '  overflow-y: scroll;', '}', '', '.lffg-bgimage__picker {', '  display: flex;', '  justify-content: center;', '  align-items: center;', '  flex-direction: column;', '}', '', '.lffg-bgimage__choice {', '  display: block;', '  margin-bottom: 1rem;', '  border-radius: 10px;', '  overflow: hidden;', '  cursor: pointer;', '  transition: all linear 100ms;', '}', '', '.lffg-bgimage__choice:hover {', '  box-shadow: 0 0 0 3px #5a98fe;', '}', '', '.lffg-bgimage__choice:first-child {', '  margin-top: 1rem;', '}', '', '.lffg-bgimage__choice img {', '  width: 160px;', '  height: 50px;', '}']);
$(window).load(function() {
    $(".postprofile .user_block_img").each(function(i, v) {
        var s, c = $(v).clone();
        $('.label:nth(1)', c).prevAll().remove();
        $('.label:nth(0)', c).remove();
        c.attr("class", "post-bio");
        if ($(".label:nth(1)", v)[0]) {
            while (s = $(".label:nth(1)", v)[0].nextSibling)
                s.remove();
            $(v).append(c)
        }
    });
    $(document).on('click', '.card_id', function(t) {
        t = $(this).html();
        $(this).append("<textarea style=opacity:0.01;position:absolute;>");
        t = $("textarea", this).val(t);
        t.select();
        document.execCommand("copy");
        t.remove()
    });
    $(".opmenidugme").click(function() {
        $(".opmeni").animate({
            width: "toggle"
        })
    });
    $('.accinfo').click(function() {
        $('.user_block_img').fadeToggle("slow", "linear")
    });
    $(".unotrabl").click(function() {
        $(".post").addClass('pojedan').removeClass('podva')
    });
    $('.post:first').removeClass('podva');
    $(".duetrabl").click(function() {
        $('.post').addClass('podva').removeClass('pojedan')
    });
    $(".asearch").click(function() {
        $(".advancedsearch").toggle()
    });
    $(".oplodime").click(function() {
        $("#comments_scroll_div").animate({
            width: "toggle"
        })
    });
    $(".abilities").click(function() {
        $(".abilities-details").toggle()
    })
});






ثالثا  الكود التالي هو المسؤول عن ظهور الواجهه

الكود:

<div class="waghh"></div>


ضعه في اي مكان ترى انه مناسب في الهيدر
لكي تظهر الواجهه
---------------
وفقكم الله


_______________________________

معلومات الكود..
هذا الكود موجود سابقا للخلفيات فقط وهو مناسب لكل النسخ,
انا فقط قمت بتعديله لاضافة زر جديد للواجهات واضافة كتابه على الازرار
واصلاح بعض المشاكل
(●'◡'●)

description10~رد: خلفيات متعدده للمنتدى + للواجهه

more_horiz
أهلاً كونان 
كود مميز جداً ، ذكرني ب الستايل متعدد الالوان
لكن هنا بـ ستايلات متعددة وهذا اروع بكثير ♥
شكـراً لمجهودك الدائم 

description10~رد: خلفيات متعدده للمنتدى + للواجهه

more_horiz
وااو .. كود مثير للاهتمام حقـا ~

كالعادة كونان ما شاء الله مبـدع بكل معنى الكلمة

شكرا جزيلا لك ^^

 خلفيات متعدده للمنتدى + للواجهه 866468155

description10~رد: خلفيات متعدده للمنتدى + للواجهه

more_horiz
@Rose و @Akatsuki
شكرا على مروركم ^^
سعيد ان الكود اعجبكم
وان شاء الله اجيكم بفكره جديده قريبا

تحياتي
 خلفيات متعدده للمنتدى + للواجهه 3937780206

description10~رد: خلفيات متعدده للمنتدى + للواجهه

more_horiz
سلمت يدآك على الطرح
بـ نتظـآر آلمزيد من هذا آلفيـض الراآقي
لك كل الود والاحترام

description10~رد: خلفيات متعدده للمنتدى + للواجهه

more_horiz
شكرآ لك
 
 KonuEtiketleri عنوان الموضوع
خلفيات متعدده للمنتدى + للواجهه
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى
replyإرسال مساهمة في موضوع
remove_circleمواضيع مماثلة
chat_bubbleخلفيات بلاك بيري _ خلفيات 2011 - خلفيات سبونج بوب
chat_bubbleخلفيات منوعه- خلفيات كول - خلفيات للبلاك بيري
chat_bubbleلا يأس مع الحياة - خلفيات ايفون - خلفيات 2013
chat_bubbleاكواد جديدة للمنتدى ....
chat_bubbleشرح رفع استايل للمنتدى