ساعت

ساعت ابزارکی زیبا – clock widget

سلام

امروز هم یک ساعت زیبا براتون آوردم . این ساعت بصورت ابزارک طراحی شده شما از این ساعت میتونید در قسمت ابزارک های قالبتون استفاده کنید (برای وردپرس یا جوملا) .

پیش نمایش 

برای استفاده از این کد در ابزارک باید از ابزارک متنی در وردپرس استفاده کنید و کد های HTML زیر را در اون کپی کنید:

  <div class="nav">
        <ul>
          <li class="al">هشدار</li>
          <li class="sw">ایست</li>
          <li class="tm">تایمر</li> 
          <li class="st">طراح سایت</li>
        </ul>
    </div>  

    <ul id="clock">
        <li id="hour"></li>
        <li id="min"></li>
        <li id="sec"></li>
    </ul>

    <div id="date">
          <span id="monthDay"></span>
          <span id="year"></span>
    </div>

 نکته خیلی مهم : باید حتما به قالبتون فایل های CSS و JQ را اضافه کنید قبل از اضافه کردن حتما فابل های استایل CSS را ویرایش کنید تا تداخل کلاس نداشته باشد.

این کد دارای دو فایل استایل می باشد که شما باید هردو را چک کنید مثلا شما به استایل body  و  html و * و h1تا h6 و… نیازی ندارید چون در قالبتون تعریف شده و اگر شما عینن اینها را اضافه کنید در استایل کلی قالب مشکل ایجاد خواهد شد .

چون این کد های جاوااسکریپت و استایل زیا هستن در اینجا نمی گذارم و شما از آنرا با دانلود  فایل سورس برنامه می تونید استفاده کنید.

دانلود سورس برنامه 

امید وارم خوشتان  آمده باشد.

یا علی

برای دانلود فایل واردشوید
ورود ثبت نام
برچسب ها :

پاسخی بگذارید

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

Time limit is exhausted. Please reload CAPTCHA.