alirezach

محدود کردن تصویر به قاب (بردر)

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

سلام به همه‌ی دوستان اهل فن،

دوستان برای محدود کردن عکس در قاب؛ مثلاً برای اسلایدر در بالای سایت و یا تصویر در محتوای اصلی طوری که اگر کوچک باشه خودشو بسیط‌ کنه و قاب رو پر کنه و اگر هم بزرگ باشه خودش رو کوچک کنه!!

ایا کد، ترفند و یا آموزش خاصی در این مورد وجود داره.

ممنون میشم اگه کمک کنید. :)

0

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


لینک به پست

سلام,به انجمن وردپرس پارسی خوش آمدید.

منظور شما از قاب,استفاده از تصویری به عنوان زمینه می باشد؟یا استفاده از خاصیت border سی اس اس می باشد؟

1

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


لینک به پست

سلام سئوالتون به نظرم ایراد داره بردر روی خود تصویر می شینه و تصویر در هر سایزی که باشه باز محدود به بردرشه

مگر اینکه تصویر در یک لایه قرار داشته باشه که اون لایه نقش قاب رو براش بازی کنه و زمانی که تصویر ابعادش از اون لایه بیشتر باشه بزنه بیرون در این صورت نام کلاس اون لایه را بر می دارید و در کدهای استایل بندی وارد می کنید (فرض می کنیم اون لایه با کلاس class به قالب معرفی شده باشه )


.class img {max-width:100%;}

فایل استایل هم که style.css هستش

3

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      درود
      من در یک وب سایت به یک اسلایدر خیلی عجیب برخورد کردم. کدهاش بصورت زیر هستن. چطور میشه این مدل اسلایدر رو داینامیک کرد؟
      <div class="slider"> <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" style="margin-bottom:15px"> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-1.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-4.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-2.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-3.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-1.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-1.jpg"> </div> <div data-thumb="<?php echo get_template_directory_uri(); ?>/images/thumbnails/slider-2.jpg" data-src="<?php echo get_template_directory_uri(); ?>/images/slider-2.jpg"> </div> </div> </div> <div class="clear"></div> </div>  
    • توسط 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
      سلام دوستان
      من میخوام که یه اسلایدر با post type در وردپرس ایجاد کنم. قبلا اینکار و برای اسلایدر صفحه اصلی سایتم انجام دادم ولی میخوام هربار و هرکجا خواستم یه اسلایدر ایجاد کنم و بدون نیاز به دست بردن در کدنویسی قالب بتونم مثلا با شورت کد short code اسلایدرهای مختلف رو به پست ها و مطالبم اضافه کنم.
      اگه منبعی هم سراغ دارید ممنون میشم فارسی یا انگلیسی راستش خودم نمیدونم باید چی و توی اینترنت سرچ کنم!؟
      ممنون.
    • توسط a_a_ze
      سلام دوستان در نمایش اخبار سایت به صورت اسلایدر حرکت اسلایدر به طرفین اشتباه است و به جای اینکه به سمت چپ برود و ادامه اخبار نشان دهد به سمت راست میرود و صفحه سفید نمایش می دهد.
      لینک سایت: https://moeidedu.ir/#news
    • توسط vahidmh
      سلام به همگی خسته نباشید بنده یک افزونه اسلایدر مخصوص سایتم میخواستم تا الان چندتا افزونه استفاده کردم ولی همشونو خراب نشون داده لطفا کمک کنید
      آدرس سایتم : beh-melody.ir
      لطف کنید بررسی کنید ببینید چجور هستش ممنون