• اطلاعیه ها

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

صفر نشدن margin-bottom

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

ارسال شده در (ویرایش شده)

سلام دوستان

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

با قرار دادن این کد در Custom CSS قالب به چپ چسبید اما کد margin-bottom:0 تاثیری نداره و به پایین نمی چسبه:


#text-2{
padding:0;
}

آدرس سایت:


tabasaci.ir

عکس ما فرضا اون مربع خاکستری رنگ هست(دورش خط چینه) که در اینجای هدر هست:

post-219-0-39021300-1382360664_thumb.jpg

که ما میخوایم بیاریمش اینجای هدر:

post-219-0-21686400-1382360693_thumb.jpg

ممنون میشم راهنمایی کنید.

ویرایش شده در توسط sajjadnajafi
0

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


لینک به پست

سلام ، به


.widget-header {
}

واقع در فایل استایل اضافه کنید :


position:relative;
top:124px;

2

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


لینک به پست

ممنون آقا Farid با راهکار شما مشکل حل شد.

یه مورد دیگه اینه که همون تصویر مربع که الان جاشو با یه عکس دیگه در همون سایت تغییر دادم، خاصیت رسپانسیو یا واکنشگرایی خودشو از دست داده... کل تصاویر و قالب و.. رسپانسیو اما فقط همون عکس غیر رسپانسیو! اگر لطف کنید در این مورد هم یک راه کاری بدید تا اون عکس هم واکنشگرا بشه... ممنون :)

0

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


لینک به پست

ارسال شده در (ویرایش شده)

ممنون آقا Farid با راهکار شما مشکل حل شد.

یه مورد دیگه اینه که همون تصویر مربع که الان جاشو با یه عکس دیگه در همون سایت تغییر دادم، خاصیت رسپانسیو یا واکنشگرایی خودشو از دست داده... کل تصاویر و قالب و.. رسپانسیو اما فقط همون عکس غیر رسپانسیو! اگر لطف کنید در این مورد هم یک راه کاری بدید تا اون عکس هم واکنشگرا بشه... ممنون :)

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

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

و در این کد اندازه های مورد نظرتون رو به کلاس اضافه کنید


@media screen and (max-width: 900px) {

.widget-header {
position:relative;
top:124px;
}

}

ویرایش شده در توسط RapiD AM
2

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


لینک به پست

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

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

و در این کد اندازه های مورد نظرتون رو به کلاس اضافه کنید


@media screen and (max-width: 900px) {

.widget-header {
position:relative;
top:124px;
}

}

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

0

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


لینک به پست

http://css-tricks.com/which-responsive-images-solution-should-you-use/
http://mobile.smashingmagazine.com/2013/07/08/choosing-a-responsive-image-solution/
http://www.sitepoint.com/css3-responsive-centered-image/

2

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


لینک به پست

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

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

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

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


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

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

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


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