محمد بهنام نیا

افزونه اسلایدشو نواری

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

سلام

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

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

کلی جستجو کردم

یا نمایش داده نمیشدن و یا مشکلاتی دیگه داشتن

میخوام یه چیزی باشه شبیه به این عکس البته اون نوار آبی بالاییشو نمیخوام داشته باشه!

http://dl313.ir/wp-content/uploads/2014/02/Untitled-1.jpg

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

0

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


لینک به پست

کلن سایتتون و این عکسه بالا نمیاد.

الان ساعت 1:29 ب.ظ

1

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


لینک به پست

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

1

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


لینک به پست

نظر من استفاده از جیکوئری برای متحرک سازی

و یا کد <marquee> میباشد(پیشنهاد نمیکنم)

اما با کد زیر میتونید به راحتی به حرکت دربیارید :

<marquee>
<img src="[url="https://www.google.com/images/srpr/logo11w.png"]https://www.google.c...rpr/logo11w.png[/url]">
</marquee>

نمونه کد:

http://jsbin.com/IVenUWi/1/edit

1

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


لینک به پست

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

کدوم یکی از این افزونه هاست؟

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

0

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


لینک به پست

کدوم یکی از این افزونه هاست؟

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

هیچکدام نیست

باز میگم همون کدی که گفتم راحت تره نمون زیر ببینید

http://jsbin.com/IVenUWi/2/edit

2

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


لینک به پست

هیچکدام نیست

باز میگم همون کدی که گفتم راحت تره نمون زیر ببینید

http://jsbin.com/IVenUWi/2/edit

الان اینی که شما گذاشتی خیلی خوبه ولی وقتی روی یه عکس میری بازم حرکت میکنه و متوقف نمیشه

این امکانو چجوری میشه اضافه کرد؟

ممنونم

0

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


لینک به پست

بفرمایید کد ویرایش شد چک کنید

http://jsbin.com/IVenUWi/4

1

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


لینک به پست

کدوم یکی از این افزونه هاست؟

Wp-jalali ,

Ajax-comments ,

Wp-pagenavi ,

Wp-postviews

این چارتا داخل فایل بود

این افزونه ها ربطی به اسلایدر نداره

Wp-jalali : افزونه برای فارسی سازی

Ajax-comments : افزونه ی برای آژاکس کردن کامنت ها

Wp-pagenavi : صفحه بندی

Wp-postviews : بازدید صفحه

شما از همون کد دوستمون استفاده کن ، راحتتری

1

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


لینک به پست

بفرمایید کد ویرایش شد چک کنید

http://jsbin.com/IVenUWi/4

ممنونم

یعنی الان باید همه اون کدارو بذارم اونجایی که میخوام نمایش داده بشه؟!

خیلی زیاده که

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

وقتی روش کلیک میکنم کدی نمیاد و فقط نمایش داده میشه

0

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


لینک به پست

نه شما کافیه کد زیر در محل دلخواه قرار دهید


<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a href="url"><img src="img url" ></a>
</marquee>

img url=Link Images

url=Link

3

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


لینک به پست

نه شما کافیه کد زیر در محل دلخواه قرار دهید


<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a href="url"><img src="img url" ></a>
</marquee>

img url=Link Images

url=Link

آقا خیلی ازت ممنون

خیلی لطف کردی

موفق باشی

0

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


لینک به پست

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


<?php
$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');
?>
<?php if ($smallslideractivte == 1) { ?>
<?php echo '<marquee onmouseover="this.stop()" onmouseout="this.start()">' ?>
<?php $the_query = new WP_Query(array('order' =>'descending','orderby' =>'ID','cat' => $smallslidercat ,'posts_per_page' => $smallslidernum)); ?>
<?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(array(100,100))?> </a>
<?php } else { ?>
<a href="<?php the_permalink() ?>"><img alt="No Image" src="<?php echo get_stylesheet_directory_uri();?>/images/no-image.png" width="100" height="100" /></a>
<?php } ?>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<?php echo '</marquee>' ?>
<?php } ?>

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

2

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


لینک به پست

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


<?php
$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');
?>
<?php if ($smallslideractivte == 1) { ?>
<?php echo '<marquee onmouseover="this.stop()" onmouseout="this.start()">' ?>
<?php $the_query = new WP_Query(array('order' =>'descending','orderby' =>'ID','cat' => $smallslidercat ,'posts_per_page' => $smallslidernum)); ?>
<?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>"><?php the_post_thumbnail(array(100,100))?> </a>
<?php } else { ?>
<a href="<?php the_permalink() ?>"><img alt="No Image" src="<?php echo get_stylesheet_directory_uri();?>/images/no-image.png" width="100" height="100" /></a>
<?php } ?>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
<?php echo '</marquee>' ?>
<?php } ?>

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

اینو گذاشتم اما هیچی نمیادش

عکسشم عوض کردم

0

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


لینک به پست

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

چون من مقداری متغییر رو از کنترل پنل ادمین فراخوانی میکنم

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


$smallslideractivte = get_option('Mostafa_smallslider_activate');
$smallslidercat = get_option('Mostafa_smallslider_cat');
$smallslidernum = get_option('Mostafa_smallslider_number');

مثلا اینجوری


$smallslideractivte = 1;
$smallslidercat = 3;
$smallslidernum = 10;

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

post-3253-0-23832000-1392766174_thumb.pn

ویرایش شده در توسط SANBOR
1

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


لینک به پست

با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند

از کد زیر استفاده کردم:

<marquee onmouseover="this.stop()" onmouseout="this.start()">

<a href="url"><img src="img url" ></a>

</marquee>

0

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


لینک به پست

با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند

از کد زیر استفاده کردم:

<marquee onmouseover="this.stop()" onmouseout="this.start()">

<a href="url"><img src="img url" ></a>

</marquee>

ببینید شما در 2 تاپیک 1 سوال پرسیدید

لطفا فقط در 1 جا سوال و منتظر جواب باشید

0

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


لینک به پست
با سلام اگه لطف کنید یه نگاه به سایت من بندازید چکار کنم که با رفتن موس بر روی تصویر ، تصاویر مکث داشته باشه/ و چکار کنم تصاویر بهم نچسبند و فاصله ای با هم داشته باشند از کد زیر استفاده کردم: img%20url

ببینید شما در 2 تاپیک 1 سوال پرسیدید

لطفا فقط در 1 جا سوال و منتظر جواب باشید

1

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


لینک به پست

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

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

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

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


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

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

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


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