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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 4 از 11 نخستنخست 1234567891011 آخرینآخرین
نمایش نتایج: از 31 به 40 از 108

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

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

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

      نگارش: , by (مدیریت کل سایت)
      2013/02/14 02:46 AM
      امتیاز: 

      درود.

      مشکلات کد ها مانند بسته شدن کادر های دیگر یا محو شدن تصاویر دیگر حل شد ، از ابتدا آموزش را انجام دهید .


      در این مقاله از کد های این مقاله استفاده شده است : روز شمار عید 92 بسیاز زیبا و ساده + شات که فقط چند خاصیت به آن اضافه شده است .

      نمونه زنده :

      دریافت کد روزشمار نوروز 1392

      برای اینکار ابتدا به قالب 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(http://www.vbiran.ir/adbox/close.png);
      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/21/2013 09:18:19 ";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 15:31:56";
      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>
      موفق باشید .

      منبع : وی بی ایران
  1. Top | #31
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,305
    میزان امتیاز
    139

    پیش فرض

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

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





  2. گیفت کارت آیتونز

  3. Top | #32

    پیش فرض

    نقل قول نوشته اصلی توسط jcs.w نمایش پست ها
    هيچ اشتباهي رخ نداده ، تو html 5 ميتونيد تگ هاي self closing رو نبنديد.
    ویبولتین از Html 5 استفاده نمیکنه از XHTML 1.0 استفاده میکنه . اینطوری قرار دادن معتبر نیست و باید <br /> باشه

    نقل قول نوشته اصلی توسط iWhost نمایش پست ها
    <script language="JavaScript">
    این کد هم به اینصورت باید باشه

    کد:
    <script language="JavaScript" type="text/javascript" >
    Mini Type فراموش شده بود ....

  4. Top | #33
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    علی جان توی آپدیت این آموزش مشکلاتشو هم برطرف کنید

    1- توی کلاس جاوا Mini Type مشخص نشده
    نیازی نیست .

    2- <br> هم اشتباه قرار دادید منظورم اینه که باید <br /> باشه . البته خودتون بهتر میدونید شاید عجله ای انجام دادید
    کد دقیقاً از این تاپیک برداشته شده روز شمار عید 92 بسیاز زیبا و ساده + شات و بنده فقط تزئین اون رو انجام دادم ، در واقع توی کد های من اصلاً br وجود نداره.

    2- وقتی کادر رو میبندیم تبلیغاتی هم که تو navbar گذاشته بودم باهاش بسته میشه !
    یک </div> کم داشت که اضافه شد به انتها .

    عالی شده
    ممنون

    Mini Type
    Mime Type منظورتون هست دیگه

  5. Top | #34

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    نیازی نیست .
    اخه اگه نذاریم تو validator.w3 ارور میده . البته زیاد فرقی هم نمیکنه ولی فکر کردم بهتره بذارید

    یک </div> کم داشت که اضافه شد به انتها .
    نه این </div> رو بذاریم کل انجمن بهم میریزه

    Mime Type منظورتون هست دیگه


    ببخشید دارم یک آموزش میذارم یکم سرم شلوغه قاطی کردم شما درست میفرمائید

    منظورم Internet Media type هست الان خوب شد

  6. Top | #35
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    ببخشید یکم سرم شلوغه قاطی کردم شما درست میفرمائید
    اگر سرتون شلوغ بود کد ها رو بررسی نمی کردید و در پی اشکال گرفتن نمی رفتید . ضمناً برای فایل های .js خود مرورگر type فایل رو درک میکنه و نیازی به Mime Type نیست و حتی اگر هم نیازی باشه type صحیح application/javascript هست .

    موفق باشید.

  7. Top | #36

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    اگر سرتون شلوغ بود کد ها رو بررسی نمی کردید و در پی اشکال گرفتن نمی رفتید . ضمناً برای فایل های .js خود مرورگر type فایل رو درک میکنه و نیازی به Mime Type نیست و حتی اگر هم نیازی باشه type صحیح application/javascript هست .
    موفق باشید.
    این کد رو چند ساعت قبل گذاشتم نه الان !! قصدم هم ایراد گرفتن نبود !! اگه دوست دارید فقط بگم به به عالی بود بفرمائید ، خوب بلدم ! قصدم بهتر شدن اموزش از چیزی که هست بود .

    ممنون به اطلاعاتم اضافه شد

  8. Top | #37
    کاندیدای مدیریت

    ورژن ویبولتین
    5.0.0
    نوشته ها
    493
    میزان امتیاز
    70

    پیش فرض

    درود

    با تشکر از علی آقا بسیار زیباست و iWhost عزیز

    من واسه دوستان دکمه برگشتو اضافه کردم .

    که دموش اینجا میتونید ببینید: VBIran Noruz 1392

    قالب headinclude یا 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);
    $(".kadrtitle3mneo").slideDown(300);
    $(".noroz").delay(300).fadeOut(300);
    $(".kadr").delay(400).slideUp(300);
    });
    });
    $(document).ready(function(){
      $(".kadrtitle3mneo").click(function(){
      $("kadr.img").fadeIn(300);
      $(".noroz").delay(300).fadeIn(300);
      $(".kadr").delay(400).slideDown(300);
      $(".kadrtitle3mneo").fadeOut(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(http://www.vbiran.ir/adbox/close.png);
    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;
    }
    .kadrtitle3mneo {
    background: #f54522;
    border: 1px solid #d32f0e;
    text-shadow: 1px 1px #d32f0e;
    text-align:center;
    width:120px;
    font: 11px tahoma;
    position: relative;
    color: white;
    padding: 3px 5px;
    border-radius: 5px;
    display:none;
    margin:10px;
    cursor:pointer;
    opacity:0.9;
    }
    .kadrtitle3mneo:hover {opacity:1;}
    این کد ها رو هم هرجا که دوست دارید نمایش داده شود قرار دهید :
    کد:
    <center><div class="kadrtitle3mneo">نمایش روز شمار عید</div></center>
    <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/2013 09:18:19 ";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/21/2013 9:18:19";
    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>
    منبع : وی بی ایران

    موفق باشید .
    ویرایش توسط Mohsen Neo : 2013/02/20 در ساعت 10:42 PM دلیل: آپدیت شد !

    5 تشکر توسط:


  9. Top | #38
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    ممنون کد پست اول آپدیت شد و جاوااسکریپت ها به صورت inline اضافه شد برای افزایش سرعت !

    محسن جان شما هم اگر خواستید کد هاتون رو آپدیت کنید .

    3 تشکر توسط:


  10. Top | #39
    کاربر سایت

    ورژن ویبولتین
    4.2.1
    نوشته ها
    348
    میزان امتیاز
    40

    پیش فرض

    خیلی کد جالبی بود
    فقط ی نکته من همه کد به کارم نمیاد
    یعنی روز شمار و حذف کردم
    فقط میخوام از سفره اون استفاده بکنم
    دوتا سوال:
    اول این کار من از نظر نویسنده کد اشکال داره؟
    دوم چطور میتونم عکس سفره رو یکم به سمت چپ ببرم
    Snap_2013.02.20_10h01m23s_001.png

  11. Top | #40
    مدیریت کل سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,685
    میزان امتیاز
    3117

    پیش فرض

    1) مشکلی ندارد
    2) به کد margin-right بدهید .

    مثلاً اگر کدتون هست :

    کد:
    <img src="http://test.com/test.png" />
    تغییر بدید به :

    کد:
    <img src="http://test.com/test.png" style="margin-right:10px;"/>
    10 پیکسل رو میتونید کم و زیاد کنید .

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


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

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

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

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

  1. پاسخ: 5
    آخرين نوشته: 2015/10/06, 11:49 AM
  2. در خواست هک روز شماره تولد سایت مثل sat98 میخواستم
    توسط payam1 در انجمن درخواست هک و پلاگین
    پاسخ: 4
    آخرين نوشته: 2012/12/10, 06:13 PM
  3. پاسخ: 5
    آخرين نوشته: 2011/09/27, 07:21 PM
  4. پاسخ: 6
    آخرين نوشته: 2011/08/28, 11:01 AM
  5. نصب ویبولتین در هاست ویندوز ؟!
    توسط Parisa در انجمن پرسش و پاسخ
    پاسخ: 7
    آخرين نوشته: 2011/06/21, 01:10 PM

کلمات کلیدی این موضوع

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

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

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

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