nwmb

ریسپانسیو تصویر داخل نوشته؟

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

سلام

دوستان دارم با مدیا کئوری قالب رو ریسپانسیو میکنم، تصویری که درون نوشته ها قرار میگیره با سایز 430*600 هست

چجوری میتونم این تصویر رو برای مدیا کئوری 360px ریسپانسیو کنم؟

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

0

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


لینک به پست

کد css زیر را به هر کدوم نسبت بدین :


max-width:100%;

3

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


لینک به پست

بیشتر راهنمایی میکنید اقای شفیعیان

ببینید وقتی از قسمت تصویر المنت میگیرم این محتوای html هست.



<div id="attachment_2770" style="width: 440px" class="wp-caption aligncenter">
<a href="http://mysite/wp-content/uploads/2015/05/Club.jpg" target="_blank">
<img class="wp-image-2770 size-full" src="http://mysite/wp-content/uploads/2015/05/Club.jpg" alt="سریال" height="600" width="430"></a>

0

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


لینک به پست

باید به نحوی با سلکتور css تگ تصویرتون را انتخاب و کدی که بهتون دادم را روش سوار کنید - مثلا در کد بالا عکس شما کلاس size-full را داره - میتونید استایل زیر را در قالبتون اضاف کنید :


.size-full{
max-width:100%;
}

کاری که من کردم اینه که اومدم محتویات پست را درون یک کلاس گذاشتم مثلا post-box و اومدم اینطوری به تمام عکس های درون پستم استایل را دادم :


.post-box img{
max-width:100%;
}

5

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


لینک به پست

ممنون اقای شفیعیان درست شد.

دوستان برای ریسپانسیو کردن جداول استفاده شده در پست باید چیکار کرد؟

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

0

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


لینک به پست

با دادن مقدار های Mix & max در CSS با مقدار بر حسب % انجام دهید

البته میشه از @media screenهم استفاده کرد . نمونه زیر ببینید :

http://exisweb.net/responsive-table-plugins-and-patterns

4

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


لینک به پست

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

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

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

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


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

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

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


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