• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
سعید شعبانی

راهنمایی برای ساخت منو ناوبری Off-Canvas برای قالب ریسپانسیو

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

دوستان سلام

در سایت smashing magazine مقاله ای در مورد منو های ناوبری ریسپانسیو نوشته بودند. من می خواهم آخرین نوع آن منو یعنی منو ریسپانسیو با استفاده از Transitioning سی اس اس را در سایتم قرار بدم. ولی در این مطلب به صورت کامل روش ساخت این منو را نگفته بود لطف می کنید روش ساخت این منو را بفرمایید.

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


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

کدهاش توی دوم هست:

http://dbushell.github.io/Responsive-Off-Canvas-Menu/step4.html

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

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


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

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

post-412-0-02550900-1372687747_thumb.jpg

ویرایش شده در توسط سعید شعبانی

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


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

شما از مدیا کوئری استفاده کردید؟

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


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

شما از مدیا کوئری استفاده کردید؟

مدیا کوئری چی هست؟ و برای چه بخشی؟

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


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

شما از مدیا کوئری استفاده کردید؟

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

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


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

خوب شما توی بخش مدیا کوئری تعریف میکنید که برای مثلا فلان سایز این سایدبار نمایش داده نشه. همون مخفی کنید.

بعد یک دکمه تعریف می کنید که با زدن اون (مثلا با جی کوئری) دئباره سایدبار نمایش داده بشه

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


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

خوب شما توی بخش مدیا کوئری تعریف میکنید که برای مثلا فلان سایز این سایدبار نمایش داده نشه. همون مخفی کنید.

بعد یک دکمه تعریف می کنید که با زدن اون (مثلا با جی کوئری) دئباره سایدبار نمایش داده بشه

خوب درسته من هم دنبال همون دکمه و یک حالت نرم ولی نه سنگین برای جی کوئری هستم

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


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

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>  
       
       
       
       
    • توسط saeeddeeas
      سلام دوستان 
      من مشکلم رو با طراحی منوهای شناوری و واکنش گرای خشکل و شیک نتونستم حل کنم خواهشا یک اموزش جامع برای این کار بدید 
      و اینکه چه افزونه ای در ورد پرس برای اینکار پیشنهاد میکنید 
    • توسط marpeech
      سلام دوستان
       
      من دنبال یه افزونه اسلایدر می گردم که بتونه اسلاید تمام صفحه و ریسپانسیو درست کنه. اما با یه شرط! و اون این باشه که توی تمام مرورگرها و دستگاه ها هم تمام صفحه باشه. الان من اسلایدر تمام صفحه دارم اما وقتی از توی اپرا نگاه میکنم تمام صفحه ست، توی موزیلا یه کمی از ارتفاعش کم میشه، توی کروم هم همینطور (در همه این موارد از عرض، تمام صفحه ست اما از ارتفاع کم و زیاد میشه). عرض اسلایدر رو هم 100% تعیین میکنم اما برای ارتفاعش راه حلی ندارم. ممنون میشم که راهنمایی کنید
    • توسط دکتر مهندس
      سلام
      دوستان لطفا سایت http://medplant.ir رو ببینید. اگر با کامپیوتر هستید، لطفا صفحه رو کوچیک کنید می بینید که نسخه موبایلی میشه اما مشکلی که داره اینه که در نسخه موبایلی یه طرف صفحه، سفید میفته.
      وقتی با کامپیوتر این کار رو بکنید، دیگه نمیشه به سمت چپ رفت و اصل قالب رو دید اما در دستگاه موبایل با کشیدن صفحه به سمت چپ، قالب اصلی دیده میشه.
      کسی میدونه چطور میشه این مشکل رو رفع کرد؟
      متشکرم
    • توسط start

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

      ریسپانسیو یا واکنش گرا یعنی چی ؟
      در گذشته ی نه چندان دور صفحات سایت تنها متناسب با سایز بزرگ صفحه های نمایش طراحی و پیاده سازی میشدند و همه چیز با دقتی در حد پیکسل ساخته میشد (Pixel Perfect). اما در دنیای امروز که انواع صفحه های نمایش با اندازه های گوناگون, از مانیتورهای 4K گرفته تا لپتاپ و تبلت و گوشی های هوشمند, مورد استفاده قرار میگیرد دیگر خبری از طراحی Pixel Perfect نیست. سایت شما باید به گونه ای باشد که در تمامی نمایشگرها, فارغ از سایز آن, به بهترین شکل نمایش داده شود و این دقیقا سرویسی است که ما خدمت شما ارائه میکنیم.

      چرا ریسپانسیو بودن اهمیت دارد ؟
      اگر به آمار بازدیدکنندگان سایت خودتون مراجعه کنید متوجه خواهید شد که تعداد زیادی از بازدیدکنندگان سایت شما بوسیله گوشی هوشمندشان به سایت شما مراجعه کرده اند و بسیار مهم است که برای این تعداد زیاد از کاربران تجربه ای مناسب از مراجعه به سایت شما رقم بخورد. حتی ریسپانسیو بودن سایت شما برای گوگل هم از اهمیت زیادی برخوردار است و سایت هایی که تجربه ی مناسبی برای کاربران موبایلی فراهم کنند ( اصطلاحا Mobile Friendly ) باشند جایگاه بالاتری در نتایج جستجو خواهند داشت. اهمیت این موضوع باعث شد که اکثریت وب مستران نسبت به این موضوع آگاهی پیدا کرده و نسبت به واکنش گرا کردن قالب وب سایت خود اقدام کنند. اگر شما همچنان از قالب غیر واکنش گرا برای سایت خودتون استفاده میکنید, میتونید هر چه زودتر با اقدام به ریسپانسیو سازی قالب خودتون, جلوی این ضرر رو بگیرید.
      اگر قالب سایت شما در حال حاضر ریسپانسیو نیست، و برای اضافه کردن قابلیت واکنش گرایی به قالب مردد هستید، از شما دعوت میکنم مجددا به این موضوع فکر کنید که در حال حاضر بیش از نیمی از بازدیدکنندگان سایت شما (که شامل کاربران گوشی های هوشمند و تبلت ها هستند)، تجربه ای بسیار بد رو از مراجعه به سایت شما کسب میکنند. وقت برطرف کردن این مشکل رسیده...

      اما چطور ریسپانسیو بودن قالب سایتم رو چک کنم ؟
      شما میتونید به وب سایتی که Google اختصاصا برای این مورد ایجاد کرده مراجعه و سایت خودتون رو تست کنید: ( برای انجام تست لازم هست که از V|P|N استفاده کنید )
      https://www.google.com/webmasters/tools/mobile-friendly/
      بعد از وارد کردن لینک سایت خودتون و کلیک بر روی Analyze, گوگل سایت شما رو چک کرده و یکی از نتایج زیر رو مشاهده خواهید کرد:
       

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

      ارتباط از طریق:
      پیغام خصوصی


      موفق باشید,
      و به امید همکاری های بسیار خوب.