• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
parseh

افکت دادن به متن در منوی ساده

6 پست در این موضوع قرار دارد

سلام به همگی

من میخوام یک تب از منوی سایتم بصورت چشمک زن در منو ظاهر بشه

قالب از نوع قالب های آرتیستر هست

فقط هم میخوام همون متن مورد نظر چشمک بزنه ، منظور از چشمک زدن هم اینه که از رنگ قرمز تا سفید بصورت لوپ تغییر کنه

تشکر از شما

11379934461000857481.jpg

0

به اشتراک گذاری این پست


لینک به پست

سلام

فرض کنید متن مورد نظر شما در تگ H1 است و بهش کلاس بدید ، اینجوری :


<h1 class="flash-colour">متن چشمک زن</h1>

در استایل اضافه کنید :


.flash-colour {
color: #da9d4d;
}
.blue {
color: #6495ff;
}

همچنین در هدر (header.php) بین تگ head اضافه کنید :


<script type="text/javascript">
var textObject = {
delay : 300,
effect : 'replace',
classColour : 'blue',
flash : function(obj, effect, delay) {
if (obj.length > 0) {
if (obj.length > 1) {
jQuery.each(obj, function() {
effect = effect || textObject.effect;
delay = delay || textObject.delay;
textObject.flashExe($(this), effect, delay);
});
} else {
effect = effect || textObject.effect;
delay = delay || textObject.delay;
textObject.flashExe(obj, effect, delay);
}
}
},
flashExe : function(obj, effect, delay) {
var flash = setTimeout(function() {
switch(effect) {
case 'replace':
obj.toggle();
break;
case 'colour':
obj.toggleClass(textObject.classColour);
break;
}
textObject.flashExe(obj, effect, delay);
}, delay);
}
};
$(function() {

textObject.flash($('.flash'), '', 700);

textObject.flash($('.flash-colour'), 'colour', 400);

});
</script>

برای اینکه بهتر متوجه بشید نمونه ای که خودم براتون درست کردم رو ببینید . در ضمن کتابخانه ی جی کوئری هم باید فراخوانی بشه .

4

به اشتراک گذاری این پست


لینک به پست

همچنین این تایپیک رو بخونید

3

به اشتراک گذاری این پست


لینک به پست

ممنون از شما

یک کد دیگه ندارید که افکتش یخورده انمیشنش بهتر باشه ، میخوام طی یک ثانیه از سفید به قرمز بیاد و برگرده ، یعنی نمیخوام لحظه ای سفید باشه و بعد قرمز ( البته میخوام با مرورگرهای قدیمی هم مشکل نداشته باشه یا حداقل در مرورگرهای قدیمی متن ثابت سفید بمونه )

سپاس

0

به اشتراک گذاری این پست


لینک به پست

بنظر من بهتره از css3 استفاده کنید

برای جی کوئری باید از پلاگین جی کوئری colors استفاده کنید

1

به اشتراک گذاری این پست


لینک به پست

ممنون از شما

یک کد دیگه ندارید که افکتش یخورده انمیشنش بهتر باشه ، میخوام طی یک ثانیه از سفید به قرمز بیاد و برگرده ، یعنی نمیخوام لحظه ای سفید باشه و بعد قرمز ( البته میخوام با مرورگرهای قدیمی هم مشکل نداشته باشه یا حداقل در مرورگرهای قدیمی متن ثابت سفید بمونه )

سپاس

صفحه کامل لینکی که دادم را بخوانید کد تست شده css3 را استفاده کنید زمان هم کاملا در کدها مشخصه


