رفتن به مطلب

مشکل در جی کوئری


پست های پیشنهاد شده

سلام دوستان

من میخوام یک فایل رو در سایتم قرار بدم که به صورت زیر هستش.تشکیل شده از جی کوئری غکس و کد html است..اما نمیدنم چجوری باید در هدرم این رو فراخوانی کنم

ممنون میشم راهنمایی کنید

لینک به ارسال

اون چیزی که من از پست شما فهمیدم ظاهرا یک جی کوئری داری و کد html.اون عکس را نفهمیدم داستانش چیه؟

شما با کد زیر اون فایل جی کوئری را فرخوانی می کنی.در تگ head


<script src=آدرس فایل"></script>

بعد اون کد html را جایی که نیاز دارید بگذارید.

اگر فکر می کنید اشتباه است یه مقدار بیشتر توصیح بدهید

لینک به ارسال

لقمه را همه اماده می خواهند.یک ذره خودتان هم تلاش کنید. -_-

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

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

کد زیر را به استایل خودتون اضافه کنید:


.image{position: absolute;visibility:hidden;}
.slide_nav12837 {position: relative;}
.bullet_1234 {float:left;}

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


<div id="globalDiv" style="margin: 0 0; overflow: hidden; transform : translate3d(0,0,0); -moz-transform : translate3d(0,0,0); -ms-transform : translate3d(0,0,0); -o-transform : translate3d(0,0,0); -webkit-transform : translate3d(0,0,0); width:100%; height:130px; ">
<div id="mainDiv" style="margin: 0 auto; overflow: visible; position:relative; width:100%; height:130px;">
<div id="image0" class="image" style="width:4px; height:4px">
<img src="559cc6d5548f6VllN9L2pc8i0M4TJ4M6v.png" border=0 style="width:4px; height:4px; position:absolute;" />
</div>
<div id="image1" class="image" style="width:143px; height:37px">
<img src="559cc6d5b80768AacaJ6YbSgTL66dmRfg.png" border=0 style="width:143px; height:37px; position:absolute;" />
</div>
<div id="image2" class="image" style="width:96px; height:96px">
<img src="559cc6d677f85JB6gzbkHuAM7FE3E986y.png" border=0 style="width:96px; height:96px; position:absolute;" />
</div>
<div id="image3" class="image" style="width:211px; height:29px">
<img src="559cc6d765f7etrQLBhMbMYzW3xBQnSl7.png" border=0 style="width:211px; height:29px; position:absolute;" />
</div>
<div id="image4" class="image" style="width:211px; height:29px">
<img src="559cc6d98cad5WhwrfJE9pxnKkjvdoNoF.png" border=0 style="width:211px; height:29px; position:absolute;" />
</div>
<div id="image5" class="image" style="width:211px; height:29px">
<img src="559cc6daee2f4ltUI61sXeTI6jJkVW7bg.png" border=0 style="width:211px; height:29px; position:absolute;" />
</div><div id='bullets' class='slide_nav12837' ></div></div> <div id='statusbar'></div></div>

این کد را هم در ادامه آن قرار دهید


<script language='javascript' src='TweenMax.1.11.4.min.js'></script>
<script type='text/javascript' src='spin.min.js'></script>
<script language='javascript' src='script.js'></script>

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

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

من تست کردم مشکلی نداشت فقط اگر مشکلی پیش بیاید بحث ادرس ها می باشد که دیگه خودتان باید به آن توجه کنید.

header.rar

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

ممنون دوست عزیز

من قبلش خیلی سرچ کردم.به نتیجه ای نرسیدم ه تاپیک زدم.

یک سوال داشتم اگه مایل بودید جواب بدید

من گداشتم در سایت اما اصلا سر جاش قرار نمیگیره.من کد header رو میزارم ممنون میشم بگید کجا بزارم


