عنوان مقاله :

5 هدر زیبا بوت استرپ

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 08 آبان 1395
دسته بندی ها : طراحی وب

در این پست ما یک مجموعه 5 تایی قالب برای هدر و منو ناوباری برای شما قرار دادیم . این قالب ها با استفاده از بوت استرپ 3 طراحی شده اند . که میتوانید به عنوان یک تمرین برای یادگیری بوت استرپ 3 در نظر بگیرید . این قالب ها آماده استفاده هستند و به سادگی میتوانید در طراحی های خود از آنها استفاده کنید .

دانلود فایل ها

هدر ها

برای ذخیره کردن زمان ، ما 5 طراحی مختلف آماده سازی کردیم . این کار به شما انتخاب های متفاوتی رو میده . همه ای اونها ساده ، رسپانسیو و کارای عالی روی تلفن های همراه دارند . 

Blue Header

از این هدرها میتوانید بصورت مستقیم در بخشی از طراحی خود استفاده کنید . یا اگر تجربه کار با بوت استرپ را دارید میتوانید آنها را شخصی سازی کنید . برای این قالب ها ما از فونت های سرویس Google Fonts ، آیکون های سرویس Glyphicons و تصاویر وبسایت Pexels.com استفاده کرده ایم . 

Header Nightsky

نحوه ای استفاده 

از این تمپلت ها میتواند در هر طرحی استفاده کنید اگر قدم های زیر را به درستی رعایت کنید : 

1. بعد از دانلود فایل ها تمام فایل ها را extract کنید . 
2. فایل .html را باز کنید و کد های داخل آن را کپی و در پروژه خود قرار دهید .
3. کدهای css را در پروژه خود کپی کنید . این فایل ها در آدرس /assets/css/ قرار دارند .

استفاده رایگان برای پروژه های تجاری

شما کاملا آزاد هستید تا از این قالب ها در وبسایت های تجاری استفاده کنید به دلیل اینکه این طرح ها کاملا رایگان هستند و طراح اجازه این را داده که هم در پروژه های شخصی هم تجاری از این طرح ها استفاده بشه . امیدوارم از این طرح ها لذت ببرید . 

مقالات پیشنهادی

ترفند هایی در طراحی وب سایت که به شما در ارائه خدمات آنلاین کمک می کند

شما نمی توانید سرویس ها را به همان شیوه محصولات راه اندازی کنید و شما باید از مزایا و معایب صنعت خدمات آگاه باشید. با ایده های طراحی وب سایت مناسب، شر...

زبان ها و فریم ورک های که باید در سال 2016 یاد بگیریم

کتابخانه ها و فریم ورک ها در حال تغییر هستند. تلاش برای یادگیری هر گزینه جدید که وارد بازار میشود یک ریسک است.ولی در ادامه من گزینه هایی را به شما معر...

راه کارهایی برای ارتقای تجربه کاربری با طراحی متحرک

انیمیشن در دنیای طراحی امروز جایگاه ویژه ای پیدا کرده است. بر خلاف گذشته که انیمیشن های پر زرق و برق و گیج کننده ای را در وب سایت ها شاهد بودیم ، امرو...

5 راهکار برای افزایش سرعت سایت

با سلام خدمت دوستان ، یکی از عوامل مهم و کاربردی در موفق بودن یک وب سایت سرعت لود خوب میتونه باشه ، امروز میخوام 5 ترفند برای بالابردن سایت رو به شما...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
ooos | 3 ماه پیش

اونی که فکر میکردم نبود-- چندتا header بسیار ساده