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

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

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

@@ خط ۱: / خط ۱: @@
 <includeonly>
-<div style="width:160px; border:1px solid #ccc; padding:10px; text-align:center; border-radius:8px; font-family:Tahoma;">
+<div class="counter-box" style="display:inline-block; vertical-align:top; margin:4px; width:130px; border:0px solid #ccc; padding:0em !important; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align:center; border-radius:0px; font-family:Gandom; background-color:{{{bgcolor|#f9f9f9}}}; box-sizing:border-box;">
-   <div style="margin-bottom:8px;">
+   <div style="margin-bottom:0px;">
-     [[پرونده:{{{icon|Icon-book.png}}}|40px|وسط|بندانگشتی]]
+     [[پرونده:{{{icon|Icon-book.png}}}|{{{iconsize|60px}}}|link=|class=noviewer]]
    </div>
-   <div style="font-weight:bold; font-size:16px;">
+   <div style="font-weight:bold; font-size:16px; margin-bottom:0px;">
      {{{title|عنوان پیش‌فرض}}}
    </div>
-   <div style="font-size:20px; color:#333; margin-top:6px;">
+   <div class="animated-counter"
-     {{{count|1}}}
+       data-start="{{{start|1}}}"
+       data-end="{{{end|100}}}"
+       data-speed="{{{speed|30}}}"
+       style="font-size:16px; color:#333;">
+     {{{start|1}}}
    </div>
 </div>
@@ خط ۱۵: / خط ۱۹: @@
 '''نحوه استفاده:'''
 <pre>
-{{کادر-آیکن
+{{کادر-شمارنده
-  | icon  = Icon-user.png
+  | icon     = Icon-book.png
-  | title = کاربران فعال
+ | iconsize = 70px
-  | count = ۱۲۳
+  | title    = کتاب‌ها
+ | start    = 1
+  | end      = 232
+ | speed    = 30
+ | bgcolor  = #fffbe6
 }}
 </pre>
 </noinclude>