آموزش طراحی قالب html واکنشگرا (responsive) – جلسه دوم

آموزش طراحی واکنشگرا - responsive

مهدی تاکس

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق لینوکس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. طرفدار تیم اینترمیلان هستم و زبان برنامه نویسی محبوب من vala هست.

شما ممکن است این را هم بپسندید

50 پاسخ‌ها

  1. حسن گفت:

    سلام مهدی جان
    گفته بودی که قسمت بعدی ساخت ادمین اماده است منتظریم
    چرا اپلود نمیکنی؟؟

  2. ارسلان گفت:

    سلام استاد و بچه ها من از css normalize هم که استفاده می کنم بازم یه چیزایی درست نمیشه چیکار میشه کرد؟و واقعا متاسفم برا کسایی که این مرورگر ها رو می سازن یه کد رو باید با چهار حالت بنویسی برا چهارتا مرورگر

  3. meysam گفت:

    سلام دوست عزیز
    از این استفاده کنید
    https://github.com/afarkas/html5shiv

  4. ارسلان گفت:

    چطور ازش استفاده کنم؟قضیش چیه؟

    • meysam گفت:

      سلام
      نحوه استفادش کاملا مشخصه فایلش رو دانلود کنید و تو پوشه js قالبتون قرار بدید و تو هد سایت فراخونیش کنید
      موفق باشید

  5. ارسلان گفت:

    بازم سلام لطفا اینم بگید که چطور نوار ادمین رو غیر فعال کنم من با css غیر فعال کردم display none کردم مشکل نداره؟

  6. افشین زندی گفت:

    سلام آقا میثم. ماشاالله خیلی فعالید شما. تو هر سایت آموزش برنامه نویسی یه اثری ازتون هست.
    اگه لطف کنی چنتا از سایتایی که مفید میدونی رو معرفی کنی واقعا ممنونت میشم.
    بغییر از این چنتا : 7لرن،مهدی تاکس، وی لرن ، لرن فایلز، دانشجویار. البته شخصا از 2 تای آخرش استفاده نمیکنم چون بهم ثابت شده آموزشاشون کاربردی نیستن.
    واقعا ممنون میشم تجربیاتتون رو به اشتراک بزاری

    • با سلام
      یکی از کاربران به نام میلاد ازم خواسته بود که یک مقاله در مورد منابع وردپرس قرار بدم. هنوز درگیرش هستم. می دونید یک دفعه تبدیل شد به کار تخصصی. دارم سعی می کنم یک مقاله جامع ( بهترین بگیم یک لیست نه مقاله ) از منابع وردپرس همراه با توضیح مختصری از هر سایت و یا کتاب معرفی شده. البته تمامی منابع انگلیسی هستن. بزرودی تموم میشه و در اختیار دوستان قرار می گیره

  7. meysam گفت:

    سلام برشما دوست عزیز
    دیگه ورود به دنیای بزرگ وب همین فعالیت ها رو میطلبه
    یک سایت هم http://ehsanavr.com/ هستش
    این سایتهایی که اسم بردید همه خوب هستن و بنده هم همه رو هر از چند گاهی چک میکنم
    در حضور استاد عباسی بنده کاره ای نیستم ایشون متخصص این کار هستن و به زودی همینطور که خودشون فرمودن
    منابع رو معرفی می کنن
    موفق باشید

  8. ارسلان گفت:

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

  9. reza گفت:

    سلام به مهدی عزیز
    روزت بخیر
    من به فونت وب های استاندارد فارسی نیاز دارم اگه لطف کنی قرار بدی ممنون می شم
    مثل:
    MJ_FLOW_BOLD
    و همین طور هما و بردیا و فونت های خودت که تو سایت قرار دادی اگه مرجعی سراغ داری معرفی کن
    خودم بردیا رو دارم ولی یه جوریه آدم باهاش حال نمی کنه.
    ممنون از همه کارات 🙂

  10. افشین زندی گفت:

    سلام.فک کنم مدیر کمی سرشون شلوغ باشه.
    از این لینک میتونی 40 تا فونتی که برای وب استاندارد سازی شده رو دانلود کنی.
    موفق باشی
    http://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6

    • reza گفت:

      مرسی دوست عزیز این فونت هایی که دادن رو خودم داشتم
      کمی مشکل دارن مثلا اگه بین حروف فارسی از این انگلیسی استفاده کنی و بخوای عدد ها هم انگلیسی باشن نمیشه و فارسی نشون میده
      دوم هم این که سایزشون فقط در بعضی از اعداد درست نشون میده شما با فونت 17px استفاده کنی بد نشون می دن
      من از فونت اصلاح شده یکان استفاده می کنم می کنم که مشکلات بالا رو نداره
      اینم لینکش:
      http://s6.picofile.com/file/8190587076/yekan.rar.html
      مننون از همه

  11. ارسلان گفت:

    من فقط از فونت b yekan برای تیتر b nazanin برای متن استفاده می کنم کلا فونت های سری yekan کافی هستن از هر جایی هم می تونید دانلود کنید

  12. reza گفت:

    سلام
    چون شما رو یه فرد خبره می دونم ازتون هی سوال می پرسم
    لطفا برای قیمت گذاری بر روی پروژه نیز صحبت کن که ما چه قیمتی بدیم که نه سیخ بسوزه و نه کباب!
    البته به دو شکل یکی برای طراحی یه قالب برای یک نفر و دیگری طراحی قالب برای فروش برای عموم

    ممنون

    • افشین زندی گفت:

      فک کنم طرف صحبتتون با مدیر سایت یا بچه های دیگه بود پس عذر میخوام اگه بنده جواب میدم
      ببینید تا حالا ده ها تاپیک در انجمن ها در این مورد درست شده و جواب ها هم در آخر به این میرسیدند که قیمت متغییره. اما در کل چنتا فاکتور هست که با توجه به اون میشه قیمت ها رو تعیین کرد
      1- نمونه کار موفق
      2- سابقه بودن در تیم های موفق طراحی
      3- اسم و رسم در دنیای وب
      4- تا چه حد حرفه ای بودن خودتون و کارتون
      5- وضعیت مالی مشتری!!!
      برای طراحی برای عموم کلا سرمایه گذاری نکنین چون اینقدر تیم های قوی که تو تم فارست فعالیت میکنن زیادن که رقابت یه چیز رویاییه و اینکه خیلی ساده با فارسی کردن همه به چیزی که میخوان میرسن اما اگه به سایتای ایرانی سر بزنی قالب وردپرس چیزی بین 30 تا 70 هزارتومن! و قالب استاتیک از 10 تا 30 هزار تمن!

  13. ارسلان گفت:

    استاد و بچه ها سلام چرا توی مرورگر کروم(مزخرف) حروف جدا از هم نشون داده میشه؟

    • افشین زندی گفت:

      مرورکروم استاندارد ترین مرورگره اینو مطمئن باش.
      این کد رو تو head صفحت بزار ببین درست میشه یا ن.

      اگه نشد احتمالا فونت استانداری استفاده نکردی

  14. ارسلان گفت:

    هیچ مرورگری به پایه فایرفاکس نمیرسه اینو با دلیل میگم اما کدوم کد رو تو head قرار بدم ؟درضمن من از فونت b yekan استفاده کردم فقط تو کروم جواب نمیده

    • افشین زندی گفت:

      فک کنم نمیشه اینجا کد رو قرار بدم چون نشون نمیده. این رو کپی کن تو صفحه مرورگرت یه اینتر بزن اولین سایت کدش رو داره
      meta charset= utf-8

  15. ارسلان گفت:

    حاجی درست نشد مثه اینکه این مشکل فقط از کروم نسخه 38 هست

  16. ارسلان گفت:

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

    • افشین زندی گفت:

      ببین کلا مرورگرا از یه سری موتور رندرینگ استفاده میکنن و متاسفانه برای هر موتور باید نوع خودش رو تو صفحه لود کنی. البته اینجور نیست که همه فونتا تو یه مرورگر لود بشن، هر مرورگر فونتی که خودش ساپرت میکنه رو لود میکنه…
      منم راجبه فایرفاکس با تو هم عقیده بودم تا اینکه یه مدتی از کروم استفاده کردم و دیدم یه سرو گردن از فایرفاکس و بقیه بهتره مخصوصا inspector کروم که 90 درصد برنامه نویسای وب ازش استفاده میکنن و حرف اول رو میزنه. علاوه بر اون extension های کروم هم به مراتب از فایرفاکس قوی ترن و آپدیتش هم زودتره و ساپرتش از css3 هم از همه بهتره.
      در کل هر کس نظر خودش رو داره…

      • ارسلان گفت:

        اصلا فایرفاکس مال برنامه نویسیه من css رو توی فایرفاکس می نویسم بعد فقط کپی می کنم امکانات بی نظیر فایرفاکس کار رو واقعا راحت و حرفه ای می کنه فضای گرافیکیشم که هیچی اما چون کروم هیچکدوم از اینارو نداره رم کمتری مصرف می کنه و سرعتش بهتره درباره کیفیت نمایش انیمیشن هم مثال هایی هست که ضعف بالای کروم رو مشخص می کنه

  17. افشین زندی گفت:

    گفتم که..
    هر کس نظر خودشو داره.

  18. افشین زندی گفت:

    مهندس جان معلومه خیلی سرت شلوغه.واقعا خسته نباشی
    قسمت های بعدی این آموزش کی رو سایت قرار میگیره؟؟

  19. افشین زندی گفت:

    راستی این آیکن های شبکه اجتماعی هم که گذاشتی تو کامنتا مشکل دارن. من با گوشی میام کلا از کادر زده بیرون و اسکرول میخوره سایت

  20. ارسلان گفت:

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

  21. meysam گفت:

    سلام دوست عزیز
    خاصیت name براشون قرار دادید؟
    کدتون رو بذارید چک کنم

  22. ارسلان گفت:

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

  23. meysam گفت:

    باید براش value بذارید و مقدار رو توش چاپ کنید

  24. ارسلان گفت:

    میشه بیشتر توضیح بدین؟

  25. meysam گفت:

    ببینید دوست عزیز شما باید توی input از checked=”checked” استفاده کنید و شرط بذارید که اگر انتخاب شده بود انتخابش رو
    نشون بده در غیر اینصورت خالی نشون بده

  26. ارسلان گفت:

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

  27. meysam گفت:

    خوب وقتی شما خاصیت name تو input استفاده کرده باشید با $_POST یا $_GET میریزین تو کوکی و هر جا خواستین میتونید ازش استفاده کنید

    • ارسلان گفت:

      تا اینجا ممنون که جواب دادین ولی بازم سوال من می خوام submit نذارم و وقتی رو input radio کلیک میشه اعمال شه چطوری میشه؟

  28. ihad گفت:

    با ایجکس توی کوکی ست کن دیگه
    ببین اگه قراره رفرش بشه و تنظیمات ازیبین نره یا باید از کوکی یا سیشن استفاده کنی.
    حالا سیشن موقعی که مرورگر رو میبندی از بین میره
    ولی کوکی وابسته به زمانه.
    خب شما مثلا سه تا radio button داری توی خاصیت unchange یا unselect بیا مقدارش رو توسط آیدی اون بگیر.
    حالا کافیه مقدا رو به در کوکی ست کنی .

    (البته میتونی بدونه استفاده از ایجکس و با جاوا اسکریپت هم ست کنی یه کم بگردی راحت پیدا میکنی)

    • ارسلان گفت:

      ببینید من تو گرفتن اطلاعات مشکل دارم بزارین کامل توضیح بدم من سه تا input radio تو سایتم گزاشتم هرکدوم رو که کلیک کنید بک گراندش تغییر می کنه مشکل اینجاست که کاربر وقتی بره صفحه بعد اینپوت رادیو بر میگرده حالت پیشفرض خب حالا من چطور می تونم بدون گزاشتن submit اطلاعات رو به یه فایل php ارسال کنم ؟یعنی کاربر فقط اینپوت رادیو رو بزنه و on بودن اون رادیو ارسال بشه

  29. سلام.واقعا وبسایت خوبی دارید

  30. سلام.وبسایت خیلی خوب و جامعی دارید.ممنون

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *