رفتن به مطلب

درخاست کد تصویر یک سایت


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

سلام

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

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

https://siteorigin.com/theme/

وقتی نشانگر موس روی عکس های این سایت میره , top عکس از 0 به بالا ترین شماره خودش میرسه.

من این اکشن را فقط برای تصاویر شاخص مطالب میخوام(داخل کد زیر) و فقط تصاویر شاخص مطالب و نه کالاها

.post-image img {

ویرایش شده توسط Detroit-City
لینک به ارسال

سلام

این ربطی به ووکامرس نداره

اون عکس توی یک کادر هست که با جی کوئری و استایل و مثلا با تابع animate میشه اینکار رو انجام داد

لینک به ارسال

سلام

این ربطی به ووکامرس نداره

اون عکس توی یک کادر هست که با جی کوئری و استایل و مثلا با تابع animate میشه اینکار رو انجام داد

سلام

ممنون ولی من کد بلد نیستم - سعی کردم تو نت دنبالش بگردم ولی واقعا تخصصی هست.

تنها چیزی که فهمیدم تابع زیر هست ولی نمیدونم چطور ازش برای عکس تصویر شاخص مطالب استفاده

.animate ( properties , [duration] , [easing] , [complete] );

شما لطف میکنید کدش را بدید.

لینک به ارسال

آقا علی سلام

الان در این سایت 3 بخش وجود داره

Javascript

SCC

HTML

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

ممنون

لینک به ارسال

این قسمت رو بذار توی فایل style.css:



.komal {
border-radius: 5px 5px 5px 5px;
float: left;
height: 80px;
margin-left: 3px;
overflow: hidden;
position: relative;
width: 300px;
border:5px solid #DDD;
}
.komal img {
position: absolute;
transition: top 1s ease-out 0s;
}

این قسمت رو بذار توی header.php بین قسمت های <head> و یا </head> یا بعد از لوپ پست هات


<script>

$(document).ready(function () {
var xH
$('.dhiraj').hover(
function () {
xH = $(this).children("img").css("height");
xH = parseInt(xH);
xH = xH - 150;
xH = "-" + xH + "px";
$(this).children("img").css("top", xH);
}, function () {
$(this).children("img").css("top", "0px");
});
});
</script>

حالا باید به لوپ پست هات اون قسمت HTML رو بدی که یه مقدار کار سختیه

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

لینک به ارسال

1: کد های طولانی رو داخل [longbox] قرار بدید تا وقت کمتری گرفته بشه.

2: فایل style.css نیازی نیست ، به جای فایل header.php فایلی که پست ها از اون تو در صفحه اصلی نمایش داده میشن بذارید ، مثل index.php

لینک به ارسال

بفرمایید

<?php

/**

* The main template file

*

* This is the most generic template file in a WordPress theme and one

* of the two required files for a theme (the other being style.css).

* It is used to display a page when nothing more specific matches a query,

* e.g., it puts together the home page when no home.php file exists.

*

* @link http://codex.wordpress.org/Template_Hierarchy

*

* @package WordPress

* @subpackage TemplateMela

* @since TemplateMela 1.0

*/

get_header(); ?>

<div id="main-content" class="main-content blog-page blog-list <?php echo tm_sidebar_position(); ?>">

<?php

if ( is_front_page() && templatemela_has_featured_posts() ) {

// Include the featured content template.

get_template_part( 'featured-content' );

}

?>

<div id="primary" class="content-area">

<div class="page-title">

<div class="page-title-inner">

<h1 class="entry-title-main">

<?php echo get_the_title( get_option('page_for_posts', true) ); wp_reset_query(); ?>

</h1>

<?php templatemela_breadcrumbs(); ?>

</div>

</div>

<div id="content" class="site-content" role="main">

<?php

if ( have_posts() ) :

// Start the Loop.

while ( have_posts() ) : the_post();

/*

* Include the post format-specific template for the content. If you want to

* use this in a child theme, then include a file called called content-___.php

* (where ___ is the post format) and that will be used instead.

*/

get_template_part( 'content', get_post_format() );

endwhile;

// Previous/next post navigation.

templatemela_paging_nav();

else :

// If no content, include the "No posts found" template.

get_template_part( 'content', 'none' );

endif;

?>

</div>

<!-- #content -->

</div>

<!-- #primary -->

<?php get_sidebar( 'content' ); ?>

</div>

<!-- #main-content -->

<?php

get_sidebar();

get_footer();

?>

لینک به ارسال

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

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

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

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

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

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

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

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

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