تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 9 از 9

مقاله: روز شمار نوروز 1393 ویبولتین با قابلیت بسته شدن

    1. روز شمار نوروز 1393 ویبولتین با قابلیت بسته شدن »

      روز شمار نوروز 1393 ویبولتین با قابلیت بسته شدن

      نگارش: , by (کاربر اخراجی)
      2014/01/02 09:29 PM
      امتیاز:  (1 رای ، میانگین : 5.00 )

      با سلام


      این آموزش طبق

      روز شمار نوروز 1392 ویبولتین با قابلیت بسته شدن

      هست که ، مقدارش تغییر کرده فقط

      دمو : دریافت کد روزشمار نوروز 1392 (البته برای 1392 هست که در این آموزش 1393 هست )


      برای اینکار ابتدا به قالب header رفته و کد های زیر را به اوّل آن اضافه کنید :

      کد:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script>
      $(document).ready(function(){
      $(".cross").click(function(){
      $("kadr.img").fadeOut(300);
      $(".noroz").delay(300).fadeOut(300);
      $(".kadr").delay(400).slideUp(300);
      });
      });
      
      
      
      
      $(document).ready(function(){
      $(".cross").mouseenter(function(){
      $(".kadrtitle2").fadeIn(300);
      });
      });
      
      
      
      
      $(document).ready(function(){
      $(".cross").mouseleave(function(){
      $(".kadrtitle2").fadeOut(300);
      });
      });
      </script>

      کد های زیر را به additional.css خود اضافه کنید :

      کد:
      .noroz * {font: 11px "tahoma";
      direction:rtl;
      }
      
      
      
      
      .kadr {
      height:57px;
      border-radius:5px;
      border:1px solid #cecece ;
      border-bottom:3px solid #cecece ;
      margin:0 auto;
      position:relative;
      margin:10px;
      background:white;
      }
      
      
      
      
      .kadrtitle {
      position:absolute;
      top:5px;
      right:5px;
      }
      
      
      
      
      .cross {
      background:url(صفحه پیدا نشد - 404
      width:41px;
      height:35px;
      float: left;
      margin-left: 2px;
      }
      
      
      
      
      #cntdwn  {
      direction: rtl;
      text-align: right;
      padding-top: 14px;
      float: right;
      padding-right: 10px;
      }
      
      
      
      
      #cntdwn :after {
      content:".";
      }
      
      
      
      
      .noroz b {
      font-weight:bold;
      color:gray;
      }
      
      
      
      
      .kadrtitle2 {
      background: #f54522 ;
      border: 1px solid #d32f0e ;
      text-shadow: 1px 1px #d32f0e ;
      font: 11px tahoma;
      position: absolute;
      color: white;
      padding: 3px 5px;
      border-radius: 5px;
      left: 45px;
      top: 8px;
      display:none;
      
      }


      این کد ها رو هم هرجا که دوست دارید نمایش داده شود قرار دهید : (مثلا اول فوتر یا آخر ناوبار )

      کد:
      <div class="kadr"><div class="kadrtitle2">بستن کادر</div>
      <div class="kadrtitle">
      <div class="noroz"><img src="http://www.vbiran.ir/norooz/haftsin.png" style="float:right;" />
      <script language="JavaScript">TargetDate = "3/20/2013 20:27:07 ";BackColor = "";ForeColor = "#000000";CountActive = true;DisplayFormat = " تا آغاز سال جديد 1392 شمسي    %%D%% روز و %%H%% ساعت و  %%M%%  دقيقه و %%S%% ثانيه زمان مانده است";FinishMessage = "آغاز سال 1392 و عيد نوروز بر شما مبارک";</script> <script language="JavaScript">function calcage(secs, num1, num2) {
        s = ((Math.floor(secs/num1))%num2).toString();
        if (s.length < 2)
          s = "0" + s;
        return "<b>" + s + "</b>";
      }
      
      
      
      
      function CountBack(secs) {
        if (secs < 0) {
          document.getElementById("cntdwn").innerHTML = FinishMessage;
          return;
        }
        DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
        DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
        DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
        DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));
      
      
      
      
        document.getElementById("cntdwn").innerHTML = DisplayStr;
        if (CountActive)
          setTimeout("CountBack(" + (secs-1) + ")", 990);
      }
      
      
      
      
      function putspan(backcolor, forecolor) {
       document.write("<span id='cntdwn' style='background-color:" + backcolor + 
                      "; color:" + forecolor + "'></span>");
      }
      
      
      
      
      if (typeof(BackColor)=="undefined")
        BackColor = "blue";
      if (typeof(ForeColor)=="undefined")
        ForeColor= "red";
      //if (typeof(TargetDate)=="undefined")
        TargetDate = "03/20/2013 20:27:07";
      if (typeof(DisplayFormat)=="undefined")
        DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
      if (typeof(CountActive)=="undefined")
        CountActive = true;
      if (typeof(FinishMessage)=="undefined")
        FinishMessage = "";
      putspan(BackColor, ForeColor);
      var dthen = new Date(TargetDate);
      var dnow = new Date();
      ddiff = new Date(dthen-dnow);
      gsecs = Math.floor(ddiff.valueOf()/1000);
      CountBack(gsecs);</script><br><br></div>  
      </div>
      <div class="cross"></div>
      
      </div>


      موفق باشید .



      در صورت وجود مشکل و کار نکردن اطلاع بدین تا بررسی بشه





      ویرایش توسط Ostad : 2014/01/02 در ساعت 11:52 PM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    181
    میزان امتیاز
    25

    پیش فرض

    برای کار کردن روز شمار چیکار کنم
    سایت بزرگ زابل بویز| بزرگترین مرجع تخصصی کامپیوتر

    کاربر مقابل از rejina بابت این پست مفید تشکر کرده است:


  2. Top | #3
    کاربر اخراجی

    ورژن ویبولتین
    4.2.2
    نوشته ها
    3,348
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط rejina نمایش پست ها
    در فایل jS ، تاریخ رو تغییر بدین + زمان

  3. Top | #4
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    181
    میزان امتیاز
    25

    پیش فرض

    نقل قول نوشته اصلی توسط Ostad نمایش پست ها
    در فایل jS ، تاریخ رو تغییر بدین + زمان

    کجاشو میشه ویرایش شدشو بذارید

  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    4
    نوشته ها
    65
    میزان امتیاز
    10

    پیش فرض

    اگه میشه برای وردپرس هم قرار بدید

  5. Top | #6
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    181
    میزان امتیاز
    25

    پیش فرض

    نقل قول نوشته اصلی توسط Ostad نمایش پست ها
    در فایل jS ، تاریخ رو تغییر بدین + زمان
    میشه ویرایش شدشو بذاریدمیشه ویرایش شدشو بذارید

    کاربر مقابل از rejina بابت این پست مفید تشکر کرده است:


  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    6664
    نوشته ها
    79
    میزان امتیاز
    12

    پیش فرض

    خب من این رو ادیت کردم و بالاخره راه افتاد...دقیق هم ست شد...

    این کد ها رو جایی که میخواین به نمایش در بیاد قرار بدید :

    کد PHP:
    <div class="kadr"><div class="kadrtitle2"></div>
    <
    div class="kadrtitle">
    <
    div class="noroz"><img src="http://www.vbiran.ir/norooz/haftsin.png" style="float:right;" />
    <
    script language="JavaScript">TargetDate "3/21/2014 21:21:21";BackColor "";ForeColor "#000000";CountActive true;DisplayFormat " تا آغاز سال جديد 1393 شمسي  <b>  %%D%% روز و %%H%% ساعت و  %%M%%  دقيقه و %%S%% </b> ثانيه زمان مانده است";FinishMessage "آغاز سال 1393 و عيد نوروز بر شما مبارک";</script> <script language="JavaScript">function calcage(secs, num1, num2) {
      s = ((Math.floor(secs/num1))%num2).toString();
      if (s.length < 2)
        s = "0" + s;
      return "<b>" + s + "</b>";
    }




    function CountBack(secs) {
      if (secs < 0) {
        document.getElementById("cntdwn").innerHTML = FinishMessage;
        return;
      }
      DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
      DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
      DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
      DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));




      document.getElementById("cntdwn").innerHTML = DisplayStr;
      if (CountActive)
        setTimeout("CountBack(" + (secs-1) + ")", 990);
    }




    function putspan(backcolor, forecolor) {
     document.write("<span id='cntdwn' style='background-color:" + backcolor + 
                    "; color:" + forecolor + "'></span>");
    }




    if (typeof(BackColor)=="undefined")
      BackColor = "blue";
    if (typeof(ForeColor)=="undefined")
      ForeColor= "red";
    //if (typeof(TargetDate)=="undefined")
      TargetDate = "03/21/2014 21:21:21";
    if (typeof(DisplayFormat)=="undefined")
      DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
    if (typeof(CountActive)=="undefined")
      CountActive = true;
    if (typeof(FinishMessage)=="undefined")
      FinishMessage = "";
    putspan(BackColor, ForeColor);
    var dthen = new Date(TargetDate);
    var dnow = new Date();
    ddiff = new Date(dthen-dnow);
    gsecs = Math.floor(ddiff.valueOf()/1000);
    CountBack(gsecs);</script><br><br></div>  
    </div>
    <div class="cross"></div>

    </div> 

    5 تشکر توسط:


  7. Top | #8
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    31
    میزان امتیاز
    0

    پیش فرض

    ممنون از دوستان
    فقط میخواستم بدونم این کد رو باید کجا بزارم ، که بالای آخرین ارسالی ها نمایش داده بشه ؟
    ویرایش توسط Sky Boy : 2014/02/28 در ساعت 09:18 AM

  8. Top | #9
    کاربر اخراجی

    ورژن ویبولتین
    4.2.2
    نوشته ها
    3,348
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط Sky Boy نمایش پست ها
    ممنون از دوستان
    فقط میخواستم این کد رو باید کجا بزارم ، که بالای آخرین ارسالی ها نمایش داده بشه ؟
    توی navbar

    کاربر مقابل از Ostad بابت این پست مفید تشکر کرده است:


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 5
    آخرين نوشته: 2015/10/06, 11:49 AM
  2. روز شمار نوروز 1392 ویبولتین با قابلیت بسته شدن
    توسط VBIran در انجمن آموزش های وی بولتین
    پاسخ: 107
    آخرين نوشته: 2014/02/26, 02:22 AM
  3. نحوه بروز کردن به ویبولتین 5
    توسط mahdihosseini در انجمن پرسش و پاسخ
    پاسخ: 8
    آخرين نوشته: 2013/03/18, 12:22 PM
  4. پاسخ: 5
    آخرين نوشته: 2011/09/27, 07:21 PM
  5. پاسخ: 6
    آخرين نوشته: 2011/08/28, 11:01 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •