کد سه قسمت مطالب پر بازدید ، جدید و تصادفی زیبا برای رزبلاگ

به در خواستی یکی از کاربران انجمن این کد رو در سایت قرار میدم. این کد باعث میشه که سه قسمت مطالب پر بازدید ، مطالب تصادفی و آخرین مطالب سایت شما در رزبلاگ در یک منو قرار می گیرد و باعث می شود که از فضای قالب خود استفاده بهینه را ببرید.

این کد توسط جی کوئری طراحی شده است.

اگر در قالب شما فایل جی کوئری وجود دارد در کد داده شده کد زیر رو حذف کنید.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 

این کد را در head قالب خود قرار دهید:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <style> .click td{background:#eee;cursor:pointer;padding:4px;border:1px #ccc;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-khtml-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;text-align:center;} .click td:hover{background:#ddd;} </style> <script> $(document).ready(function() { $(".goup").slideUp(); $("#porbazdid").slideDown(); $(".click td").click(function() { $(".goup").slideUp(); var activeTab = $(this).attr("name"); $("#"+activeTab).slideDown(); }); }); </script>

این کد را در محل مربوطه بگذارید:

<table class="click"> <tr> <td name="porbazdid">مطالب پر بازدید</td> <td name="jadid">مطالب جدید</td> <td name="tasadofi">مطالب تصادفی</td> </tr> </table> <ul class="goup" id="porbazdid"> <RB:Hit_Posts_Loop> <li><a href="[Hit_Posts_Link]">[Hit_Posts_Title]</a></li></RB:Hit_Posts_Loop> </ul> <ul class="goup" id="jadid"> <RB:Blog_Last_Posts_Loop> <li><a href="[Last_Post_Url]">[Last_Post_Title]</a></li></RB:Blog_Last_Posts_Loop> <li><a href="http://moisrex.r98.ir">کدستان</a></li> </ul> <ul class="goup" id="tasadofi"> <RB:Rand_Posts_Loop> <li><a href="[Rand_Posts_Link]">[Rand_Posts_Title]</a></li></RB:Rand_Posts_Loop> <li><a href="http://moisrex.rozblog.com">کدستان</a></li> </ul>