• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  

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

سلام

میخوام در طراحی ریسپانسیو اجزای سایت جا به جا شوند....

تصویر اول مال حالت دکستاپ هستش ...

Screen_Shot_2015_06_03_at_15_35_16.png

که همونطور که میبینید قیسبوک از سمت چپ اولین طرح میباشد...

اما تو حال کوچکتر از 480 که قرار میگیره قیسبوک و دانلود نرم افزار ها پایین نمیرن.

Screen_Shot_2015_06_03_at_15_36_02.png

همینطور که میبینید کاملا همه چیز بهم ریخته شده...

مشکل از کجاست ؟

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

0

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


لینک به پست

اینطوری که ننمیشه مشکل رو پیدا کرد. بهتره لینک بگذارید تا بررسی بشه.

1

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


لینک به پست

اینطوری که ننمیشه مشکل رو پیدا کرد. بهتره لینک بگذارید تا بررسی بشه.

www.bia2filtershekan61.com

ممنون

0

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


لینک به پست

روی سیستم بنده به صورت (عکس ضمیمه شده) میباشد .

همچنین برای اینکه بتوانید سایز های ریسپانسیو تعریف کنید از کد زیر میتوانید استفاده کنید :


@media screen and (max-width:1235px){.class .right{width:32%;}
.class .left{width:67.6%;}
}

به جای max-width اندازه صفحه و class های خود را رو به روی آن وارد می کنید .

post-10193-0-41501200-1433349517_thumb.p

1

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


لینک به پست

روی سیستم بنده به صورت (عکس ضمیمه شده) میباشد .

همچنین برای اینکه بتوانید سایز های ریسپانسیو تعریف کنید از کد زیر میتوانید استفاده کنید :


@media screen and (max-width:1235px){.class .right{width:32%;}
.class .left{width:67.6%;}
}

به جای max-width اندازه صفحه و class های خود را رو به روی آن وارد می کنید .

از صبح روش خیلی کار کردم ...

به بد بختی اینجوری چیندمش ...

اما باید خدمتتون عرض کنم که خیلی از اجزای سایت مثل دانلود اپ برای اندروید ، ورود ، عضویت ، آدرس یاب ، مسابقه هفتگی ؛

را حذف کردم که فعلا خراب نمایش داده نشه.... (اگه روی حالت معمولی 980 سایت رو نگاه کنید متوجه منظورم میشین)

وقتی فعالشون میکنم همه چیز میریزه بهم.

0

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


لینک به پست

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

مابقی رو هم میتونید hidden کنید .

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط kamran.azarniya@yahoo.com
      سلام و درود
      بنده در این سایتم کمی مشکل منو داشتم نمیدونم چه تنظیماتی کردم که منو از جایگاه اصلی خودش اومده پایینتر ، حالا به نظرتون باید چیکار کنم یا چه کدیو اصلاح کنم
      تشکر
      avahesab.ir
    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html 
    • توسط unid_user
      سلام دوستان
      من با بوت استرپ به مشکل خوردم و در حالت های مختلف موبایل درست نمایش نیمده. من قالبم رو اکثرا با position های absolute و relative ساختم و واقعا برای نمایش رسپانسیو به مشکا خوردم.
      ممنون
    • توسط j1989m
      سلام
      لطفا اسلایدر این سایتو ببینید: https://beyamooz.com
      میخوام یه اسلایدر مثل لینک بالا داشته باشم: بطوریکه داخل هراسلاید چند تا عنصر مختلف (آیکون و متن) باشه که با اومدن هراسلاید، هریک از عناصر داخلش با انیمیشن خاصی ظاهر بشن، و با رفتن هراسلاید، عناصر داخلش هم با انیمیشن ناپدید بشن...ضمن اینکه ریسپانسیو و لمسی هم باشه...  ؟ ؟ ؟ ؟ ؟ ؟
      در حال حاضر اسلایدر زیر رو با کاروسل ساختم:
      https://codepen.io/j1989mah/pen/VzoOmY
      جمعا 3 تا اسلاید هست: داخل اسلاید دوم و سوم المان هایی رو قرار دادم... اما میخوام با اومدن و رفتن هراسلاید المان های داخلش با انیمیشن ظاهر و ناپدید بشن...
      ؟ ؟ ؟ ؟ ؟ ؟
       
    • توسط Fast-Learn
      سلام.
      من دارم یه قالب برای سایتم مینویسم، که طبعیتاً روی لوکالم بود. قالب کاملا توی پی سی ریسپانسیوه! یعنی وقتی صفحه ی مرورگر رو کوچیک میکنی، قالب خاصیت ریسپانسیویش کاملا صحیحه. یا وقتی از ابزار inspect element گوگل کروم قسمت تست ریسپانسیو بودنش استفاده میکنم، یا از سایتای تست ریسپانسیو بودن استفاده میکنم، باز هم کاملا سایت ریسپانسیوه!
      حالا اومدم شکل واقعیش رو توی گوشی ببینم، برای همین قالب رو روی هاست آپلود کردم، باز هم وقتی توی پی سی ریسپانسیو بودنش رو چک میکنم درسته، ولی وقتی توی موبایل نگاه میکنم اصلا ریسپانسیو نیست!
      توی چند تا موبایل تست کردم توی هیچکدوم ریسپانسیو نبود!
      برای ریسپانسیو کردن هم بیشتر جاها از قابلیتای فریم ورک materilize استفاده کردم و بعضی جاها هم دستی.
      ممنون میشم راهنماییم کنید!
      بد جوری اعصابمو خورد کرده