سلام ، ضمن تشکر از دوستانی که با ارسال نظر حمایت میکنند با کمی تاخیر جلسه 7 آموزش فریم ورک بوت استرپ را تقدیمتان میکنم. در این ویدئو به دو مبحث راستچین کردن بوت استرپ و نحوه ساخت منو میپردازیم. ویدئوی این قسمت را میتوانید از باکس زیر دانلود کنید :
لینک دانلود | 44 مگابایت | 25 دقیقه |
برای راستچین کردن بوت استرپ باید استایل اصلی آن را ادیت کردن اما این کار وقت گیر است لذا یک فایل استایل از قبل آماده شده هست که بای اضافه کردن آن به صفحه وب استایل های بوت استرپ اصلاح و راستچین میشود. برای دریافت این فایل به آدرس cdnjs.com/libraries/bootstrap-rtl رفته و فایل مورد نظر را دریافت و بعد از bootstrap.min.css اتچ کنید.
اما در ادامه به نحوه ساخت منو بوت استرپ پرداخته میشود که نمونه سورس آن را میتوانید در باکس زیر مشاهده کنید :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar1" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand">Brand</span> </div> <div class="collapse navbar-collapse" id="navbar1"> <ul class="nav navbar-nav"> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </nav> |
تشکر بابت آموزش 🙂
مرسی از حمایتتان
خدا خیرت بده ؛ خیلی عالیه ؛ من که حال کردم و هم یاد گرفتم.
موفق باشی
یا علی
سلام
خیلی عال بود ممنونم
سلام
مرسی از شما
سلام.خیلی ممنون از فایلهای اموزشی و زحماتی که برای این کار با ارزش کشیدید. فکر میکنم لینک دانلود گام 6 و 7 مشکل داره من چندین بار برای دانلود سعی کردم ولی موفق نشدم.ممنون میشم چک بفرمائید…
با تشکر از شما
سلام
برای من مشکلی نداره و سایر دوستان هم دانلود کردند ، فکر میکنم ترافیک سرور دانلودم پر شده حتما برسی میکنم
قسمت های 6 و 7 و 8 مجددا با پسوند zip آپلود شد ، متوانید بدون مشکل استفاده کنید…
سلام
مهندس لینک دانلود مشکل داره گویا…
سلام
تست شد مشکلی نیست !
از برنامه های دانلود منیجر استفاده کنید
مرسی مهندس.خسته نباشی
خواهش میکنم آقا بهروز ، تشکر
Hi mate can you start HTML5 and CSS3 for us plz
برنامه html و css را برای 2 ماه دیگه ریختم و فعلا دارم سر فصل هاشو آماده میکنم
AND #C AS WELL PLZ
سی شارپ در برنامه های آموزشی این سایت قرار نمیگیره
سلام .
دست شما درد نکنه! عالی بود!!
سلام
خواهش میکنم ، تشکر
فقط میتونم بگم دمت گرم
مرسی
سلام لینک خرابه لطف کنید رسیدگی کنید
سلام
وقتی من تست میکنم مشکلی نداره !
سعی میکنم ویدئو را در سرور دیگر یا در آپارات براتان بزارم
خیلی ممنون مشکل حل شد
سلام من تازه فیلم رو دیدم خیلی خیلی عالی بود دستت درد نکنه خیلی ممنون:)
سلام حسین جان
خیلی ممنون بابت اموزشات
سلام آقا رضا
مرسی
درود
بازم مثل همیشه ، فیلمات نمونه میشه
موفق باشی
مرسی کمال جان ، شما لطف داری
thank you so much that was so good
merci
به به … به سلامتی قسمت جدید هم اومد.خسته نباشی آقا حسین ….
گفتی دوره 50 روز دیگه طول میکشه … مگه قرار نبود روزی یک جلسه آموزشو بذارید؟؟
🙁
مرسی ، راستش اینترنتم مشکل داره و قراره تا چند روز آینده برطرف بشه ولی اگه قراره روزانه آپدیت بشه به تعداد بارخورد های بیشتری نیازه
سلام
خسته نباشید
اگر امکانش هست یک مقدار سرعت آپدیت این بخش رو ببرید بالا
و یا اینه حدفاصل دقیق آپدیت هر بخش رو بفرمایید
زنده باشید
سلام و تشکر
ببینید من در خود ویدئو هم عرض کردم سرعت بروز شدن آموزش ها به بازتاب های کاربران بستگی داره ، من باید بدونم که کاربران طالب کدام آموزش ها هستند و تاکیدم روی همون خواهد بود
در حال حاضر مشغول برنامه ریزی هستم و آموزش های سایت به اوج میرسه و فکر میکنم حداقل 3 ویدئوی آموزش در هفته منتشر بشه که این تعداد تا مهر ماه شاید به روزی یک ویدئو هم برسه اما در نهایت بنده به بازخورد های کاربران نیاز دارم
موفق باشید
تاریخ قسمت هشتم مشخص نشده؟
تاریخ دقیق نمیتونم بگم اما نهایتا تا 5 روز آینده منتشر میشه
سلام .
فایل مشکل داره از حالت 7z خارج نمیشه .
هم این آموزش هم آموزش 6 .
ممنون میشم زیپ شده یا همون فایل ویدیویی را قرار بدید .
سلام
دوستان دانلود و استفاده کردند مشکلی نداشته ! از نرم افزار 7zip استفاده کنید…
قسمت های 6 و 7 و 8 مجددا با پسوند zip آپلود شد ، متوانید بدون مشکل استفاده کنید…
آقا اگه همهمون بیایم و روزی چندتا کامنت بذاریم حله؟؟ تعداد بازخورد ها به حد کافی میرسه ؟؟
🙂
تعداد بازدید و تعداد دانلود ویدئو ها بالاست ، تا حدی که سرور دانلود ترافیک کم آورده !
شما به نوبه خودت عمل کن و انشالله بقیه هم نظرشون (چه خوب چه بد و چه انتقاد) رو بیان کنند بنده روند اون آموزش را سریعتر ادامه میدم
سلام
بی نهایت ممنون بابت آموزش خوب،بیان شیوا و رساتون…
سلام
خواهش میکنم ، تشکر
با سلام و خست نباشید خدمت اقای شفیعیان
خواستم ببینم ایا تو این دوره یک قالب کامل و راست چین اموزش میدین؟
سپاس
سلام و تشکر
بله تا پایان این دوره حداقل 3 قالب رو با همدیگه خواهیم ساخت و در جلسه 8 اولین قالب را که یه قالب خیلی ساده هست آموزش میدم و سایر قالب ها را بصورت حرفه ای کار خواهیم کرد
بسیار سپاس
پس بی صبرانه منتظریم.
با سپاس
اقا من دوس ندارمپست الکی بزارم ولی دلم نیومد پست نذم
فقط بگم تشکر تشکر
حسین جان منتظریم
بهروز جان هنوز فرصت نگردم قسمت بعدی را ضبط کنم ولی سعی میکنم سریعتر انجام بشه 😉
مرسی از زحماتتون
خواهش میکنم ، تشکر
سلام مهندس
عالی بود ، واقعا ممنون ازت
فقط لطف کن کلاس ها و اتریبیوت هایی که استفاده می کنی رو یکم بیشتر توضیح بده، بعضی هاشو یادت میره بگی :دی
سلام
خواهش میکنم
خدا قوت
آقای حسین منتظریم…
در حال برنامه ریزی برای ادامه دوره های آموزشی هستم
سلام مهندس
میخاستم بگم من فایل قسمت 6 و 7 رو چند بار دانلود کردم اما مثل اینکه خرابن
قسمت های 6 و 7 و 8 مجددا با پسوند zip آپلود شد ، متوانید بدون مشکل استفاده کنید…
سلام خداقوت
خیلی ممنون بابت زحمتی که می کشید.
منتظر قسمت جدید هستیم
موفق باشید.
سلام ، مرسی
قسمت بعدی فردا منتشر میشه
سلام….عالی بود…بقیه ویدیو ها رو کی میزارید؟؟؟؟؟
سلام ، مرسی
قسمت بعدی امشب ضبط میشه
سلام. استاد من درسالهای ۷۰ اقدام به برنامه نویسی با فاکس پرو کردم و سیستم حقوق و دستمزد و چند برنامه دیگر برای تعدادی از ادارات دولتی نوشتم و حدود ده یازده سال با این برنامه ها کارکردن ناگفته نماند که بعضی از برنامه ها را تبدیل به ویژوال فاکس پرو کردم . درهرصورت درحال حاضر معلم شیمی هستم ومشغول تدریس شیمی (لیسانس من شیمی است) حالا دوست دارم اوقات فراغتم را اندروید یاد بگیرم لطفا راهنمایی کنید از کجا شروع کنم . با تشکر
سلام
میتونید با سی پلاس پلاس یا جاوا شروع کنید
دوست عزیز آقای منصور اگه میخواید اندروید کار کنید باید حتما جاوا بلد باشید من قبل از این که بیام سراغ یاد گرفتن طراحی وب چند وقتی آندروید کار کردم و میشه گفت نصف کد نویسی که باید واسه ساختن برنامه آندروید انجام بدید جاوا هست
سلام .
امکانش هست لینک های دانلود را در حالت .7z نزارید ؟
سلام
بنده فایل ها رو دانلود کردم و باز میشن ، مشکلی ندارن !
شما حتما از برنامه 7zip برای اکسترکت استفاده کنید
در ادامه فیلم ها رو در آپارات هم آپلود میکنم …
قسمت های 6 و 7 و 8 مجددا با پسوند zip آپلود شد ، متوانید بدون مشکل استفاده کنید…
بابت این رسیدگی و پیگیری بسیار بسیار تشکر می کنم .
ممنون از لطف شما .
سلام و خسته نباشید
میشه یه توضیح جامع در مورد قابلیت pull و pushدر بوت استپر بدین ؟
جون من هر کاری میکنم نمی تونم متوجه بشم این عمل رو
تو خیلی از فروم هی خارجی در این مسئله ابهاماتی هست
سلام من میخام قالب سایتم با بت استرپ بزنم
میشه اموزشهای بوت استرپ سریعتر اماده کنین ممنون میشم با تشکر
سلام ، چشم…
چشمتون بی بلا
میتونم یه سوال داشته باشم وب سایت اقای برنامه نویس به وردپرس هست؟ یا به زبان خاصیه؟
این سایت با سیستم قدرتمند وردپرس پیاده شده
سلام ممنون مهندسی من دوس دارم یه قالب مثل سایت شما بزنم با بوت استرپ بعد وردپرس هم یاد بگیرم (فکر کنم عمرم نرسه…نه شوخی کردم) سرتون درد نیارم من فیملهای اموزشی وردپرس از نت دانلود کردم میخام مسلط بشم بوت استرپ هم با اموزهاش شما مسلط میشم بعد بوت استرپ و وردپرس چه جوری بهم ربط میدیم میشه اموزش تبدیل قالب بوت استرپ هم اموزش بدبن ممنون استاد گرانقدر
با سلام و خسته نباشید
سایت خیلی خوب و کاربردی دارین…
میشه در مورد منو بیشتر آموزش بزارین:
شخصی سازی منو (رنگ بندی و هاور و اندازه فونت ها و…)
با تشکر
سلام و تشکر
برایب تغییر باید کد های CSS بوت استرپ را دستکاری کنید
سلام . خیلی ممنون از آموزش خوب و مفیدتون
سلام
سرعت دانلود از سايت شما خيلي پايينه با اينكه از اينترنت پرسرعت استفاده ميكنم به سختي ميشه دانلود كرد قبلا ايننطور نبود احتمالا به ترافيك سرور ميزباني كننده شما برميگرده لطفا برسي كنيد با تشكر.
سلام ، برسی میکنم
سلام من فا یلای بوت استرپ رو دانلود کردم وپیش فایل html ذخیره کردم اما گزینه data-toggle و data-target تو گزینه های دریم ویور نیست خودمم میزنم اصلن عمل نمیکنه .ممنون میشم اگه جوابم رو بدید.
سلام
از ادیتور atom استفاده کنید !
سلام و درود خدمت مهندسی عزیز
می دونید که کسانیکه که دانش و علم خود را در اختیار افراد دیگر بدون چشم داشتی قرار می دهند ، مطمئناً موفق ترین افراد می باشند.
واقعاً ممنونم ازتون و براتون آرزوی موفقیت های بیشتری می کنم .
یه خواسته ای داشتم طراحی یه قالب رو از 0 تا 100 یرای ورد پرس آموزش بدید ممنون میشیم.
سلام ، مرسی از شما ، لطف دارین
دوره طراحی قالب وردپرس در برنامه ام هست اما احتمالا کمی با تاخیر منتشر خواهد شد
سلام مهندس خسته نباشی
اگه بخوام کنار هر کدام از دسته های منوم یه آیکون قرار بگیره باید چکار کنم؟
مثل منوی این سایت
kimiaonline.com
یا این
lapbuy.com
ممنون
از glyphicon استفاده کنید : http://mrprogrammer.net/bootstrap-p5-glyghicon
حسین جان اگه بخوام منوی سایت من از یه بخشیبه بعد فیکس بالای سایت بشه باید چکارکنم؟
در سایت من ابتدا هدر قرار داره بعدمنو میخوام وقتی اسکرول شد و به منو رسیدیم منو بالای سایت فیکس بشه
باید از affix که در بخش جاوااسکریپت بوت استرپ معرفی شد استفاده کنی
سلام.ممنون از آموزش های خوبتون.من همه این قسمت هایی که گذاشتینو دیدم .مشتاقانه منتظر بقیشم.و یه سوال دارم 2 روزه درگیرشم.
در بوت استرپ من یک منو دارم که این منو رو میخوام وسط اون دایوی که دارم قرار بدم .از هر روشی فک کنید رفتم اما مشکل دار شده. از text-align و تگ center و margin – padding و حتی center-block خود بوت استرپ رو تست کردم بازم نشده.بعضی ها شده اما در سپانسیو مشکل داشته اگه راهی هست منتظر جوابم.
با کلاس های col بهش پهنا بدید ، و با کلاس های offset به وسط منتقلش کنید. این کار رو در صفحه ثبت نام همین قالب فعلیم انجام دادم !
سلام حسین جان خسته نباشی ……. این فایل راستچین مشکل داره ………….. مثلا تو بخش carousel مشکل داره ……… بهتر دونستم دوستان رو مطلع کنید از این فایل استفاده کنن بهتره……..github.com/morteza/bootstrap-rtl …………خیلی ممنون
سلام ، مرسی
آره متوجه شدم
منتظرم ورژن 4 بوت استرپ منتشر بشه خودم فایل راستچینش رو می نویسم 😉
سلام
از شما بابت تهیه ویدئوهای آموزشی سپاسگزارم.
متاسفانه من تو این قسمت مشکل دارم. زمانیکه صفحه رو ریسایز می کنم و روی دکمه کلیک می کنم، منو نمایش داده نمیشه. حتی زمانیکه کدهای شما رو کپی می کنم!!!
اگر امکان داره راهنمایی بفرمایید
ممکنه کتابخانه جی کویر رو درست اضافه نکرده باشید !
با سلام
من میخوام بالای صفحه در راستای navbar و در سمت راست آن لوگو سایت رو قرار بدم ولی با استفاده از col و row هرچی تلاش کردم نشد اگر راهنماییم کنید ممنون میشم
یک سوال دیگه اینکه چجوری میتونم رنگ navbar رو تغییر بدم
و دیگه اینکه توی طراحی نمیخوام sidebar قرار بدم و می خوام عکس در کنار متن قرار بگیره و زیر اون نباشه ممنون میشم اگه راهنمایی کنید
در منوی بوت استرپ فقط دو رنگ وجود داره؟ نمیشه از رنگ های دیگه استفاده کنیم؟
باید بهش استایل بدی:
سلام
من خیلی جاها خوندم بوت استرپ هایی ک راست چین شدن و یا ب اصطلاح دستکاری شده هستن مورد اعتماد نیستن … پس ما چطور ب این فایل ها اعتماد کنیم . همه جا ازش بد خوندم …
درسته ک گارو راه میندازه . ولی من یکم سخت اعتماد میکنم . نمیدونم چبکار کنم . موندم
من اعتماد میکنم !
جوابتون نمدونم چرا قانع کننده بود …
یه سوال دیگه هم داشتم ..
نمیدونم چرا وقتی از .CONTAINER-FLIUD استفاده میکنم مقدار تقریبا 10PX از چپ و راست با فاصله میمونه !!!
و این ک وقتی از کد های آماده سایت W3SCHOOLS استفاده میکنم اول این ک اون 10px از بین میره … و div میچسبه به دیواره های مرور گر … و یکی دیگه هم این ک چرا w3schools از container استفاده نکرده ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
ببخشید یکم پر حرفم :))
سلام وقتتون بخیر
من یه مشکلی دارم
با اینکه اون کتابخونه ی راستچین کردن رو هم اتچ کردم به صفحه ام باز برای هر div باید جدا گونه به سمت راست بیارمش.
چجوری میتونم یکار کنم که مثل مال شما بشه؟؟
درود
در تگ شروع اتریبیوت dir را برابر rtl قرار بدید :
من این کار رو هم کردم ولی باز درست نشد که نشد :\
سلام
آقای شفیعیان
من میخوام منویی که ایجاد میکنم وقتی نمایشگر کوچک میشه هیدن نشه و متناسب با صفحه و بقیه اجزا فقط کوچک بشه.چکار باید بکنم؟
درود
از منو آماده بوت استرپ استفاده نکن
خيلي گشتم تو نت براي ساخت منوي رسپانسيو كه با بوت استرپ نباشه ولي چيزي پيدا نكردم.شما لينك آموزشي داريد؟
سلام به خدا خیلی بازتاب داره اموزشاتون.لطفا سریعتر این دوره را تمام کنید.من که همیشه دعاتون میکنم.
سلام خسته نباشید آموزشو انجام دادم اما تو ویژوال استدیو او اروری ک شما بهش بر خوردی تو تعریف و لینک کردن جاوا اسکریپت ه بوت استرپ من دقیقا همون ارور رو دارم لینکارو هم دادم چرا عمل نمیکنه ؟
این ارور رو هم میده :
// This file is autogenerated via the
commonjs
Grunt task. You can require() this file in a CommonJS environment.require(‘../../js/transition.js’)
require(‘../../js/alert.js’)
require(‘../../js/button.js’)
require(‘../../js/carousel.js’)
require(‘../../js/collapse.js’)
require(‘../../js/dropdown.js’)
require(‘../../js/modal.js’)
require(‘../../js/tooltip.js’)
require(‘../../js/popover.js’)
require(‘../../js/scrollspy.js’)
require(‘../../js/tab.js’)
require(‘../../js/affix.js’)
راستی ممنون آموزشاتون رایگانه 🙂
20
سلام.بعد از راست چین کردن قالب بوتسترپ اسلایدر و تمام عکس ها ناپدید شد چطور درستش کنم؟
احتمالا کار اشتباهی رو انجام دادین
Hello! My name is MaryMarkova, our compane need to advertise on your website. What is your prices? Thank you. Best regards, Mary.
hello mary
i can’t accept advertise !
Hello)
XRumer16.0 is coming soon
Good luck!
سلام
ممنون از فیلمهای خوب آموزشیتون
من همین کارهایی که گفتید برای ساختن منو کردم ولی وقتی سایز صفحه رو کم میکنم دکمه ای که برای باز کردم منو گذاشتم بلافاصله بعد از باز شدن بسته میشه
فایهای 3.1jquery و bootstrap.min.js رو هم به ترتیب گذاشتم
مشکل چیه؟
سلام
ممنون از آموزش های خوبتون
من برای دانلود این فایل مشکل پیدا کردم
اگر ممکنه لطفا بررسی بفرمایید
سلام
برسی شد ، مشکلی نیست !!!
سپاس
من برای اضافه کردن jquery
از کد
استفاده کردم اما همچنان منو باز نمیشه.
مشکلم حل شد ممنون
درود بر شما
چطوری میشه یه منو طراحی کرد که مثلا وسط صفحه (بعد از اسلایدر و …) باشه و وقتی صفحه رو اسکرول میکنیم و بهش میرسیم بره بالای سایت همونجا ثابت بشه. ؟؟؟
خیلی مفید بود ممنونم
سلام ممنون بابت آموزشتون،
من یه سوال داشتم : اگه بخوایم داخل پیجمون از دو منو استفاده کنیم باید چیکار کنیم چون هر کار میکنم استایل دهی اونها یکی میشه ؟
سلام
باید آیدیشون با همدیگه فرق کنه و یکسان نباشن تا مشکلی پیش نیاد ، تو قالب فعلی سایتم الان دو تا منو دارم
سلام جناب شفیعیان اول بابت فیلم های آموزشیتون که در سایت قرار میدید تشکر میکنم بعد اینکه من روی لینک دانلود کلیک میکنم شروع دانلود و انجام میده اما با سرعت خیلی کم در حد بیت و یک کیلو بایت ، در حالی که از سایت های دیگه دانلود میکنم مشکلی وجود نداره
سلام
ببخشید سوالی خدمتتون داشتم
من دو فایل بوت استرپو به فایل html اضافه کردم ولی موقع کد نویسی کلاس navbar-default رو نمیشناسه به فایل بوت استرپ مراجعه کردم همچین کلاسی وجود نداشت؟؟؟!!!!!
سلام
خسته نباشین
بعد از کوچیک کردن صفحه داخل ویدیو اول دکمه کار نکرد
bootstrap.min.js فراخوانی کردین درست شد ولی
کدی که من دارم اصلا بعد از کوچیک کردن دکمه کار نمیکنه
چکار می تونم بکنم؟
ممنون از زحماتتون
ببخشید من یه مشکلی تو این جلسه داشتم
هر کاری میکنم تگ باتن عبارت های collaps=”data-toggle”
و #navbar1=”data-target”
رو قبول نمیکنه و اجرا نمیشه
کتاب خونه هایی که تو پوشه بوت استرپ بوده هم درست نصب کردم
لطفا راهنمایی بفرمایید
سلام آقای شفیعیان ممنون از دوره ی مفیدتون
نظرتون راجع به استفاده از بوت استرپ فارسی چیه؟
سلام
ضمن تشکر از آموزش بسیار عالی، نسخه راست چین شده و البته دوگانه بدت استرپ ۴ رو می تونید از آدرس زیر استفاده کنید؛
http://abs.aryavandidad.com
عالی بود ممنون
سلام
واقعا ممنون
من خیلی آموزش بوت استرپ رو دیدم اما هیچ جا سایتی که برای راست چین کردن معرفی کردین رو بگن
فوق العاده کاربردی و عالی بود. ممنون از همه زحماتتون