container

آموزش بوت استرپ ، سیستم گرید بندی ( Grid )

حتما تا به حال به چهارچوب و نحوه نمایش مطالب و محتوا در مجلات ، روزنامه ها و صفحات وب دقت کرده اید. هر سیستم بنا به نیاز مخاطب خود محتوا را در ستون های مختلف طراحی کرده اند.گاهی وبسایت ها دارای سه ستون و گاهی دو ستون و ... می باشند که حتی داخل هر ستون مجددا ستون بندی های دیگری انجام شده است. سیستم شبکه بندی یا گریدبندی در Bootstrap به 12 ستون در یک سطر تقسیم بندی می شود. به هرکدام از این ستون ها گرید ( شبکه ) ...

ادامه مطالب
آموزش بوت استرپ ، معرفی اجزای بوت استرپ

Container تگ ( container ) پایه ای ترین المان در بوت استرپ است که برای استفاده از سیستم پیش فرض شبکه ای ( Grid System ) کاملاً ضروری است. ( این تگ، همانند تگ body عمل می کند و تا زمانی که نوشتن کدهای بوت استرپ به اتمام نرسیده، این تگ به پایان نمی رسد. ) [crayon-59e69d8e7dc2e309386159/] با استفاده از کلاس .container-fluid می توان از تمام عرض صفحه استفاده کرد. [crayon-59e69d8e7dc38692288932/] از زمانی که بوت استرپ طراحی شد و توسعه پیدا کرد، استفاده از مدیا کوئری ( به شکل سابق )

ادامه مطالب
آموزش Bootstrap بخش سوم – تقسیم بندی در بوت استرپ

با سلام به کاربران محترم سایت مردان وردپرس. در این سری از مقالات آموزش بوت استرپ، ما می خواهیم یک سیستم پایه و اصولی در تقسیم بندی بوت استرپ را بیان کنیم که در موبایل ها و تبلت ها یا درواقع در دستگاه های کوچک، بصورت پشت سرهم قرار گیرند، اما در دستگاه های بزرگ و متوسط بصورت افقی خواهند بود. مثال زیر یک چیدمان ساده از دو ستون را بصورت stacked-to-horizontal نمایش می دهد. که نتیجه آن در تمام صفحه ها بصورت 50% 50% خواهد بود. ( به استثنای صفحات نمایش خیلی کوچک که بصورت خودکار به صورت 100%  و پشت سرهم خواهد بود.)                

ادامه مطالب
آموزش وردپرس ، استایل دادن به منوها

یکی از ارکان اصلی هر سایت منو های آن سایت می باشد.در وردپرس منو ها به صورت داینامیک می باشد به صورتی که کاربران با قراردادن لینک های مورد نظر منو های خود را می سازند.هر سایتی ممکن است منوهای منحصر به فرد خود را داشته باشد با طراحی های خاص.بعضی منو ها مگا منو(mega menu) و بعضی به صورت ساده می باشند. اگر بخواهیم استایل منو ها را تغییر داده و به سبک دلخواه در بیاوریم باید کلاس های پیشفرضی که وردپرس به منو ها داده را بدانیم.در این قسمت از آموزش وردپرس  نحوه نمایش منو ها و نحوه استایل دهی آن ها را نیز نمایش می دهیم.اما بهتر است از یک طراح وب نیز ...

ادامه مطالب