آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
نسبت با نفر قبلی...	5	399	temor
عکس های بهاره رهنما	3	312	admin_a
پروانه ای با بال های شیشه ای+تصاویر	2	323	adminloxabzar
درخواست قالب فان برای رزبلاگ	1	322	adminloxabzar
\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\|\| کد منوی پله ای بسیار زیبا و فارسی	1	327	adminloxabzar
کد منوی پله ای فوق العاده شیک و جذاب	1	402	adminloxabzar
عکس های رز رضوی	1	271	adminloxabzar
عکس های ماندانا سوری	1	292	adminloxabzar
عكس هاي سه بعدي ايراني جديد	2	400	adminloxabzar
آموزش مخفی کردن هر ایکنی که میخوایین	1	262	adminloxabzar
مسابقه جدید بدو بیا تو مخصوص صاحبان وبلاگ	13	1246	adminloxabzar
کد قالب	6	377	adminloxabzar
انتقاد شدید از مدیر	5	298	adminloxabzar
زنان چگونه توسط قذافی شکار می شدند؟	1	283	adminloxabzar
تفاوت طرز فکر زنها و مردها ( طنز)	2	253	adminloxabzar
درد و دل سهراب دانشجو	1	137	adminloxabzar
گوگل بعد از 8 سال شکست خورد.	1	200	adminloxabzar
کمک این کد رو ویرایش کنید	2	305	admin
عکس های آنا نعمتی	0	257	behzad21
اگه خودکارت به اندازه یک جمله جوهر داشت برای نفر قبلیت چی می نوشتی ؟؟	1	284	toofan245

12 3 4 5 6 7 8 9...24 25 »

با کمک جی‌کوئری، یک شمارنده برای افتتاح سایت‌تان طراحی کنید

1692

          Admin 
            بازدید : 823
          یکشنبه 13 آذر 1390
           نظرات (0)
        

از من می‌پرسید به نظرم به‌تر هست همیشه برای کارهای‌تان ارزش قائل شوید. چون اولین گام ِ موفقیت، اهمیت دادن به آن کار است. پس چه به‌تر که از همان آغاز، یک شروع ِ جالب داشته باشیم.

بگذریم. می‌خواهیم یک چیز ِ کوچولو درست کنیم که تا زمان ِ آغاز به‌کار ِ سایت یا وبلاگ و یا هرچیز ِ دیگری که هست، تعداد روزها و ساعات ِ باقی‌مانده را برای بازدیدکننده‌گان بشمارد. مثلا بگوید “به‌زودی تا ۵ روز و ۸ ساعت و ۲۷ دقیقه و ۴۰ ثانیه‌ی دیگر سایت افتتاح خواهد شد” یا یک همچین‌چیزی :)

کار ِ سختی نیست. اول، کتاب‌خانه‌ی جی‌کوئری را از اینجا بگیرید (اگر اجازه نداد، از اینجا بگیرید).

سپس این اسکریپت را دریافت کنید.

یک فایل با نام index.html بسازید و کدهای زیر را در آن بگذارید:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>به‌زودی...</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="countdown.js"></script> </head> <body> <center><div id="count_down_container"></div></center> <script type="text/javascript"> var currentyear=new Date().getFullYear() var target_date=new cdtime("count_down_container", "december 31, "+currentyear+" 18:0:00") target_date.displaycountdown("days", displayCountDown) </script> </body> </html>

در خط ِ ۱۲، تاریخ ِ مربوط به پایان ِ شمارنده را باید تعیین کنید. مثلا من آن را روی آخرین روز ِ سال گذاشته‌ام. یعنی ۳۱اُم دسامبر و همچنین هجده ساعت هم به آن اضافه کرده‌ام.

حالا دستورات ِ سی‌اس‌اس ِ زیر را هم اضافه کنید:

body {background-color: #ddeef6;} #count_down_container {color: #e43c01; font: bold 150px Georgia; direction: rtl;} sup {font: bold 13px Tahoma; color: #666; margin-left: 60px;}

در انتخاب‌گر ِ count_down_container، دستورات مربوط به فونت و ظاهر ِ اعداد ِ شمارنده را تعریف می‌کنیم.

خب، تمام شد دیگر. نمونه‌ی این شمارنده را اینجا ببینید