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″>   در شکل زیر می توانید انواع تصاویر را که با کد بالا ایجاد می شود […]

آموزش بوت استرپ استایل دهی به متن در bootstrap با ادامه آموزش بوت استرپ bootstrap و این بار آموزش استایل دهی به متن در bootstrap توسط تیم طراحی سایت اصفهان وب یار در خدمت شما هستیم. در مقالهآموزش بوت استرپ استایل دهی به متن در bootstrap ،با معرفی تگ های mark,small,hgroup  در خدمت شما هستیم. در جلسه قبل با آموزش طراحی ریسپانسیو و بوت استرپ که مقدمه ای برای شروع آموزش بوت استرپ بود همراه شما بودیم.در مقاله ی آموزشی امروز تگ هایی برای استایل دهی به متن به شما آموزش داده خواهد شد. همچنین در این مقاله درباره ی کاربرد متن های رنگی در بوت استرپ و کلاس ها برای رنگ پس زمینه ی متن ها صحبت می شود. پس با ما همراه باشید تا با مثال های ساده و واضح این تگ ها را به شما آموزش دهیم.   تگ blockquote در بوت استرپ تگ blockquote برای نقل قول استفاده می شود. بوت استرپ به نقل قول ظاهر زیبایی می دهد. تنها کافی است که برای نقل قول از تگ blockquote استفاده شود. به کد زیر دقت کنید تا نحوه ی استفاده از این عنصر را یاد بگیرید. بوت استرپ این تگ را به صورتی که در خروجی زیر می بینید استایل دهی می کند. برای نشان دادن نقل قول در سمت راست از کلاس blockquote-reverse استفاده می کنیم. […]

طراحی سایت ریسپانسیو Responsive واکنش گرا

طراحی سایت ریسپانسیو Responsive واکنش گرا از موضوعاتی است که این روزها ذهن طراحان سایت و حتی مدیران سایت را به خود مشغول کرده است. اکثر کاربرانی که در حال جستجو در اینترنت هستند به صفحات وب سایت هایی که ریسپانسیو هستند بر میخورند و متوجه میشوند که ظاهر وب سایت مورد نظر در تبلت با گوشی همراه آنها و کامپیوتر شخصی شان فرق میکند. این همان طراحی سایت ریسپانسیو Responsive واکنش گرا است. اما در کنار این نوع سایت ها وب سایت هایی نیز وجود دارند که قابلیت نمایش در گوشی های تلفن همراه یا تبلت ها را ندارند و برای دیدن قسمت های مختلف آن باید بر روی قسمت های مختلف سایت کلیک کرده و آن را زوم کنید تا آن چه که مورد نظرتان هست را ببینید. در شرایط بدتر وب سایت هایی هستند که محتوای سایت به هم ریخته است، در نتیجه برای کاربر و بازدید کننده غیر قابل استفاده می باشد. این جاست که نیاز به وب سایت های ریسپانسیو که ترجمه ی فارسی آن واکنش گرا میباشد احساس میشود. طراحی سایت ریسپانسیو تیم طراحی سایت وب یار در همین راستا تصمیم گرفته است برای علاقمندان به یادگیری، طراحی سایت ریسپانسیو به کمک بوت استرپ را در میان آموزش های سایت خود قدم به قدم بگنجاند. پیش تر نیز با آموزش طراحی سایت ریسپانسیو در […]