<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 9]> <html class="ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if (gt IE 9)|!(IE)] <?php language_attributes(); ?>><![endif]-->
<html <?php language_attributes(); ?>>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<!-- Title -->
<title><?php wp_title("", true, 'right'); ?></title>
<!-- feeds & pingback -->
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<!-- favicon -->
<?php if(rehub_option('rehub_favicon_144')) : ?>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo rehub_option('rehub_favicon_144'); ?>">
<?php endif; ?>
<?php if(rehub_option('rehub_favicon_114')) : ?>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo rehub_option('rehub_favicon_114'); ?>">
<?php endif; ?>
<?php if(rehub_option('rehub_favicon_72')) : ?>
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo rehub_option('rehub_favicon_72'); ?>">
<?php endif; ?>
<?php if(rehub_option('rehub_favicon_57')) : ?>
<link rel="apple-touch-icon-precomposed" href="<?php echo rehub_option('rehub_favicon_57'); ?>">
<?php endif; ?>
<?php if(rehub_option('rehub_favicon')) : ?>
<link rel="shortcut icon" href="<?php echo rehub_option('rehub_favicon'); ?>" type="image/x-icon" />
<?php endif; ?>
<!--[if lt IE 9]><script src="<?php echo get_template_directory_uri(); ?>/js/html5shiv.js"></script><![endif]-->
<?php wp_head(); ?>
<?php if(rehub_option('rehub_custom_css')) : ?><style><?php echo rehub_option('rehub_custom_css'); ?></style><?php endif; ?>
</head>
<body <?php body_class(); ?>>
<?php get_template_part('inc/parts/branded_bg'); ?>
<?php if(rehub_option('rehub_ads_megatop') !='') : ?>
<div class="megatop_wrap">
<div class="mediad megatop_mediad">
<?php echo do_shortcode(rehub_option('rehub_ads_megatop')); ?>
</div>
</div>
<?php endif ;?>
<!-- HEADER -->
<header id="main_header"<?php if(rehub_option('rehub_headercolor_style') =='1') : ?> class="dark_header"<?php endif; ?>>
<div class="top_line_header<?php if(rehub_option('rehub_header_style') =='header_five') : ?> header_menu_row<?php endif; ?>">
<div id="top_ankor"></div>
<?php if(rehub_option('rehub_header_top') !='1') : ?>
<!-- top -->
<div class="header_top_wrap">
<div class="header-top clearfix">
<?php wp_nav_menu( array( 'container_class' => 'top-nav', 'container' => 'div', 'theme_location' => 'top-menu', 'fallback_cb' => 'add_top_menu_for_blank', 'depth' => '1' ) ); ?>
<div class="top-social">
<?php if(rehub_option('rehub_header_style') != 'header_first') : ?><div class="search top_search responsive_search"><?php get_search_form(); ?></div><?php endif; ?>
<?php if(rehub_option('rehub_header_social')) : ?>
<?php rehub_get_social_links('small');?>
<?php endif; ?>
<?php global $woocommerce; ?>
<?php if ($woocommerce && rehub_option('exclude_cart_header') !='1') : ?><a class="cart-contents" href="<?php echo $woocommerce->cart->get_cart_url(); ?>"><i class="fa fa-shopping-cart"></i> <?php _e( 'Cart', 'rehub_framework' ); ?> (<?php echo $woocommerce->cart->cart_contents_count; ?>) - <?php echo $woocommerce->cart->get_cart_total(); ?></a><?php endif; ?>
</div>
</div>
</div>
<!-- /top -->
<?php endif; ?>
<!-- Logo section -->
<div class="logo-section <?php echo rehub_option('rehub_header_style') ;?>_style clearfix">
<div class="logo">
<?php if(rehub_option('rehub_logo')) : ?>
<a href="<?php echo home_url(); ?>"><img src="<?php echo rehub_option('rehub_logo'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
<?php elseif (rehub_option('rehub_text_logo')) : ?>
<div class="textlogo"><?php echo rehub_option('rehub_text_logo'); ?></div>
<div class="sloganlogo">
<?php if(rehub_option('rehub_text_slogan')) : ?><?php echo rehub_option('rehub_text_slogan'); ?><?php else : ?><?php bloginfo( 'description' ); ?><?php endif; ?>
</div>
<?php else : ?>
<div class="textlogo"><a href="<?php echo home_url(); ?>"><?php bloginfo( 'name' ); ?></a></div>
<div class="sloganlogo"><?php bloginfo( 'description' ); ?></div>
<?php endif; ?>
<?php if( rehub_option( 'logo_retina' ) && rehub_option( 'logo_retina_width' ) && rehub_option( 'logo_retina_height' )): ?>
<script type="text/javascript">
jQuery(document).ready(function($) {
var retina = window.devicePixelRatio > 1 ? true : false;
if(retina) {
jQuery('header .logo img').attr('src', '<?php echo rehub_option( 'rehub_logo_retina' ); ?>');
jQuery('header .logo img').attr('width', '<?php echo rehub_option( 'rehub_logo_retina_width' ); ?>');
jQuery('header .logo img').attr('height', '<?php echo rehub_option( 'rehub_logo_retina_height' ); ?>');
}
});
</script>
<?php endif; ?>
</div>
<?php if(rehub_option('rehub_header_style') == 'header_first') : ?><div class="search head_search"><?php get_search_form(); ?></div><?php endif; ?>
<?php if(rehub_option('rehub_header_style') != 'header_third') : ?><?php if(rehub_option('rehub_ads_top')) : ?><div class="mediad"><?php echo do_shortcode(rehub_option('rehub_ads_top')); ?></div><?php endif; ?><?php endif; ?>
</div>
<!-- /Logo section -->
<!-- Main Navigation -->
<div class="main-nav">
<?php wp_nav_menu( array( 'container_class' => 'top_menu', 'container' => 'nav', 'theme_location' => 'primary-menu', 'fallback_cb' => 'add_menu_for_blank', 'walker' => new Rehub_Walker ) ); ?>
<div class="responsive_nav_wrap"></div>
</div>
<!-- /Main Navigation -->
</div>
</header>
<?php get_template_part('inc/parts/branded_banner'); ?>
<?php get_template_part('inc/parts/news_ticker'); ?>

لینک به ارسال

همیشه نمیشه روی کد گفت که باید کجا فایل هدر را جایگزینی کنیم. با راست کلیک روی صفحه سایت خودتان یک منو باز می شود بعد گزینه Inspect Element را انتخاب کنید.سپس سمت چپ بالا یک عکسی به شکل ذره بین هست.وقتی اون را زدید اشاره گر موس را ببرید روی هدر طوری که کامل هدر را بگیرد نه فقط قسمتی از ان را وقتی اون صفحه ابی رنگ کل هدر را گرفت چپ کلیک کنید.بعد از پایین صفحه یک قسمتی از کد ها رنگی میشه.اون قسمت که رنگی میشه کد محل هدر است.حالا اون کدی که بالا گفتم را جایگزین این کد کنید.(البته قبلش این کد مشخص شده را توی فایل باید پیدا کنید)

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

عزیز اون کارارو کردم...مشکل اینه که اصلا درست نمایش داده نمیشه..یعنی باید در سمت چپ قرار بگیره..اما راست هستش..در نتیجه باعث میشه نصفه باشه..وقتی عرض رو از 100% به 2900PX تبدیل میکنم تقریبا درست میشه..اما در مرورگر با سایز های متقاوت دوباره بهم میریزه

esr7gegz2t7u8yud7snw.jpg

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

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...