دانلود طرح-قالب آماده برای وب سایت

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

این قالب ها در همه موارد طراحی سایت کاربرد دارد.

می توانید برای سایت های شرکتی، سایت فروشکاهی، سایت شخصی، سایت خبری و ... از آنها استفاده کنید.

برای دریافت توضیحات و یا اصل فایلها و حتی فایل های بیشتر از طریق بخش تماس با ما در سایت افراگرافیک درخواست خود را ارسال نمایید.

دانلود آیکون های گرافیکی

آیکون های گرافیکی با فرمت Png قابل استفاده در طرح های گرافیکی فتوشاپ وطراحی وب سایت.

برای دریافت آیکون های گرافیکی به سایت www.afragraphic.ir  مراجعه نمایید .

و یا ایمیل درخواست خود را به [e-mail]  ارسال نمایید.

نمونه طرح های لایه باز کاتالوگ

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

به همین منظور در این قسمت چند نمونه از طرح های لایه باز کاتالوگ را برای شما آماده کرده ایم.

برای دریافت فایل لایه باز طرح مورد نظر خود، کافیست شماره طرح را به آدرس ما([e-mail]) ارسال کنید، تا طرح را برای شما ایمیل کنیم.

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

- طرح لایه باز شماره یک

- طرح لایه باز شماره دو

- طرح لایه باز شماره سه

- طرح لایه باز شماره چهار

- طرح لایه باز شماره پنج

*** برای آماده سازی فایل چاپ این نکات مهم و ضروری را قبل از ارسال فایل به چاپخانهحتما رعایت کنید: ***

- فایل های خود را با پسوند TIFF و یا JPG با Quality Maximum در مد CMYK با رزولیشن 300 Pixel / inch و به صورت تک لایه ارسال نمایید .

- گزینه Multiply را برای نوشته های ریز و مشکی که در لایه زیر آنها زمینه رنگی وجود دارد مد نظر داشته باشید . سعی کنید برای انتخاب رنگ نوشته حتما از یک یا نهایتا دو رنگ استفاده کنید و رنگ مشکی نوشته را به صورت متن تک رنگمشکی یعنی رنگ K به صورت 100 و سایر فیلدهای رنگ 0 استفاده کنید.

-سایز کار چاپی را چک کرده و مطالب اصلی ، آرم و هرگونه نشانه یا عکس طرح خود را حداقل 5 میلیمتر از هر سمت داخل کادر اصلی قرار دهید .(رعایت فاصله برش)

- ممکن است در نوبت های متفاوت چاپی بین سفارشات چاپ شده حداقل 10 تا 15 درصد اختلاف رنگ داشته باشد .

www.afragraphic.ir

آموزش bootstrap3- نحوه استفاده از جداول در بوت استرپ

آموزش bootstrap                                                     

قسمت سوم

کار با جدول ها در bootstrap

کلاس Table  :

با اضافه کردن کلاس table به تگ table جدول مان را به شکل بوت استرپی در می آوریم

کلاس table-striped :

این کلاس سطرهای جدولمان را به صورت یکی در میان خاکستری می کند

کلاس table-bordered :

این کلاس با خط دار کردن جدول سطر ها و ستون ها را مشخص می کند

کلاس table-hover :

با اضافه کردن کلاس hover به جدول هرگاه اشاره گر موس بر روی هر سطر جدول قرار گیرد رنگ آن سطر تغییر می کند

کلاس table-condensed :

کلاس table-condensed خاصیت padding جدول را کاهش میدهد

کلاس table-responsive :

اگر می خواهید جدول شما خاصیت responsive داشته باشد و در دستگاه های با عرض خروجی متفاوت تنظیم شود از این کلاس استفاده می شود

کلاس های Contextual :

همچنین می توان از کلاس های متنی زیر برای تغییر رنگ سطرها و ستون ها استفاده کرد

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022

آموزش bootstrap2- کلاس Container و row

آموزش bootstrap

 قسمت دوم

قبل از معرفی و استفاده از کلاس ها ی (استایل ها) بوت استرپ کد زیر را جهت responsive  کردن پروژه به صفحه مان اضافه می کنیم

<meta name="viewport" content="width=device-width, initial-scale=1">    

      .   بخش width=device-width  :

این بخش از کد جهت تنظیم عرض صفحه وب با عرض دستگاه های خروجی می باشد

• بخش   initial-scale=1 :

این بخش از کد میزان زوم اولیه را هنگامی که صفحه برای اولین بار load می شود تنظیم میکند

کلاس container  :

 این کلاس برای ساخت باکس کلی سایت استفاده خواهد شد و تمام کد ها درون این کلاس قرار خواهند گرفت ؛ این کلاس باکسی وسط چین و با عرض 1170 پیکسل را ایجاد میکند

کلاس container-fluid  :

این کلاس یک باکس با عرض فول اسکرین ایجاد میکند

کلاس row :

در بوت استرپ برای ایجاد یک سطر از کلاس row استفاده میشود و هر باکس یا row از صفحه مان را به 12 قسمت تقسیم می کند که این تقسیم بندی ها به وسیله کلاس   .col-*-* مشخص می شود

که بسته به اینکه عرض دستگاه مان چقدر است و صفحه ما چند ستونه است می توانیم کلاس های col را تغییر دهیم

• برای تعیین نوع دستگاه از چهار گزینه lg,md,sm,xs   استفاده می کنیم
• برای مشخص کردن تعدا ستون ها می توانیم 1 تا 12 ستون قرار دهیم

به مثال های زیر توجه کنید :

مثال اول :

مثال دوم :     

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022