کد روز شمار

MicroCounter-FAکد MicroCounter
به روزرسانی: نسخه ۱٫۱ – مشکل نادیده گرفتن واحد‌ها و اشتباه محاسباتی برطرف شد.

این اسکریپت بر پایه کد زیر نوشته شده‌است. ساختار اصلی بهبود یافته و ویژگی‌های جدید بسیاری نیز پشتیبانی می‌شوند. همچنین قالب‌های جدیدی نیز افزوده شده اند.

پیش‌نمایش:
http://drsdavidsoft.persiangig.com/Pages/Day-Count-Down-Skins/Micro-Counter-DRS.html

DRS Day Countdown Default Theme Demo
کد روزشمار معکوس و مسقیم
به روزرسانی: نسخه ۱.۴.۳

این کد فاصله‌ی دقیق روز فعلی با روزی را که وارد کرده‌اید به صورت دقیق محاسبه می‌کند و آن را نمایش می‌دهد.
از این کد می‌توانید هم به عنوان شمارنده معکوس و هم روزشمار معمولی استفاده کنید.

یک نمونه از این کد در این لینک قابل مشاهده است:
http://drsdavidsoft.persiangig.com/Pages/Day-Count-Down-by-DRS.html

احتمالاً به روزرسانی‌های جدید برای این کد انجام نخواهد شد. توسعه کد MicroCounter در دست اجرا قرار خواهد گرفت.

ویژگی‌ها:
* شمارش معکوس و شمارش غیر معکوس روز
* امکان شمارش سال، ماه، هفته، روز، ساعت، دقیقه، و ثانیه به صورت کاملاً صحیح
* شمارش دقیق ثانیه‌ها بدون عقب/جلو رفتن
* امکان استفاده از زمان سرور به‌جای زمان کامپیوتر کلاینت
* دارای طراحی‌های پیش‌فرض بسیار زیبا
* امکان طراحی آسان CSS برای استایل آن
* امکان تعریف ویژگی چشمک زدن اعداد هنگام تغییر شماره به صورت دلخواه
* نمایش متن دلخواه در هنگام آغاز و پایان شمارش
* امکان استفاده‌ی بسیار آسان در فریم‌ها
* و بسیاری قابلیت‌های دیگر با استفاده از پلاگین‌های دلخواه.

نکته: این کد امکان استفاده و سازگاری با Libraryهایی مثل jQuery را دارد، اما برای استفاده از خود کد، به آن‌ها نیازی ندارد و در نتیجه حجم کل اسکریپت پایین‌تر از چندین کیلوبایت است.


بخشی از پوسته‌های پیش‌فرض:
(برای دیدن نمونه روی آن‌ها کلیک نمایید)

شمارشگر کوچکمحاسبه‌گر دایره‌ای

صفحه نمایش LCD

قالب شیشه‌ای

پرسش‌های خود در زمینه شخصی سازی را به ایمیل من ارسال نمایید.
David@Refoua.me


این کد در سایت‌های زیر معرفی شده است:

