Detroit-City

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

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

ارسال شده در (ویرایش شده)

سلام

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

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

https://siteorigin.com/theme/

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

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

.post-image img {

ویرایش شده در توسط Detroit-City
0

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


لینک به پست

سلام

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

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

1

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


لینک به پست

سلام

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

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

سلام

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

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

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

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

0

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


لینک به پست

سلام

از این لینک استفاده کنید:

http://jsfiddle.net/VuTYx/2/

1

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


لینک به پست

آقا علی سلام

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

Javascript

SCC

HTML

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

ممنون

0

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


لینک به پست

این قسمت رو بذار توی فایل 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

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


لینک به پست

ارسال شده در (ویرایش شده)

بفرمایید

کد هدر

ویرایش شده در توسط Morteza
0

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


لینک به پست

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

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

1

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


لینک به پست

بفرمایید

<?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();

?>

0

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


لینک به پست

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

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

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

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


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

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

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


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