اسلایدر CSS3 پیشرفته

اسکریپت html & css ژوئن 2014 15

با ورود CSS3 استفاده کردن از جی کوئری کم رنگ تر شد ، خییل از اسلایدر ها را میشد بدون استاده از جی کوئری و با کمک CSS3 سایخت ؛ اما بدلیل اینکه جی کوئری یک زبان برنامه نویسی هست و CSS3 نیست ، هنوز جایگاه خودش را حفظ کرده است. در این پست اسلایدر CSS3 کامل و پیشرفته را برایتان آماده کردم که دکمه قبلی و بعدی داره و …

دانلود اسلایدر CSS3
لینک دانلود0.5 مگابایت
دیدگاه ها
  • امیرحسین گفت:

    خیلی بی نظیره
    ممنون

  • alitna گفت:

    واقعا زبان CSS خیلی قوی هست و یکم دستور دیگه اضافه بشه کامل جای script رو میگیره .
    همچنین تب ها رو هم میشه با css و رادیو باکس ها ساخت .

    • آقای برنامه نویس گفت:

      css یک زبان هست اما زبان طراحی نه برنامه نویسی و بدلیل اینکه جی کوئری یک زبان برنامه نویسی هست هنوز جایگاه خودش را حفظ کرده
      وجود css3 انیمیشن جی کوئری را کمرنگ تر کرده اما خیلی از موارد هست که چون css3 یک زبان برنامه نویسی نیست نمیتونه کاملا جاش رو بگیره

  • edrismilito گفت:

    سلام چطوری می شه یک فرم جستجو خودرو مثل فرم زیر طراحی کرد اگه امکان داره یه اموزش قرار بدید
    mashin118.ir/#tabs1-html

  • kamal گفت:

    سلام آقای برنامه نویس
    در قسمت شناسنامه رفتم و طراحی شما را دیدم بعد resolution=800*600 قرار دادم یعنی کوچک ترین حالت و دیدم قالبتان تغییر نکرد
    منظورم این است که scroll افقی پیدا نکرد و این خیلی خوبه
    چطوری درست میکنید که scroll افقی پیدا نمیکنه ؟
    من ارز تمام صفحاتم را حداکثر 1000 قرار میدم و خوبم کار میکنه
    ولی مال شما جالبیش اینه که با هر resolution که من میزنم صفحه ی شما همان که هست میمونه و فقط این رنگبندی هاست که کوچیک میشه.
    چکار کنم که من هم بتونم از ارز مثلا 1300 در وبسایتم استفاده کنم ولی در همه resolution ها یکسان باشه و scroll افقی پیدا نکنه ؟
    ببخشید سوالم طولانی بود

    • حسین شفیعیان گفت:

      سلام کمال جان
      برای اینکار باید قالبتان را ‘رسپانسیو’ کنید ، یعنی برای هر رزولیشن یک استایل متفاوتی داشته باشه
      برای رسپانسیو کردن قالب از راه های زیادی میتونی اقدام کنی که بهترینش بوت استرپ و خود CSS هست

  • Mostafa_IB221 گفت:

    عالب بود. ممنون.

  • kamal گفت:

    ممنون از توجهتون

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

    میشه توضیح بدید که چطوری میتونیم راحت ریسپانسیو کنیم یا اینکه بعدا فیلم آموزشیش رو بگذارید شاید خیلی ها ندونن باید چه کرد ؟

    ممنونم از سایت خوبتان

    • حسین شفیعیان گفت:

      خواهش میکنم کمال جان
      آموزش های طراحی و رسپانسیو در سایت منتشر خواهد شد اما زمان دقیقش معلوم نیست

  • حسن گفت:

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

    • حسین شفیعیان گفت:

      سلام حسن جان
      بنده از افزونه کپچا سیستم وردپرس استفاده میکنم ، اگر اسکریپتت اختصاصی هست باید خودت کپچا بنویسی

  • حسن گفت:

    ممنونم از توجهتون
    بنده خودم کلا سایت رو از اول طراحی میکنم با ویژوال استودیو

  • حسن گفت:

    ببخشید من چند تا سوال داشتم

    اولا من ASP کارم چطور میتونم با وردپرس کارکنم یادگرفتنش آسونه یا طولانیه ؟
    خودم خوب میتونم سایت رو طراحی کنم ولی شنیدم ورد پرس هم خود به خود ریسپانسو هست هم کلی افزونه داره
    و آیا من هر شکلی که بخوام میتونم به قالب ورد پرس بدم یا باید در چارچوب طرح خودش حرکت کنم و دستم باز نیست ؟

    • حسین شفیعیان گفت:

      ببینید وردپرس یک سیستم مدیریت محتوا است و بدون دانش برنامه نویسی میشه یک سایت را با وردپرس مدیریت کرد ، سیستم های دیگه ای هم مثل دروپال یا جوملا موجودند
      اما برای ساخت قالب ، افزونه یا توسعه وردپرس باید برنامه نویسی بلد بود ؛ وردپرس را با زبان php نوشته اند و برای ساخت قالب و توسعه باید به زبان php مسلط بود.
      وردپرس قالب های فارسی و افزونه های خیلی متنوعی داره و مزیتش نسبت به سایر سیستم ها سادگی اش هستو خیلی آسون میشه اون را توسعه داد.
      در جواب اینکه قالب های وردپرس خود به خود رسپانسیو است باید بگویم خیر اصلن چنین وضعی نیست و طراح قالب وردپرس خودش باید آن را سپانسیو کند.
      وردپرس هم سیستمی است که به سادگی مشهوره و خیلی زود میتونید باهاش کار و ازش استفاده کنید و هر کاری که بخواهید میتونید با وردپرس انجام بدید و دستون خیلی بازه
      برای یادگیری بیشتر میتونید آموزش های بخش وردپرس موجود در همین سایت و یا به سایت اصلی وردپرس با آدرس wordpress.org مراجعه کنید.

  • حسن گفت:

    دستتون درد نکنه از راهنماییتون

  • TOA گفت:

    سلام و خسته نباشید
    آقای برنامه نویس، بنده یه قالب خریداری کردم، نمیتونم اسلایدر رو فعال کنم، اصلا داخل تنظیماتش نیست، ولی وقتی فروشنده دمو رو نصب میکنه هست!!!! به من هم پشتبانی نمیده واسه آموزش اسلایدر، میگه هر دفعه 10 تومن بریز حساب بعد دمو نصب کنم
    امکانش هست بنده قالب رو بفرستم ایمیل شما یه نگاه بندازید بهش ببینید از کجا فعال میشه؟ اصلا شاید کد میدن بهش
    ممنون

    • حسین شفیعیان گفت:

      سلام ، حسین هستم دوست عزیز 😀
      شرمنده کمکی از دست بنده بر نمیاد ، این وظیفه فروشنده هست که قالب را پشتیبانی کنه

  • نوید خرسند گفت:

    سلام آقای برنامه نویس
    بنده می خوام این اسلایدر رو برای سایتم قرار بدم. و حوصله کنترل پنل و غیره برای اسلایدر رو ندارم از خدا پنهان نیسی=ت از شما چه پنهون که یادم ندارم:دی
    به جاش می خوام که همیشه تصویر شاخص پست ها را نمایش بده. از وردپرس استفاده می کنم.
    باید چی کار بکنم؟

  • معصومه گفت:

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

    • حسین شفیعیان گفت:

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

  • میلاد گفت:

    سلام
    این اسلاید خودکار کار نمیکنه؟؟
    میشه بگید چیکار کنم تا خودکار اسلاید ها حرکت کنند.
    ممنون میشم

  • خرید فالوور اینستاگرام گفت:

    ممنون،بسیار کاربردی بود….


Time limit is exhausted. Please reload CAPTCHA.