تبلیغات در اینترنتتبلیغات در اینترنت
نمایش نتایج: از 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,352
    میزان امتیاز
    395

    پیش فرض

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

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

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

    پیش فرض

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

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

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

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

    پیش فرض

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

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

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

    پیش فرض

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

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


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

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

    پیش فرض

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

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

    کد 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,352
    میزان امتیاز
    395

    پیش فرض

    نقل قول نوشته اصلی توسط 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, 10:01 AM

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

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

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

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