• اطلاعیه ها

    • 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  

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

سلام

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

حالا من میخوام در سایز مثلا 1500 px یا همون ویندوز مثلا بخش X نمایش داده بشه

اما حالا میخوام بخش X در سایز 980px نمایش داده نشه ، که به طور معمول display:none; رو در کلاس قرار میدیم.

خب حالا من میخوام همون بخش X در سایز 480px نمایش داده بشه .

چون بخش 980 غیر فعال هست در 480 نشون نمیشه ... حتی کلاس رو هم داخلش گذاشتم و بخش display:none; رو پاک کردم اما باز هم نمایش داده نشد.

display:run-in; رو هم تست کردم بازهم نمایش داده نشد.

دقیقا باید چه دستوری وارد کنم که نمایش داده بشه !؟

ممنون

0

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


لینک به پست

سلام ، display:none مخالفی نداره ، برای مخفی کردن میتونید از visibility استفاده کنید که visible و hidden داره ، امّا اگر مجبور به استفاده از display هستید میتونید با استفاده از مرورگر تست کنید که کدوم از مقدار ها به کارتون میاد ، گاه ممکنه block یا شایدم inherit یا initial به کارتون بیاد ، شما از طریق inspect element مرورگر امتحان کنید بالآخره یکی از مقدار هاش به دردتون میخوره.

2

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


لینک به پست

display:block;

1

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


لینک به پست

بهترین مخالف تو مثالی که زدید


display:block;

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


display: block !important;

1

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


لینک به پست

سلام ، display:none مخالفی نداره ، برای مخفی کردن میتونید از visibility استفاده کنید که visible و hidden داره ، امّا اگر مجبور به استفاده از display هستید میتونید با استفاده از مرورگر تست کنید که کدوم از مقدار ها به کارتون میاد ، گاه ممکنه block یا شایدم inherit یا initial به کارتون بیاد ، شما از طریق inspect element مرورگر امتحان کنید بالآخره یکی از مقدار هاش به دردتون میخوره.


display:block;

بهترین مخالف تو مثالی که زدید


display:block;

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


display: block !important;

تشکر از همگی صحیحش این بود.

display: inherit;

4

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


لینک به پست

مخالفش این میشه


display: initial;

که البته مرورگرای قدیمی از initial پشتیبانی نمیکنن ، و برای رفع این مشکل میتونین قبلش block یا inline-block یا هر چیز دیگه ای بنا به نیازتون تعریف کنین که مرورگرای قدیمی هم به مشکل نخورن ، به عنوان مثال المنت شما باید inline-block باشه تو حالتی که از مخفی در میاد :


display: inline-block;
display: initial;

2

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


لینک به پست
تشکر از همگی صحیحش این بود. display: inherit;

بله همونطور که گفتم در جاهای مختلف ممکنه جواب های مختلف بگیرید.

یه توضیح کوتاه بدم حالا که تاپیک گرفت:

initial مقدار پیش فرض هست که البتّه همونطور که دوست عزیزمون امین گفت در بعضی از مرورگر ها از جمله اینترنت اکسپلورر پشتیبانی نمیشه

inherit مقدار تعیین شده در والد هست! یعنی اینکه اگر توی کد زیر به div شما block داده باشید یا رنگ red برچسب span هم همون مقدار رو میگیره.


<div>
<span>
</span>
</div>

در این کد div والد محسوب میشه و اگر بهش inherit بدید span هم اون مقدار رو از والد خودش میگیره

و امّا در مورد block مخالف none نیست ، البتّه بیشتر جاها به کار میاد ولی مشکلش اینکه اگر شما مقدار block رو بهش بدید در واقع دارین اون رو یه بلوکه حساب میکنین و به خط بعدی میره (دقیقاً مثل پاراگراف)

برای فهم بهتر میتونید به لینک زیر مراجعه کنید:

http://www.w3schools.com/cssref/playit.asp?filename=playcss_display&preval=block

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 استفاده کردم و بعضی جاها هم دستی.
      ممنون میشم راهنماییم کنید!
      بد جوری اعصابمو خورد کرده