-webkit-animation-duration:.2s;

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

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط farzadnoruzi
      سلام.
      دوستان من قالب zerif-lite رو روش کار کردم و کلی تغییرات دادم ولی بیشتر روی css ها کار کردم. الان منو واکنش گراش کار نمیکنه . لطفا بررسی کنید و راهنمایی کنید که مشکل از چیه
      منو باز نمیشه . البته باز میشه و خودکار بسته میشه . ثابت نمیمونه ... لطفا راهنمایییییی
      http://new.hofmannprofile.com
    • توسط alibashiri
      سلام دوستان
      لطفا در مورد آبشاری کردن این قالب کمک کنید
      برنامه هدر اینه
      <?php
      /**
       * The Header for our theme.
       * Displays all of the <head> section and everything up till <div id="content">
       */
      ?><!DOCTYPE html>
      <html <?php language_attributes(); ?>>
      <head>
      <?php zerif_top_head_trigger(); ?>
      <meta charset="<?php bloginfo( 'charset' ); ?>">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="profile" href="http://gmpg.org/xfn/11">
      <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
      <?php wp_head(); ?>
      <?php zerif_bottom_head_trigger(); ?>
      </head>
      <?php if(isset($_POST['scrollPosition'])): ?>
          <body <?php body_class(); ?> onLoad="window.scrollTo(0,<?php echo intval($_POST['scrollPosition']); ?>)">
      <?php else: ?>
          <body <?php body_class(); ?> >
      <?php endif;
          zerif_top_body_trigger();
          
          /* Preloader */
          if(is_front_page() && !is_customize_preview() && get_option( 'show_on_front' ) != 'page' ):
       
              $zerif_disable_preloader = get_theme_mod('zerif_disable_preloader');
              
              if( isset($zerif_disable_preloader) && ($zerif_disable_preloader != 1)):
                  echo '<div class="preloader">';
                      echo '<div class="status">&nbsp;</div>';
                  echo '</div>';
              endif;    
          endif; ?>

      <div id="mobilebgfix">
          <div class="mobile-bg-fix-img-wrap">
              <div class="mobile-bg-fix-img"></div>
          </div>
          <div class="mobile-bg-fix-whole-site">

      <header id="home" class="header" itemscope="itemscope" itemtype="http://schema.org/WPHeader">
          <div id="main-nav" class="navbar navbar-inverse bs-docs-nav" role="banner">
              <div class="container">
                  <?php zerif_before_navbar_trigger(); ?>
                  <div class="navbar-header responsive-logo">
                      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                      <span class="sr-only"><?php _e('Toggle navigation','zerif-lite'); ?></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      </button>
                          <div class="navbar-brand" itemscope itemtype="http://schema.org/Organization">
                              <?php
                              if( has_custom_logo() ) {
                                  the_custom_logo();
                              } else {
                              ?>
                                  <div class="site-title-tagline-wrapper">
                                      <h1 class="site-title">
                                          <a href=" <?php echo esc_url( home_url( '/' ) ) ?> ">
                                              <?php bloginfo( 'title' ) ?>
                                          </a>
                                      </h1>
                                      <?php
                                      $description = get_bloginfo( 'description', 'display' );
                                      if ( ! empty( $description ) ) : ?>
                                          <p class="site-description">
                                              <?php echo $description; ?>
                                          </p> <!-- /.site-description -->
                                      <?php elseif( is_customize_preview() ): ?>
                                      <p class="site-description"></p>
                                      <?php endif; ?>
                                  </div> <!-- /.site-title-tagline-wrapper -->
                              <?php } ?>
                          </div> <!-- /.navbar-brand -->
                      </div> <!-- /.navbar-header -->
                  <?php zerif_primary_navigation_trigger(); ?>
              </div> <!-- /.container -->
              <?php zerif_after_header_container_trigger(); ?>
          </div> <!-- /#main-nav -->
          <!-- / END TOP BAR -->
    • توسط vahidlb
      سلام و وقت بخیر خدمت مخاطبان عزیز.
      ابتدا خواهش می کنم این لینک رو ملاحظه بفرمایید.
      منظورم بخش "من متقاضی ... انتخاب کنید ...." هست.
      دوستان می تونید چنین افزونه ای و حتی مشابه اینو به من معرفی بفرمایید.. نیاز بسیار مبرم و حیاتی به این منو دارم
      از دوستانی که می تونن زحمت نوشتن و تولید این افزونه رو بکشن هم لطفاً پیام بدن...
      البته سال گذشته یکی از دوستان این کد را به صورت افزونه تولید کردند و الان هم کار می کنه ولی یکسری تغییرات لازم داره و به مراحلش اضافه شده،
      لذا خواهشمندم اگر ممکنه در این خصوص اعلام نظر بفرماییدو اگر پیشنهادی دارید یا افزونه مشابه اینو می شناسید خیلی ازتون ممنون خواهم شد اگر لطف کنید و راهنماییم کنید.
      با احترام و تشکر
    • توسط PejmanDesigner
      با عرض سلام و خسته نباشید خدمت دوستانم .
      من مشکلی دارم که با جستجو نتونستم به جواب برسم شاید مواردی که جستجو می کردم اشتباه بوده .
      من می خوام در قسمت منو ها لینکی بزارم که صفحه جدیدی رو باز نکنه و به قسمت های مختلف در همون صفحه بره .
      من یک وب سایت تک صفحه دارم و برگه جدیدی ندارم . ولی می خوام با کلیک بر روی قسمت های مختلف منو بازدید کننده مستقیم اسکرول بشه به همون موقعیت .
      حالا دو سوال دارم در این رابطه
      اول اینکه ایا افزونه ای هست که این کار رو انجام بده ؟ یا اینکه باید کدی رو وارد کنم ؟ (لطفا در صورت داشتن کد ، علاوه بر کد نحوه قرار گیری هم توضیح داده شود)
      دوم اینکه اون طوری که من خیلی وقت پیش ها شنیدم مقدار پیکسل میگیره این کد که کجا اسکرول بشه ، حالا سوالم اینجاست که ما پیکسل بدیم داخل این کد ها یا افزونه آیا درحالت رسپانسیو مشکل ایجاد میشه یا نه ؟
    • توسط saeeddeeas
      سلام دوستان 
      من مشکلم رو با طراحی منوهای شناوری و واکنش گرای خشکل و شیک نتونستم حل کنم خواهشا یک اموزش جامع برای این کار بدید 
      و اینکه چه افزونه ای در ورد پرس برای اینکار پیشنهاد میکنید