• اطلاعیه ها

    • 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  
webmaster404

مشکل در طراحی قالب ریسپانسیو

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

سلامب

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

مثلا من این کد رو قرار میدم تا استایل مخصوص رزولیشن 360 این باشه:


@media only screen and (max-width:360px){
.wrapper{
width: 326px;
direction:rtl;
margin: 0 5px;
}

ولی باز مرورگر استایل اولیه رو در نظر میگیره. یعنی همون استایلی که موقع طراحی بهش داده بودم رو.

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

همراه پست یه عکس هم ضمیمه کردم.

دوستان اگر کسی بلده راهنمایی کنه.

ممنون

post-3674-0-10779500-1411044576_thumb.pn

0

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


لینک به پست

1 . بهتره از این مدیا کوئری استفاده کنید :


@media (min-width: 360px) and (max-width: 480px) {

}

یا :


@media (max-width: 360px) {

}

2. در ریسپانسیو از % استفاده میشه نه px

3. کدهای ریسپانسیو باید زیر کدهای اصلی استایل قرار بگیره

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

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

4. زمانی که میخواین اولویت بدین میتونین در انتهای کد از !important اسفاده کینن


.test { width:100px !important;}

2

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


لینک به پست

1 . بهتره از این مدیا کوئری استفاده کنید :


@media (min-width: 360px) and (max-width: 480px) {

}

یا :


@media (max-width: 360px) {

}

2. در ریسپانسیو از % استفاده میشه نه px

3. کدهای ریسپانسیو باید زیر کدهای اصلی استایل قرار بگیره

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

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

4. زمانی که میخواین اولویت بدین میتونین در انتهای کد از !important اسفاده کینن


.test { width:100px !important;}

lممنون فرهاد جان گذینه 3 کارم راه انداخت.

0

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


لینک به پست

ببخشید چطور میشه استایل هایی که توی فایل اصلی قرار دادم توی حالت دومی (همون فایل ریسپانسیو) اعمال نشه؟ مثلا نمیخوام هیچکدوم از :hover ها اعمال بشه!؟؟

0

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


لینک به پست

ببخشید چطور میشه استایل هایی که توی فایل اصلی قرار دادم توی حالت دومی (همون فایل ریسپانسیو) اعمال نشه؟ مثلا نمیخوام هیچکدوم از :hover ها اعمال بشه!؟؟

کافیه در مدیای که نمی خواید هاور عمل کنه استایلهای هاور رو دقیقا مثل استایلهای حالت غیر هاور قرار بدید .

0

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


لینک به پست

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

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

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

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


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

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

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


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