0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو برچسب ها

آموزش تصاویر در بوت استرپ

آموزش تصاویر در بوت استرپ     ایجاد عکس واکنش گرا در بوت استرپ   با سلام به همراهان همیشگی وب یار، این جلسه مبحث تصاویر در بوت استرپ را به شما آموزش می دهیم. در این مقاله به مباحثی از جمله  تصویر با لبه های گرد – عکس دایره ای – عکس بندانگشتی، ایجاد عکس واکنش گرا در بوت استرپ و ایجاد گالری تصاویر پرداخته می شود. در ادامه با تیم طراحی قالب وردپرس وب یار همراه باشید تا با تصاویر در بوت استرپ آشنا شوید.   انواع تصاویر استفاده از تصاویر در سایت به دلیل جذب مخاطبان اهمیت ویژه ای دارد. بوت استرپ کلاس هایی را برای تصاویر در نظر گرفته که با استفاده از این کلاس ها حالت های متفاوتی را برای تصاویر ایجاد می کند. این کلاس ها به شرح زیر می باشد. کلاس img-rounded باعث گرد شدن گوشه های عکس می شود. کلاس img-circle عکس را به صورت دایره نمایش می دهد. کلاس img-thumbnail عکس مورد نظر را به صورت یک عکس بند انگشتی در می آورد. در کد زیر می توانید با نحوه ی استفاده از این کلاس ها آشنا شوید. <img src=”img/index.jpg” class=”img-rounded” alt=”tabiat” width=”200″ height=”140″> <img src=”img/images.jpg” class=”img-circle” alt=”tabiat” width=”140″ height=”140″> <img src=”img/index.jpg” class=”img-thumbnail” alt=”tabiat” width=”200″ height=”140″>   در شکل زیر می توانید انواع تصاویر را که با کد بالا ایجاد می شود […]