aliali100 57 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) سلام به همه عزیزانمن میخواستم توی قالبم یک اسلایدشو اضافه کنماین لینک دانلود اسلایدشوhttp://nivo.dev7studios.com/pricingمن تازه یادگرفتم با css قالب طراحی کنم وحرفه ای نیستمممنون میشم اگر کسی به زبان ساده بگه که من باید چه جوری این اسلایدشو رو اضافه کنمممنون از همگی ویرایش شده آذر 92 توسط saman_kiyani نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 سایتی که دادین باز نمیشه دوست عزیزشات اسکرین و یا نمونه مشابه دیگه ای بدید تا راهنمایی کنیم. ... 3 نقل قول لینک به ارسال
Alireza Xn 1644 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 کار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در headerبعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدید 2 نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 کار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در headerبعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدیدالبته اگر کپی رایت رو نقض نکنه 2 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 ممنون از همه عزیزانمن خودم اسلایدشو رو ضمیمه کردمSlides-SlidesJS-3.zipممنون میشم اگر کمکم کنید نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 فایلی که ضمیمه کردین شامل 6 نوع اسلایدر هستبرای استفاده از اینها کافیه همون کاری رو انجام بدین که در پست 3# گفتند خدمت تونکار خاصی نداره فقط باید کد های css مربوط به اسلاید شو رو در فایل استایل قالبتون قرار بدید کد های جی کوئری رو هم در headerبعد کد های html رو در هر جایی که مد نطرتون هست تا اسلایدر به نمایش در بیاد قرار بدید 2 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) ممنونمن از اسلایدشو basic-fade میخوام استفاده کنمفایل jquery.slides.min رو کپی کردم تو فولدر اصلی قالبمعکسهای درونش رو کپی کردم تو فولدر imageحالا فایل index رو توی دریم ویور باز کردمبرای کدهای css ممنون میشم اگر بگید که باید از کجا تا کجا کپی کنم؟برای کدهای جیکوئری ممنون میشم اگر بگید که باید از کجا تا کجا کپی کنم؟برای کدهای html رو باید از کجا تا کجا کپی کنم؟ممنون میشم اگر راهنمایی کنم خیلی کارم گیر هستش شرمنده ویرایش شده آذر 92 توسط saman_kiyani نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 برای اینکه بتونین استفاده کنینباید توی فایل خودتون این کد ها رو برای جی کوئری فراخوانی کنید» <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script src="js/jquery.slides.min.js"></script><script>$(function() { $('#slides').slidesjs({ width: 940, height: 528, navigation: { effect: "fade" }, pagination: { effect: "fade" }, effect: { fade: { speed: 400 } } });});</script> و این کد های استایل ، برای واکنشگرا بودن کلی اسلایدر <style>/* Prevent the slideshow from flashing on load */#slides { display: none}/* Center the slideshow */.container { margin: 0 auto}/* Show active item in the pagination */.slidesjs-pagination .active { color:red;}/* Media quires for a responsive layout *//* For tablets & smart phones */@media (max-width: 767px) { body { padding-left: 10px; padding-right: 10px; } .container { width: auto }}/* For smartphones */@media (max-width: 480px) { .container { width: auto }}/* For smaller displays like laptops */@media (min-width: 768px) and (max-width: 979px) { .container { width: 724px }}/* For larger displays */@media (min-width: 1200px) { .container { width: 1170px }}</style> + این کد های HTML هم با چیزی که میخواین مچ کنید و تغییر بدید <div class="container"><div id="slides"> <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: /"> <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: /"> <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: /"> <img src="img/example-slide-4.jpg" alt="Photo by: Stuart SeegerLink: /"></div></div> کافیه فقط کد های بالا رو داخل یک فایل HTML خالی با این base فراخوانی کنید : <!doctype html><html><head><meta charset="utf-8"><title>SlidesJS Basic Code Example</title><!-----------CSS-----------></head><body><!-----------HTML Codes-----------><!-----------JS-----------></body></html> 1 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) سلام به شما دوست شریفخیلی متشکرم که صبر به خرج میدید و جوابم رو میدیدمن دقیقا تمام کدهایجی کوئری رو قبل از تگ head قالبم کپی کردمبرای کدهای css هم از /* Prevent the slideshow from flashing on load */کپی کردمیعنی دیگه تگ style قبلش رو نیاوردم و همه کدها رو توی فایل css خودم کپی کردمکدهای html رو هم توی جای مورد نظر کپی کردمفایلجی کوئری رو هم تو فولدر اصلی گذاشتم و عکس ها رو هم توی فولدر imageولی باز هم هیچ چیزی تغییر نمیکنه ویرایش شده آذر 92 توسط saman_kiyani نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 فایل های جی کوئری رو طبق کد فراخوانی شده در HTML<script src="js/jquery.slides.min.js"></script>باید در فولدر JS قرار بدید . 1 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 آقا فرزاد حقیقتش من خیلی مبتدی هستم و متوجه نمیشم شما چی میگیدساختار سایت منفولدر اصلی به نامsamanتوی فولد اصلی یک فولدر دارم به نامimageو یک فولدر دارم به نامfontو 2تا فایل دارمیکی index.phpیکیstyle.cssالان من فایلی که براتون ضمیمه کردم رو باز کردمداخل فولدرexamplesشدمبعد فولدر basic-fade رو باز کردمبعد فولدر jsرو باز کردم و فایل درونش رو کپی کردم تو فولدر samanبعد عکسهای توی فولدر img رو کپی کردم و ذخیره کردم توی فولدر imge خودمبعد فایل index.html رو باز کردم و کدهایی که شما گفته بودید رو طبق فرمایشات شما کپی کردم درون فایل index.php و style.css خودمکار اضافه تر از این هم انجام ندادمممنون میشم اگر راهنمایی کنید نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 سلام به همه عزیزانمن یک اسلایدشو میخوام که وقتی مثلا روی صفحه 2 اسلاید کلیک میشه یا کلا وقتی اتوماتیک میخواد بره صفحه دو از راست به چپ بره و سرعتی برهممنون میشم اگر کمک کنه نقل قول لینک به ارسال
Milad123 285 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 سلاممن چند وقت پیش خیلی دنبال اسلایدر درست حسابی بودم خیلی افزونه هم نصب کردم تنها افزونه ای که به کارم اومد این بود :meta sliderامکانات زیادی داره،احتمالا به کارتون میاد! 1 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 سلامخیلی ممنون هستم از شمامنتها من میخوام به صورت افزونه نباشهدستی وارد کنم نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 الان مشکلی چی هست؟ 2 نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 دوست عزیز شما گفتین وقتی دکمه رو میزنین ، عمل نمی کنهبا توجه به کد HTML که شما قرار داده بودید ، فایل جی کوئری باید در شاخه JS باشه.منتقلش کردید به این شاخه ؟دقیقا مشکل چی هست ؟ 2 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 سلامالان مشکلم اینه که من طق فرمایشات شما عمل کردم ولی هیچ اتفاقی در قالبم نیفتاد نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 خروجی html را دارید؟استایل به چه شکل هست؟افکت مشکل دارد؟(با مرورگر کروم آخرین نگارش یا فایرباگ فایرفاکس بخش کنسول خطایی اگر دارد اینجا بنوسید) 1 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 سلاممن یک فایل index.php دارم که توش کدهای <script src="http://code.jquery.c...n.js"></script><script src="js/jquery.slides.min.js"></script><script>$(function() { $('#slides').slidesjs({ width: 940, height: 528, navigation: { effect: "fade" }, pagination: { effect: "fade" }, effect: { fade: { speed: 400 } } });});</script>رو قبل از تگ head کپی کردمبعدش /* Prevent the slideshow from flashing on load */#slides { display: none}/* Center the slideshow */.container { margin: 0 auto}/* Show active item in the pagination */.slidesjs-pagination .active { color:red;}/* Media quires for a responsive layout *//* For tablets & smart phones */@media (max-width: 767px) { body { padding-left: 10px; padding-right: 10px; } .container { width: auto }}/* For smartphones */@media (max-width: 480px) { .container { width: auto }}/* For smaller displays like laptops */@media (min-width: 768px) and (max-width: 979px) { .container { width: 724px }}/* For larger displays */@media (min-width: 1200px) { .container { width: 1170px }}توی فایل css.style کپی کردمبعدش این کدها رو <div class="container"><div id="slides"> <img src="img/example-slide-1.jpg" alt="Photo by: Missy S Link: /"> <img src="img/example-slide-2.jpg" alt="Photo by: Daniel Parks Link: /"> <img src="img/example-slide-3.jpg" alt="Photo by: Mike Ranweiler Link: /"> <img src="img/example-slide-4.jpg" alt="Photo by: Stuart SeegerLink: /"></div></div>توی فایل index.php تو قسمتی که میخوام اسلایدشو نمایش داده بشه کپی کردمبعدش فولدر js و img رو کپی کردم تو فولدر اصلی سایتم / یعنی کنار index.php و style.cssحالا توی سایتم هیچ اتفاقی نمیفتهنکته: تو کدهای آقا فرزاد برای بخش css اولش با تگ <style> شروع میشه و آخرش با همین تگ بسته میشهکه من وقتی این 2تگ رو برمیدارم چیزی نمایش داده نمیشه و وقتی میزارم باشه فقط 4تا عکس اسلایدشو زیرهم نمایش داده میشهممنون میشم اگر راهنمایی کنید نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 باید در کدهای فراخوانی قبل از نشانی پوشه این کد را هم اضافه کنید <?php bloginfo('template_url'); ?>/یعنی <script src="/js/jquery.slides.min.js"></script>بشه <script src="<?php bloginfo('template_url'); ?>/js/jquery.slides.min.js"></script>کدهای style را هم بدون تگ در فایل style.css بگذارید 4 نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 سلام من وقتی کاری رو که شما گفتید رو انجام دادم کل صفحه سایتم سیاه شد نقل قول لینک به ارسال
aliali100 57 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 دوستان مشکل من حل شدبا سپاس از زحمات بی کران شما عزیزان ارجمندموفق باشید نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .