دیتالایف انجین فارسی

تغییر استایل ماژول برترین مطالب

تاریخ انتشار: 18 خرداد 1391
ارسال کننده: IMP
بوسیله این ترفند ساده، لیست مطالبی که در ماژول مطالب برتر به نمایش گذاشته میشود را با چهره جدید و امکانات بیشتری به نمایش بگذارید.

امکانات این ترفند:
۱. نمایش تصویر مطلب بوسیله Tooltip
۲. نمایش مختصری از متن مطلب بوسیله Tooltip
  • آموزش نصب
۱. فایل topnews.tpl قالب خود را باز کرده، تمامی محتوای آن را حذف کرده و کد زیر را به جای آن قرار دهید:
<style>
span {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.tooltip-style1 {background:rgba(0,0,0,0.8);color:white;max-width:200px;padding:5px;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);}
.topnews a {padding:2px;display: block;margin:0 0 2px 0;color:#fff;background:rgba(0,0,0,0.4);box-shadow: inset rgba(0,0,0,0.3) 0px 1px 3px, rgba(255,255,255,0.4) 0px 1px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.topnews a:hover {background:rgba(0,0,0,0.2);}
</style>
<script type="text/javascript">
    $(document).ready(function() {
        $(".tooltips").hover(
            function() { $(this).contents("span:last-child").css({ display: "block" }); },
            function() { $(this).contents("span:last-child").css({ display: "none" }); }
        );
$(".tooltips").mousemove(function(e) {
            var mousex = e.pageX + 10;
            var mousey = e.pageY + 5;
            $(this).contents("span:last-child").css({  top: mousey, left: mousex });
        });
    });
</script>
<div id="header_wrapper" class="tooltips topnews">
<li><a href="{li*nk}">{ti*tle}</a></li><span style="display:none;position:absolute;" class="tooltip-style1"><img width="50px" style="float:right;" src="{image-1}" /><div style="margin-right:33px;">{text limit="50"}</div></span>
</div>

نکته: لطفآ * موجود در تگ های {li*nk} و {ti*tle} را حذف کنید.
برای نمایش مطالب برتر باید از کد زیر در قالب استفاده کنید:
{include file="engine/modules/3news.php?mod=topnews&template=topnews&from=0&limit=10"}
23 نفر (23 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر
عضو سایت
18 خرداد 1391 - 21:04
بسیار
بسیار
بسیار
کار جالب و زیبایی هست dance

خسته نباشی happy
عضو سایت
18 خرداد 1391 - 21:44
flower کاشتی

--------------------
عضو سایت
19 خرداد 1391 - 07:31
ممنون خیلی به دردم خورد flower
مدیر سایت
19 خرداد 1391 - 17:42
ایول خیلی قشنگه
تشكرات pray

--------------------
عضو سایت
19 خرداد 1391 - 19:02
عاشق این جور مطالبم
عضو سایت
21 خرداد 1391 - 01:35
ممنون . شیک بودنش خودش جذب می کنه بازدید کننده رو winked

--------------------
عضو سایت
21 خرداد 1391 - 19:31
مرسی ، دوستان روی 9.4 نمیاد؟

--------------------
عضو سایت
21 خرداد 1391 - 21:59
سلام و تشکر
برای اینکه بتونیم در نسخه 9.2 نیز استفاده کنیم، چه باید کنیم؟
مدیر بازنشسته
21 خرداد 1391 - 22:21
sepahna,
تست نکردم، در نتیجه اطلاعی ندارم.
saeed90,
شما بهتره از ورژن های جدیدتر استفاده کنید.
عضو سایت
07 تیر 1391 - 13:20
دستتون درد نكنه خیلی عالی بود
من چطوری میتونم رانگهاشو تغییر بدم
مدیر بازنشسته
07 تیر 1391 - 17:35
noredin,
با ویرایش کدهای CSS, اگر یک نگاهی به کدهایی که هنگام نصب وارد میکنید بکنید متوجه میشید...
عضو سایت
23 تیر 1391 - 00:55
عالی بود flower

--------------------
عضو سایت
25 تیر 1391 - 19:33
فوق العاده بود ... چیزایی که باعث شیک تر شدن و تغییر چهره سایت یا ماژول میشن خیلی تاثیر گذارن واقعا ...
سپاس از شما
زیبا سازی باید معیار اصلی باشد donoghted
عضو سایت
25 مرداد 1391 - 10:12
فوق العاده بود،سپاسگذارم flower

--------------------
عضو سایت
01 بهمن 1391 - 09:15
خوبه ممنون
اما ظاهرا مطالب برتر رو نشون نمی ده!
برای آشنایی با رنگ های rgba اینجا کلیک کنید.
مدیر بازنشسته
01 بهمن 1391 - 09:19
morteza14,
چی رو نشون میده؟
عضو سایت
01 بهمن 1391 - 09:55
یکسری مطالب تصادفی رو !
دوستان در ضمن توجه داشته باشید که در صورت استفاده از این کد، سرعت سایتتون پایین میاد.
برای امتحان به سایت http://gtmetrix.com مراجعه کنید و سرعت سایتتون را قبل و بعد از استفاده از این کد امتحان کنید.
موفق باشید
مدیر بازنشسته
01 بهمن 1391 - 11:33
morteza14,
مشکل اینجاست که شما استایل رو با ماژول اشتباه گرفتی! ما که ماژول معرفی نکردیم! شما از یک ماژول دیگه استفاده کن! نمیدونم رو چه حسابی میگید وجود استایل، مطلب نشون نمیده! خب نباید هم نشون بده! smile2

در مورد سرعت سایت، شما حتی اگر از یک کد جی کوئری هم استفاده کنید، سرعت سایتتون میاد پایین، پس شما سیستم ایجکس سیستم رو هم غیر فعال کن! چون روی سرعت تاثیر داره، تصاویر قالب رو هم حذف کن، وقتی این کارها رو انجام دادی، تست سرعت بگیر و از سرعت بالا در بارگزاری سایتت خوشحال باش.

نمیدونم چه اجباری هست که حتما بعضی ها باید یک چیزی توی قسمت نظرات بنویسند! هرچند بیربط و ...
عضو سایت
29 مرداد 1392 - 12:16
خیلی شیک شد سایت مرسییی!
جهت ارسال نظر، فرم زیر را تکمیل نمائید:
نام:*
ایمیل:*
متن نظر:

 
پررنگکج خط دارخط دار در وسط|سمت چپوسط سمت راست|قرار دادن شکلکانتخاب رنگ|پنهان کردن متنقراردادن نقل قولتبدیل نوشته ها به زبان روسیقراردادن Spoiler
کد امنیتی: *