یادداشت: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
-<div style="border:1px solid #28a745; border-radius:8px; padding:15px; background:#f8fff9;">
+<div style="border:1px solid #ddd; border-radius:8px; padding:15px;">
-<strong>📂 نمایش رده‌ها - انتخاب کنید:</strong><br/>
+<button style="background:#28a745; color:white; border:none; padding:8px 15px; border-radius:4px; cursor:pointer" onclick="this.parentNode.children[1].style.display='block'; this.parentNode.children[2].style.display='none'; this.parentNode.children[3].style.display='none'">مقالات</button>
-۱. <span style="color:#28a745; cursor:pointer" onclick="this.parentNode.querySelector('#cat1').style.display='block'; this.parentNode.querySelector('#cat2').style.display='none'; this.parentNode.querySelector('#cat3').style.display='none'">مقالات</span> |
+<button style="background:#6c757d; color:white; border:none; padding:8px 15px; border-radius:4px; cursor:pointer" onclick="this.parentNode.children[1].style.display='none'; this.parentNode.children[2].style.display='block'; this.parentNode.children[3].style.display='none'">اخبار</button>
-۲. <span style="color:#28a745; cursor:pointer" onclick="this.parentNode.querySelector('#cat1').style.display='none'; this.parentNode.querySelector('#cat2').style.display='block'; this.parentNode.querySelector('#cat3').style.display='none'">اخبار</span> |
+<button style="background:#6c757d; color:white; border:none; padding:8px 15px; border-radius:4px; cursor:pointer" onclick="this.parentNode.children[1].style.display='none'; this.parentNode.children[2].style.display='none'; this.parentNode.children[3].style.display='block'">آموزش</button>
-۳. <span style="color:#28a745; cursor:pointer" onclick="this.parentNode.querySelector('#cat1').style.display='none'; this.parentNode.querySelector('#cat2').style.display='none'; this.parentNode.querySelector('#cat3').style.display='block'">آموزش</span>
-<div id="cat1" style="margin-top:10px;">
+<div style="margin-top:15px;">
 <categorytree mode="all" hideroot="true">مقالات</categorytree>
 </div>
-<div id="cat2" style="margin-top:10px; display:none;">
+<div style="margin-top:15px; display:none;">
-<categorytree mode="all" hideroot="true">دور ها</categorytree>
+<categorytree mode="all" hideroot="true">اسایتد</categorytree>
 </div>
-<div id="cat3" style="margin-top:10px; display:none;">
+<div style="margin-top:15px; display:none;">
-<categorytree mode="all" hideroot="true">اساتید</categorytree>
+<categorytree mode="all" hideroot="true">کتابخانه</categorytree>
 </div>
 </div>