iHMahmoodi
Visual Designer
مرور رده

طراحی وب

آموزش جامع CSS: چطور یک منو بار افقی طراحی کنیم؟ – قسمت دوم

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

آموزش جامع CSS: چطور چیدمان متن را تغییر دهیم؟

با استفاده از ویژگی text-align می توان تصمیم گرفت که چیدمان محتوای خطی (مثل متن یا تصویر) داخل یک عنصر بلاک به چه صورت باشد. همانطور که در نرم افزارهای ویرایش متن مثل ورد می توان بر روی چیدمان نوشته کنترل داشت در سی اس اس نیز این امکان وجود دارد که با مقادیری مثل left، right، center و یا justify عناصر خطی را تراز کنیم.
ادامه مطلب ...

آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟

در قسمت قبل به بعضی از خاصیت های پراپرتی Display پرداختیم در این قسمت با استفاده از مقدار none می توانید یک عنصر را از صفحه حذف کنید. اما توجه داشته باشید که این کار عنصر را از DOM حذف نمی کند اما اثری از عنصر در صفحه باقی نمی ماند و فضایی که گرفته بود کاملا خالی می شود و عناصر مجاور جای آن را پر می کنند. زمانی که عنصر حذف شود تمام فرزندان آن…
ادامه مطلب ...

آموزش جامع CSS: چطور هر چیزی را در وسط صفحه قرار دهیم؟

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

آموزش جامع CSS: انتخابگرها (قسمت آخر)

آموزش جامع CSS: انتخابگرها (قسمت آخر) در این فیلم آموزشی از AsteriXarts میخوام به انتخابگرها یا selectorها در CSS بپردازم. این فیلم در ادامه ی قسمت سوم انتخابگرها/selectorها تهیه شده است. پس اگر قسمت سوم یا قسمت های قبل را ندیده اید، اول به پست ها یا ویدیو های قبلی در ویرگول یا کانال یوتوب مراجعه کنید و آن ها را تماشا کنید. در واقع در این فیلم…
ادامه مطلب ...