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

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

پشتیبان رسمی سیستم مدیریت محتوا

تغییر استایل ماژول

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

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

امکانات این ترفند:
۱. نمایش تصویر مطلب بوسیله 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"}
نظرات کاربران
ایمان برومند در 18 خرداد 1391 - 21:04 گفته:
عضو سایتنظرات: 129

بسیار
بسیار
بسیار
کار جالب و زیبایی هست dance

خسته نباشی happy

1001night.ir در 18 خرداد 1391 - 21:44 گفته:
عضو سایتنظرات: 55

flower کاشتی

--------------------

sare در 19 خرداد 1391 - 07:31 گفته:
عضو سایتنظرات: 10

ممنون خیلی به دردم خورد flower

حمید صادقی در 19 خرداد 1391 - 17:42 گفته:
مدیر سایتنظرات: 465

ایول خیلی قشنگه
تشكرات pray

--------------------

صادق محقق در 19 خرداد 1391 - 19:02 گفته:
عضو سایتنظرات: 35

عاشق این جور مطالبم

داود دویده در 21 خرداد 1391 - 01:35 گفته:
عضو سایتنظرات: 18

ممنون . شیک بودنش خودش جذب می کنه بازدید کننده رو winked

--------------------

mahmoodbarani در 21 خرداد 1391 - 19:31 گفته:
عضو سایتنظرات: 23

مرسی ، دوستان روی 9.4 نمیاد؟

--------------------

saeed90 در 21 خرداد 1391 - 21:59 گفته:
عضو سایتنظرات: 6

سلام و تشکر
برای اینکه بتونیم در نسخه 9.2 نیز استفاده کنیم، چه باید کنیم؟

IMP در 21 خرداد 1391 - 22:21 گفته:
مدیر بازنشستهنظرات: 917

sepahna,
تست نکردم، در نتیجه اطلاعی ندارم.
saeed90,
شما بهتره از ورژن های جدیدتر استفاده کنید.

امید  در 07 تیر 1391 - 13:20 گفته:
عضو سایتنظرات: 28

دستتون درد نكنه خیلی عالی بود
من چطوری میتونم رانگهاشو تغییر بدم

IMP در 07 تیر 1391 - 17:35 گفته:
مدیر بازنشستهنظرات: 917

noredin,
با ویرایش کدهای CSS, اگر یک نگاهی به کدهایی که هنگام نصب وارد میکنید بکنید متوجه میشید...

Mojtaba در 23 تیر 1391 - 00:55 گفته:
عضو سایتنظرات: 14

عالی بود flower

--------------------

larzesh در 25 تیر 1391 - 19:33 گفته:
عضو سایتنظرات: 35

فوق العاده بود ... چیزایی که باعث شیک تر شدن و تغییر چهره سایت یا ماژول میشن خیلی تاثیر گذارن واقعا ...
سپاس از شما
زیبا سازی باید معیار اصلی باشد donoghted

میلاد میرزایی در 25 مرداد 1391 - 10:12 گفته:
عضو سایتنظرات: 56

فوق العاده بود،سپاسگذارم flower

--------------------

سید مرتضی حسینی در 01 بهمن 1391 - 09:15 گفته:
عضو سایتنظرات: 6

خوبه ممنون
اما ظاهرا مطالب برتر رو نشون نمی ده!
برای آشنایی با رنگ های rgba اینجا کلیک کنید.

IMP در 01 بهمن 1391 - 09:19 گفته:
مدیر بازنشستهنظرات: 917

morteza14,
چی رو نشون میده؟

سید مرتضی حسینی در 01 بهمن 1391 - 09:55 گفته:
عضو سایتنظرات: 6

یکسری مطالب تصادفی رو !
دوستان در ضمن توجه داشته باشید که در صورت استفاده از این کد، سرعت سایتتون پایین میاد.
برای امتحان به سایت http://gtmetrix.com مراجعه کنید و سرعت سایتتون را قبل و بعد از استفاده از این کد امتحان کنید.
موفق باشید

IMP در 01 بهمن 1391 - 11:33 گفته:
مدیر بازنشستهنظرات: 917

morteza14,
مشکل اینجاست که شما استایل رو با ماژول اشتباه گرفتی! ما که ماژول معرفی نکردیم! شما از یک ماژول دیگه استفاده کن! نمیدونم رو چه حسابی میگید وجود استایل، مطلب نشون نمیده! خب نباید هم نشون بده! smile2

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

نمیدونم چه اجباری هست که حتما بعضی ها باید یک چیزی توی قسمت نظرات بنویسند! هرچند بیربط و ...

justin b در 29 مرداد 1392 - 12:16 گفته:
عضو سایتنظرات: 4

خیلی شیک شد سایت مرسییی!

ارسال نظر
نام:*
ایمیل:*
متن نظر:
  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
کد را وارد کنید: *
عکس خوانده نمی‌شود؟ کلیک کنید!