20 فکر می‌کنند “کد روز شمار

  1. با سلام.
    چطور میتونم کد روزشمار معکوس نمونه دوم را تهیه کنم؟
    لطفا راهنمایی کنید.
    با تشکر

    پاسخ به ایمیل شما ارسال گردید
    با سپاس از استفاده ی شما از کد من!

  2. سلام
    اگه من اولی رو بخوام باید چیکار کنم؟
    البته متنش میخوام چیز دیگه باشه.
    لطفا راهنمایی کنید.
    تشکر

    • سلام.
      با توجه به اینکه کجا و چگونه مایلید از این کد استفاده کنید؛ روش متفاوتی دارد.
      شما باید نمونه‌ی کد را دریافت کنید و تنظیمات آن را مطابق دلخواه خود تغییر دهید.
      لطفاً آدرس صفحه‌ای که می‌خواهید کد را پر آن قرار دهید را به من ایمیل نمایید تا به‌صورت کامل شما را راهنمایی کنم.
      با سپاس از استفاده شما از کد من

  3. باسلام
    ببخشین من میخواستم از اسکیریپتون داخل یه سلیت جوملایی استفاده کنم
    اما اصلا نمیدونم متن ورودی رو چه جوری بهش بدم
    چه جوری تاریخش رو تنظیم کنم که شروع به شمارش معکوس کنه
    وهمچنین چه جوری متن پایانی رو بهش بدم که بعد از پایان روز شما نشون بده
    باتشکر

    • سلام.
      تمامی این تنظیمات در بالای سورس کد به‌آسانی امکان تغییر را دارند.
      همچنین کد ها برای استفاده محتوای متغییر از PHP و ASP مناسب هستند.
      چنانچه باز هم در تغییر تنظیمات کد مورد نظرتان مشکلی دارید، لطفاً کد کامل خود را ارسال نمایید تا بررسی شود.
      سپاس

    • بله، می‌توانید شمارشگر را به‌صورت دلخواه طراحی نمایید.
      و برای این‌کار، کافی‌است که class ها و id های هر Element را ثابت نگه دارید.

  4. سلام
    من اولین روزشمار رو (همونی که روز و ماه و سال و … فارسیه) توی وبلاگم گذاشتم و همه چیزش خوبه فقط یه تغییری می خوام بدم، اونم اینه که وقتی وبلاگمو با اینترنت اکسپلورر یا گوگل کروم باز می کنم، زمینه ی این روز شمار کاملا مشکیه ولی وقتی که با مرورگر گوشیم وبلاگمو باز می کنم، زمینه روز شمار مشکی اما شفافه و متن زیرش هم به راحتی خونده می شه
    حالا اگه می شه لطف کنید بگید دقیقا خط چندم کد رو به چه صورت تغییر بدم تا توی اینترنت اکسپلورر و گوگل کروم (منظورم کلا کامپیوتر هست) هم، زمینه شفاف داشته باشته

    • سلام. شما باید تمامی مقادیر opacity و alpha-filter رو روی ۰ تنظیم کنید.
      همچنین برای رنگ‌ها، به‌جای تمامی rgba ها، از rgb استفاده نمایید.

  5. سلام.
    چطور می تونم سایز و محل دایره رنگی که در نمونه دوم حرکت می کند را تغییر بدهم؟
    کلاً می خواهم از این طرح در سایز کوچکتر استفاده کنم. من همه عناصر را کوچک کردم اما فقط دایره های رنگی که می چرخند را نتوانستم تغییر سایز بدهم.
    لطفا مرا راهنمایی کنید
    باسپاس

    • سلام.
      این دایره‌ها درواقع یک Canvas (مربوط به HTML 5) هستند که توسط کدهای جاوااسکرپیت کشیده می‌شوند. برای تغییر اندازه‌ی محتوای این Canvasها، باید کد جاوااسکریپت مربوط به آن‌ها را تغییر دهید.
      به‌عنوان مثال، من در Canvasهای این کد، از Arc برای کشیدن دایره‌ها استفاده کرده‌ام.
      تغییر در CSS یا Style‌های آن‌ها تأثیری بر روی محتوای کشیده شده ندارد.

  6. سلام، ممنونم از کد کاربردی شما.
    من اگه بخوام که این کد رو به صورت شمارش رو به جلو از یک مبداء زمانی دلخواه داشته باشم باید چکار کنم؟ البته این کد رو من می خوام در ماژول HTML جوملا قرار بدم.
    و یه سوال دیگه، آیا میشه که در این کد یه متن دلخواه با فونت دلخواه قرار داد؟
    و آیا میشه که سال، ماه و روز از راست به چپ نمایش داده شوند، به‌جای آنکه از چپ به راست نمایش داده بشن؟
    ممنونم از زحمتی که می کشید.
    وب سایت: http://www.4dangehnews.com
    ایمیل: alinazari571@gmail.com

    • سلام و ممنون که از کد من استفاده می‌کنید.
      برای شمارش رو به جلو، مقدار متقییر countUp را روی true تنظیم کنید، و TargetDate را به زمان میلادی مبداء مورد نظر تغییر دهید.
      برای نمایش تاریخ از راست به چپ در بیشتر قالب‌ها، کافی است که ابتدای CSS طرح را به این شکل تغییر دهید:
      body {
      direction: rtl;
      }

      برای نمایش متن دلخواه، تنها به تغییر HTML کد نیاز دارید. برای استفاده از فونت‌های دلخواه هم می‌توانید هم CSS اصلی را تغییر دهید، و هم مستقیم در HTML از آن‌ها استفاده نمایید.
      ضمناً این کد از ابتدا به‌گونه‌ای طراحی شده که که در هر جایی که امکان کد نویسی PHP و یا HTML و… وجود داشته‌باشد، کار می‌کند. بنابراین، امکان استفاده آن به‌راحتی در ماژول‌های جوملا و پلاگین‌های وردپرس فراهم می‌باشد. اگر در استفاده با CMS خاصی دچار مشکل شدید، لطفاً اطلاع دهید.
      با سپاس،
      David Refoua

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Anti-Spam by WP-SpamShield