• ۵ خواننده محبوب با سایت هایی قدرت گرفته از وردپرس
  • آموزش بوت استرپ ، اسلایدر ( Carousel )
  • آموزش بوت استرپ ، استفاده از فرم ها ( Form )
  • آموزش بوت استرپ ، استفاده از دکمه ها
۵ خواننده محبوب با سایت هایی قدرت گرفته از وردپرس
وردپرس
۵ خواننده محبوب با سایت هایی قدرت گرفته از وردپرس صادق مهدی لو ۱۰ آذر ۱۳۹۶ 942 بازدید
وردپرس بیش از ۱۴ سال پیش تنها با یک فعالیت ساده شروع به کار کرد و آن ساخت وبلاگی بسیار ابتدایی بود اما امروزه بیش از ۲۸ درصد وب سایت های دنیا بر پایه وردپرس بنا شده اند. استفاده از وردپرس هر روز پر رنگ تر خواهد شد چراکه بازار آن هر روز وسیع تر ابزار های آماده ...
کامل بخوانید
آموزش بوت استرپ ، پنل ها ( Bootstrap Panel )
آموزش بوت استرپ
آموزش بوت استرپ ، پنل ها ( Bootstrap Panel ) سجاد رحمانی نژاد ۱۰ آذر ۱۳۹۶ 308 بازدید
پیجر( Pager ) چیست؟ پیجر ( Pager ) نیز نمونه ای از صفحه بندی ( Pagination ) می باشد. پیجر( Pager ) دکمه ها یا لینک های مربوط به صفحه ی بعد یا صفحه ی قبل را فراهم می نماید. برای ایجادِ دکمه های قبلی/بعدی ( next/previous )، کلاسِ pager را به عنصرِ <ul> اضافه نمایید: [crayon-5a89566e59af7334096897/]  
کامل بخوانید
آموزش بوت استرپ ، گروه های لیست ( Bootstrap List Groups )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، گروه های لیست ( Bootstrap List Groups ) سجاد رحمانی نژاد ۱۰ آذر ۱۳۹۶ 256 بازدید
ابتدایی ترین گروه لیست عبارت است از یک لیست نامنظم که دارای آیتم های لیست می باشد برای ایجاد یک گروه لیست مقدماتی، عنصرِ<ul> را به کلاسِ.list-group بیفزایید و عنصرهای <li> را به کلاسِ list-group-item اضافه کنیدبرای این کار، ابتدا باید آن را فعال کنیم: [crayon-5a89566e5a4b9150292284/] گروه لیست با نشان ها ( Badges ) امکان اضافه نمودنِ badge (نشانگرِ تعداد ...
کامل بخوانید
آموزش بوت استرپ ، پاپ اور ( Popover )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، پاپ اور ( Popover ) سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 306 بازدید
پاپ اور Popover در بوت استرپ، همانند تولتیپ tooltip عمل می کند. به این صورت که با کلیک روی المان مورد نظر، یک tooltip در کنار آن، نشان داده می شود. که با توجه به نوع تولتیپ، می تواند در هر چهار طرف المان قرار بگیرد. برای این کار، ابتدا باید آن را فعال کنیم: [crayon-5a89566e5a767000939346/] اکنون، پس ...
کامل بخوانید
آموزش بوت استرپ ، همترازی عمودی ( Vertical Alignment )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، همترازی عمودی ( Vertical Alignment ) سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 282 بازدید
با استفاده از کلاس های .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-top می توان بنا به نیاز، عنصر مورد نظر را تراز عمودی کرد. [crayon-5a89566e5acd0513412995/] همانطور که در این مثال ها می بینید، با استفاده از کلاس های ترازبندی در بوت استرپ، حتی عناصر جدول ها هم می توانیم تراز بندی کنیم. [crayon-5a89566e5acd6484830592/] موقعیت عناصر با استفاده از دستورات کمکی بوت استرپ، می توان ...
کامل بخوانید
آموزش بوت استرپ ، نوار پیشرفت ( Progress Bar )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، نوار پیشرفت ( Progress Bar ) سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 259 بازدید
یکی از مهم ترین عناصر در برای نشان دادن پیشرفت یک پروژه ،  نمودار میله ای جهت آمارگیری و ... نوار پیشرفت می باشد. نوار پیشرفت ( Progress Bar ) همان تگ <progress> در html5 می باشد که بوت استرپ با ترکیب این المان با css و کمی جاوااسکریپت، به جذابیت بصری آن افزوده است و علاوه بر این، ...
کامل بخوانید
آموزش بوت استرپ ، صفحه بندی ( Pagination Bootstrap )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، صفحه بندی ( Pagination Bootstrap ) سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 308 بازدید
با استفاده از بوت استرپ، می توانیم بلوک بزرگی از صفحات مرتبط را به وسیله صفحه بندی به هم متصل کنیم. بی آنکه صفحه ی بزرگی داشته باشم و بدون آنکه تعداد صفحات را زیاد کنیم. Pagination به وسیله لیست های html ساخته می شود و شبیه به <nav> عمل می کند؛ با این تفاوت که با ...
کامل بخوانید
آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟ سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 279 بازدید
دراپ داون ها برای نمایش لیست پیوند ها و موارد دیگر به کار می روند که به وسیله ی پلاگین های جاوا اسکریپت در بوت استرپ ساخته شده اند. با استفاده از کلاس .dropdown در ترکیب با عناصر <a> یا <button>  می توان یه منوی پایین انداز ایجاد کرد. [crayon-5a89566e5b73f640885801/] در اینجا، از دکمه و کلاس .btn استفاده کردیم. [crayon-5a89566e5b746314704176/] در ...
کامل بخوانید
آموزش بوت استرپ ، اسلایدر ( Carousel )
آموزش بوت استرپ
آموزش بوت استرپ ، اسلایدر ( Carousel ) سجاد رحمانی نژاد ۲۴ آبان ۱۳۹۶ 317 بازدید
کَروسِل، اسلایدری است که برای عکس، متن و برخی محتواها به کار می رود که با استفاده از CSS و جاوا اسکریپت ساخته شده است.​ دقت داشته باشید که در هر صفحه، فقط یکبار می توان از carousel استفاده کرد. ( در واقع carousel های تو در تو )​ مثال اولیه برای درک بیشتر از اسلایدر بوت استرپ، با صورت زیر ...
کامل بخوانید
آموزش بوت استرپ ، کاربرد کلاس well در Bootstrap
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، کاربرد کلاس well در Bootstrap سجاد رحمانی نژاد ۱۸ آبان ۱۳۹۶ 230 بازدید
گاهي اوقات در طراحي صفحات وب جهت متمايز کردن يک بخش متون از قسمت هاي ديگر لازم است تا بخش محتواي متمايز شده را داخل جعبه اي خاص يا کادري مشخص قرار دهيد. کلاس well در Bootstrap يک کلاس تعريف شده در بوتسترپ مي باشد که به شما اين امکان را مي دهد تا متن مورد نظر خود ...
کامل بخوانید
آموزش بوت استرپ ، Jumbotron یا جامبوترون چیست ؟
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، Jumbotron یا جامبوترون چیست ؟ سجاد رحمانی نژاد ۱۸ آبان ۱۳۹۶ 240 بازدید
عبارت Jumbotron که از کلمه Jumbovision اقتباس شده است اولین بار توسط کمپانی سونی برای تلویزیون های بسیار عریض و بزرگ خود استفاده شد. هدف از ساخت این تلوزیون ها که معمولا در خیابان ها یا استادیوم های ورزشی نصب می گردید ،جلب توجه مردم جهت درج تبلیغات و یا برنامه های زنده بود. در بوت استرپ Jumbotron به ...
کامل بخوانید
آموزش بوت استرپ ، استفاده از فرم ها ( Form )
آموزش Front-End آموزش بوت استرپ
آموزش بوت استرپ ، استفاده از فرم ها ( Form ) سجاد رحمانی نژاد ۱۸ آبان ۱۳۹۶ 244 بازدید
همانطور که می دانید در صفحه وب فرمها ابزاری جهت تعامل کاربران با سرور می باشند. به همین دلیل طراحان سعی می کنند تا در طراحی و پیاده سازی فرم ها کمال دقت و سلیقه را در نظر بگیرند تا کاربران هر چه راحت تر با آنها ارتباط برقرار کنند. بوت استرپ با اضافه کردن کلاس هایی ...
کامل بخوانید