الگو:تب رده: تفاوت میان نسخه‌ها

@@ خط ۱: / خط ۱: @@
-<div style="border: 1px solid #ddd; border-radius: 8px; overflow: hidden;">
+<div style="max-height: {{{ارتفاع|400px}}}; overflow: auto; border: 1px solid #bccaff; padding: 2px; border-radius: 5px; background-color: #fbfcff; margin: 1em auto;">
-    <div style="display: flex; background: #f5f5f5;">
+{{#if: {{{تیتر|}}} | <div style="white-space: nowrap; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; font-size: 120%; font-weight: bold; text-align: center; padding: 5px; margin: 0px; background-color: #E8DDCD; border: 2px solid #DAC9B4; border-bottom: none;">{{{تیتر|}}}</div>}}
-        <div id="tab1-btn" style="flex: 1; text-align: center; padding: 10px; cursor: pointer; background: #4CAF50; color: white;" onclick="document.getElementById('tab1').style.display='block'; document.getElementById('tab2').style.display='none'; document.getElementById('tab3').style.display='none'; this.style.background='#4CAF50'; this.style.color='white'; document.getElementById('tab2-btn').style.background='#f5f5f5'; document.getElementById('tab2-btn').style.color='#333'; document.getElementById('tab3-btn').style.background='#f5f5f5'; document.getElementById('tab3-btn').style.color='#333';">{{{1}}}</div>
+<tabber>
+|-| اساتید =
-        <div id="tab2-btn" style="flex: 1; text-align: center; padding: 10px; cursor: pointer; background: #f5f5f5; color: #333;" onclick="document.getElementById('tab1').style.display='none'; document.getElementById('tab2').style.display='block'; document.getElementById('tab3').style.display='none'; this.style.background='#4CAF50'; this.style.color='white'; document.getElementById('tab1-btn').style.background='#f5f5f5'; document.getElementById('tab1-btn').style.color='#333'; document.getElementById('tab3-btn').style.background='#f5f5f5'; document.getElementById('tab3-btn').style.color='#333';">{{{2}}}</div>
+<categorytree mode="all" hideroot="true">اساتید</categorytree>
-        <div id="tab3-btn" style="flex: 1; text-align: center; padding: 10px; cursor: pointer; background: #f5f5f5; color: #333;" onclick="document.getElementById('tab1').style.display='none'; document.getElementById('tab2').style.display='none'; document.getElementById('tab3').style.display='block'; this.style.background='#4CAF50'; this.style.color='white'; document.getElementById('tab1-btn').style.background='#f5f5f5'; document.getElementById('tab1-btn').style.color='#333'; document.getElementById('tab2-btn').style.background='#f5f5f5'; document.getElementById('tab2-btn').style.color='#333';">{{{3}}}</div>
+|-| مقالات =
-    </div>
+<categorytree mode="all" hideroot="true">مقالات</categorytree>
-    <div id="tab1" style="padding: 15px; display: block;">
+|-| کتابخانه =
-        <categorytree mode="all" hideroot="true">{{{1}}}</categorytree>
+<categorytree mode="all" hideroot="true">کتابخانه</categorytree>
-    </div>
-    <div id="tab2" style="padding: 15px; display: none;">
+|-| موضوعات =
-        <categorytree mode="all" hideroot="true">{{{2}}}</categorytree>
+<categorytree mode="all" hideroot="true">موضوعات</categorytree>
-    </div>
+</tabber>
-    <div id="tab3" style="padding: 15px; display: none;">
-        <categorytree mode="all" hideroot="true">{{{3}}}</categorytree>
-    </div>
 </div>