دسته‌بندی نشده برگه 14

*** توجه: برای استفاده از این روش باید حتما اول طراحی قالب سایت خود را به اتمام رسانده باشید و بعد از کد ثابت کردن ماژول در صفحه استفاده نمایید.

برای ثابت کردن یک ماژول ( مثلا لوگوی اینماد یا یک بنر تبلیغاتی ) در یک کنج از سایت، ابتدا باید آیدی آن ماژول را پیدا کنیم. برای این منظور به ویرایشگر قالب می رویم و در نوار ابزار پایین صفحه، « ماژول های صفحه » را کلیک می کنیم، تا پنجره « لیست ماژول ها » باز شود. در این پنجره، تمام ماژول های این صفحه از سایت لیست می شود، که با یافتن ماژول مورد نظرمان در این لیست، همانطور که در تصویر ذیل می بینید، آیدی آن ماژول نیز در روبرویش مشخص شده است.

در همان ویرایشگر قالب، یک ماژول اسکریپت جدید اضافه می کنیم و در قسمت کد، کد ذیل را قرار می دهیم:

<script>

    window.onload = function () {
    var MID = 'آیدی ماژول';
    var TOP = 'auto';
    var BOTTOM = 'auto';
    var LEFT = 'auto';
    var RIGHT = 'auto';
    parent.document.getElementById(MID).style.cssText = 'top:'+TOP+'!important;bottom:'+BOTTOM+'!important;left:'+LEFT+'!important;right:'+RIGHT+'!important; position: fixed !important';}

</script>

window.onload = function () {

var MID = 'آیدی ماژول';

var TOP = 'auto';

var BOTTOM = 'auto';

var LEFT = 'auto';

var RIGHT = 'auto';

parent.document.getElementById(MID).style.cssText = 'top:'+TOP+'!important;bottom:'+BOTTOM+'!important;left:'+LEFT+'!important;right:'+RIGHT+'!important; position: fixed !important';}

</script>

در این کد، باید آیدی ماژولی که قبلا پیدا کردیم را در محل مشخص شده، قرار دهیم و نیز، با توجه به اینکه ماژول در چه کنجی از سایت می خواهیم ثابت (فیکس) شود، برای عبارتهای متناسب با آن کنج مقدار auto را با مقدار صفر جایگزین می کنیم. در تصویر ذیل عبارتهای متناسب برای هر کنج مشخص شده است:

مثلا، اگر آیدی ماژول skin-fhdgd باشد و بخواهیم در کنج پایین سمت چپ ثابت شود، کد نهایی به اینصورت می شود:

<script>
    window.onload = function() {
        var MID = 'skin-fhdgd';
        var TOP = 'auto';
        var BOTTOM = '0';
        var LEFT = '0';
        var RIGHT = 'auto';
        parent.document.getElementById(MID).style.cssText = 'top:' + TOP + '!important;bottom:' + BOTTOM + '!important;left:' + LEFT + '!important;right:' + RIGHT + '!important; position: fixed !important';
    }
</script>

window.onload = function() {

var MID = 'skin-fhdgd';

var TOP = 'auto';

var BOTTOM = '0';

var LEFT = '0';

var RIGHT = 'auto';

parent.document.getElementById(MID).style.cssText = 'top:' + TOP + '!important;bottom:' + BOTTOM + '!important;left:' + LEFT + '!important;right:' + RIGHT + '!important; position: fixed !important';

}

</script>

+88

بایگانی دسته: دسته‌بندی نشده

نحوه ثابت کردن ماژول در صفحه