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

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

مقاله: آموزش قرار دادن پیغام کریسمس با jquery

    1. آموزش قرار دادن پیغام کریسمس با jquery »

      آموزش قرار دادن پیغام کریسمس با jquery

      نگارش: , by (کاربر اخراجی)
      2012/10/20 09:20 PM
      امتیاز: 

      درود
      شات:


      ابتدا فایلی رو که پیوست کردم به روت فروم انتقال داده و اکسترکت کنید.
      به مسیر زیر بروید:
      ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>headinclude
      کد زیر را به آخر آن اضافه کنید:
      کد:
      <link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/style.css" media="screen" /> 
      <link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/scroll.css" media="screen" /> 
      <script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.js"></script> 
      <script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/scroll.js"></script> 
      <script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/rounded.js"></script> 
      <script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.cookie.js"></script> 
      <!--[if lte IE 6]> 
      <link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie6.css" media="screen" /> 
      <script type="text/javascript"> DD_roundies.addRule('.pngfix'); </script> 
      <![endif]--> 
      <!--[if lte IE 7]> 
      <link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie7.css" media="screen" /> 
      <![endif]--> 
      <script type="text/javascript"> 
          var $xmas = jQuery.noConflict(); 
          $xmas(window).ready(function(){ 
          var show = $xmas.cookie("xmas"); 
          if(show == null){ 
              $xmas('#xmas').fadeIn(300, function(){ 
              $xmas(this).removeClass('hidden'); 
              }); 
          } 
          }) 
          $xmas(document).ready(function(){ 
          $xmas('a#xmasclose').click(function(){ 
              $xmas('#xmas').fadeOut(300, function(){ 
              $xmas(this).addClass('hidden'); 
              }) 
              $xmas.cookie("xmas", "0", {expires: 1}); 
              return false; 
          }) 
      
      
          }) 
          $xmas(function(){ 
          $xmas('.xmas-msg').jScrollPane({showArrows:true}); 
          }); 
      
      
      </script>
      سپس ذخیره کنید.
      به مسیر زیر بروید:
      ادمین سی پی=====>استایل ها و قالب ها=====>جست و جو در قالب ها=====>footer
      کد زیر را به اول آن اضافه کنید:
      کد:
      <div id="xmas" class="xmas-hidden">
          <div id="xmas-santa">
      	<img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
          </div><!-- /xmas-santa -->
          <div id="xmas-bg" class="pngfix">
      	<h1 class="xmas-h1">Marry Christmas</h1>
      	<div class="xmas-msg">
      	       متن پیغام مورد نظر شما
      	</div><!-- /xmas-msg -->
      	<div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
          </div><!-- /xmas-bg -->
      </div><!-- /xmas -->
      اگر می خواهید فقط برای گروه کاربری مهمان نشان داده شود،کد زیر را قرار دهید:
      کد:
      <vb:if condition="$show['guest']">
      <div id="xmas" class="xmas-hidden">
          <div id="xmas-santa">
      	<img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
          </div><!-- /xmas-santa -->
          <div id="xmas-bg" class="pngfix">
      	<h1 class="xmas-h1">Marry Christmas</h1>
      	<div class="xmas-msg">
      	       متن پیغام مورد نظر شما
      	</div><!-- /xmas-msg -->
      	<div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
          </div><!-- /xmas-bg -->
      </div><!-- /xmas -->
      </vb:if>
      منبع:وی بی ایران
      موفق باشید.

      فایل های پیوست شده

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

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

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

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

  1. پاسخ: 13
    آخرين نوشته: 2014/06/17, 10:58 AM
  2. » آموزش ایجاد تبلیغات در گوشه سایت با CSS و jQuery
    توسط رضوان در انجمن آموزش CSS بصورت ساده و حرفه ای
    پاسخ: 5
    آخرين نوشته: 2014/05/11, 08:00 AM
  3. [آموزش] دکمه بازگشت به بالا jQuery
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 9
    آخرين نوشته: 2013/02/03, 04:09 PM
  4. پاسخ: 3
    آخرين نوشته: 2012/02/07, 01:33 PM
  5. پاسخ: 9
    آخرين نوشته: 2011/12/15, 10:57 PM

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

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

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

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

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