✖
☰ ویرایشگر نماجو W : 19px& H : 18px ⚊
موافقتنامه مجوز ( طرفین بدینوسیله موافقت می‌کنند که ) :
- نرم افزار ( برنامه ) صرفاً برای استفاده صاحب مجوز است و فقط برای اهداف مندرج در این توافق نامه استفاده می شود.
- به دارنده مجوز حق غیر انحصاری، غیرقابل انتقال و غیرقابل واگذاری اعطا می شود تا از نرم افزار صرفاً برای استفاده مورد نظر خود استفاده کند (هیچ حق مالکیت محصولات و اسناد به دارنده مجوز منتقل نمی شود. عنوان و مالکیت نرم افزار و اسناد و کلیه حقوق مالکیت قابل اعمال، از جمله، اما نه محدود به، حقوق ثبت اختراع، حق چاپ، حقوق مولف، علائم تجاری، نام های تجاری، طراحی گرافیکی و عناصر طراحی، سفارش عملیات، الگوریتم‌ها، ساختار داده‌ها، ویژگی‌های سازمانی، دانش فنی و اسرار تجاری شناسایی‌شده در نرم‌افزار و اسناد و مدارک در صورت وجود، همیشه نزد صادرکننده مجوز باقی می‌ماند ).
- دارنده مجوز نمی‌تواند مهندسی معکوس، دکامپایل، تغییر، انتقال، تغییر یا ایجاد یک اثر مشتق از نرم‌افزار را انجام دهد ( دارنده مجوز نباید نرم‌افزار یا هر بخشی از آن را مهندسی معکوس، دکامپایل یا جداسازی کند، یا تلاشی برای ایجاد یا استخراج کد منبع کند ( یا ایده های اساسی، الگوریتم ها، طرح های گرافیکی، ترتیب عملیات، یا هر ساختار یا سازمان دیگری ) ).
- دارنده مجوز می‌پذیرد که نرم‌افزار و سفارشی‌سازی‌ها، به‌روزرسانی‌ها یا اصلاحات، در صورت وجود، و کلیه حقوق مربوط به آن، متعلق به مجوزدهنده است، دارنده مجوز همچنین اذعان می‌کند که این نرم‌افزار اسرار تجاری صادرکننده مجوز است، برای مجوز دهنده ارزشمند و محرمانه است. و اینکه استفاده و افشای آن باید به دقت و به طور مستمر کنترل شود ( دارنده مجوز بدینوسیله موافقت می کند و اعتراف می کند که مجوز دهنده مالک تمام کدها و اصلاحات در کد و کلیه حق چاپ، اسرار تجاری و سایر حقوق مالکیت معنوی خواهد بود ).
- مجوز دهنده هیچ گونه مسئولیتی در قبال دارنده مجوز در قبال هر گونه خسارت وارده به دارنده مجوز در نتیجه استفاده دارنده مجوز از نرم افزار نخواهد داشت
- مجوزدهنده نرم افزار را در اختیار دارنده مجوز "همانطور که هست" می دهد مجوز دهنده هیچ ضمانت یا اظهارنظری مبنی بر اینکه نرم افزار فاقد خطا یا نقص است، یا اینکه به اندازه کافی عملکردهایی را که در نظر گرفته شده است انجام می دهد نخواهد داشت
- مجوز دهنده همچنین تضمین می کند که نباید هیچ ویروس یا کد غیرفعال کننده ای را نصب یا وارد کند.
- این حق ماست که هر بخش از این قرارداد مجوز را با یا بدون اطلاع قبلی به روز کنیم.
 راهنما :
یکاها :
دو نوع واحد طول وجود دارد : مطلق ( absolute ) و نسبی ( relative )
- طول های مطلق :
واحدهای طول مطلق همیشه ثابت هستند و طول بیان شده در هر یک از اینها دقیقاً به اندازه اندازه آن ظاهر می شود :
px : pixels
pt : points
- طول های نسبی :
واحدهای طول نسبی یک طول را نسبت به ویژگی طول دیگری تعریف می کنند :
vw : نسبت به 1% عرض viewport ( اندازه پنجره مرورگر )
vh : نسبت به 1% ارتفاع viewport ( اندازه پنجره مرورگر )
% : نسبت به عنصر والد ( ارتفاع/عرض را بر حسب درصد بلوک شاملش تعریف می کند )
توجه : none & auto ( مرورگر محاسبه می کند ) واحد نیستند.

انیمیشن :
- مدت زمان ( duration ) :
مشخص می کند که یک انیمیشن چقدر طول می کشد تا یک چرخه کامل داشته باشد.
- تاخیر ( delay ) :
اگر از مقادیر منفی استفاده می کنید، تعداد ثانیه های انتظار قبل از شروع انیمیشن را مشخص می کند. انیمیشن طوری شروع می شود که انگار قبلاً برای n ثانیه در حال پخش بوده است.
- تعداد دفعات ( iteration-count ) :
تعداد دفعاتی که یک انیمیشن باید پخش شود را مشخص می کند.
تعداد ( number ) : عددی که مشخص می کند یک انیمیشن چند بار باید پخش شود.
بینهایت ( infinite ) : تعریف می کند که انیمیشن باید بی نهایت ( برای همیشه ) پخش شود.
- جهت ( direction ) :
تعریف می کند که آیا یک انیمیشن باید به جلو، عقب یا در چرخه های متناوب پخش شود.
عادی ( normal ) : انیمیشن به صورت معمولی ( به جلو ) پخش می شود.
معکوس ( reverse ) : انیمیشن در جهت معکوس ( عقب ) پخش می شود.
متناوب ( alternate ) : انیمیشن ابتدا به جلو و سپس به عقب پخش می شود.
متناوب-معکوس ( alternate-reverse ) : انیمیشن ابتدا به عقب و سپس به جلو پخش می شود.
- زمانبندی ( timing ) :
پیشرفت یک انیمیشن در طول دوره هر چرخه.
cubic-bezier ( مقادیر ممکن مقادیر عددی از 0 تا 1 هستند ) :
cubic-bezier(0.0, 0.0, 1.0, 1.0) : انیمیشن از ابتدا تا انتها سرعت یکسانی دارد (linear).
cubic-bezier(0.25, 0.1, 0.25, 1.0) : انیمیشن شروع آهسته دارد، سپس سریع، قبل از پایان آهسته (ease).
cubic-bezier(0.42, 0, 1.0, 1.0) : انیمیشن شروع کندی دارد (ease-in).
cubic-bezier(0, 0, 0.58, 1.0) : انیمیشن پایان آهسته ای دارد (ease-out).
cubic-bezier(0.42, 0, 0.58, 1.0) : انیمیشن هم شروع کند و هم پایان آهسته دارد (ease-in-out).
- مراحل ( steps ) :
پارامتر اول تعداد بازه های تابع را مشخص می کند، باید یک عدد صحیح مثبت (بیشتر از 0) باشد. پارامتر دوم یا مقدار "شروع" یا "پایان" است و نقطه ای را که در آن تغییر مقادیر در بازه زمانی رخ می دهد، تعیین می کند.

- حالت بازی ( play-state ) :
مشخص می کند که انیمیشن در حال اجرا یا توقف است.
- با نگه داشتن دکمه Set یا Clear برای بیش از یک ثانیه، ویژگی Set یا Clear خودکار فعال می شود ( انتخاب از چپ به راست : Set و انتخاب راست به چپ : Clear ).

ویرایشگر نماجو : ساده و قدرتمند
قدرت گرفته توسط namaju.ir
باکس صفحه
- تبدیل کد به تصویر :
ابعاد باکس باید بر حسب پیکسل باشد.
فقط از استایل متن و باکس ( بدون انیمیشن )، فونت و تصویر ( بدون لینک ) پشتیبانی می کند.
   
نوع محتوا :
درج بعد از : درون : جایگزین : تعویض : حذف : نمایش ایدی های صفحه فعال :
direction :
display :
duration : delay : iteration-count : direction : timing : play-state :
width : min-width : max-width :  height : min-height : max-height :  TO width : min-width : max-width :  height : min-height : max-height :
padding-top : padding-right : padding-bottom : padding-left :
margin-top : margin-right : margin-bottom : margin-left :
- حاشیه ( margin ) بالا و پایین عناصر گاهی اوقات به یک حاشیه منفرد برابر با بزرگترین حاشیه دو ترکیب می شود، در حاشیه راست و چپ رخ نمی دهد! فقط در حاشیه بالا و پایین!
- برای اینکه عنصر را به صورت افقی وسط قرار دهید، می توانید ویژگی margin را به صورت خودکار قرار دهید، سپس عنصر عرض مشخص شده را اشغال می کند و فضای باقی مانده به طور مساوی بین حاشیه چپ و راست تقسیم می شود.
position : : :
- عناصر ( Elements ) با استفاده از ویژگی های بالا، پایین، چپ و راست قرار می گیرند. با این حال، آنها کار نمی کنند مگر اینکه ویژگی موقعیت ( position ) در ابتدا تنظیم شود. بسته به مقدار موقعیت، آنها نیز متفاوت عمل می کنند.
overflow : - ویژگی سرریز ( overflow ) فقط برای عناصر بلوک ( block ) دارای ارتفاع مشخص عمل می کند.
z-index : - شاخص Z فقط بر روی عناصر موقعیت ( موقعیت: مطلق ( absolute )، موقعیت: نسبی ( relative )، موقعیت: ثابت ( fixed )، یا موقعیت: چسبنده ( sticky ) ) کار می کند.
- اگر پس‌زمینه تنظیم نشده باشد، پیش‌فرض بدون پس‌زمینه است.
duration : delay : iteration-count : direction : timing : play-state :
  direction (angle) : background-size :   background :
color1 :
color2 :
color3 :
color4 :
color5 :
color6 :
color7 :
  background :
  background-position :   background-size : hue-rotate :  TO background :
hue-rotate :  TO background-position :  TO background-size :
duration : delay : iteration-count : direction : timing : play-state :
vertical-align :  TO vertical-align :
duration : delay : iteration-count : direction : timing : play-state :
border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :  TO border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :
- outline جزئی از ابعاد عنصر نیست، عرض و ارتفاع کل عنصر تحت تأثیر عرض outline قرار نمی گیرد.
duration : delay : iteration-count : direction : timing : play-state :
outline-offset : width :style :color :
hue-rotate :  TO outline-offset : width :style :color :
hue-rotate :
- همیشه هر چهار مقدار ( translate & rotate & scale & skew ) در تنظیمات دگرگونی ( transformation ) گنجانده می شود.
duration : delay : iteration-count : direction : timing : play-state :
Translate :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Rotate :
x-axis : y-axis : z-axis : angle :  TO x-axis : y-axis : z-axis : angle :
Scale :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Skew :
angle (x-axis) : angle (y-axis) :  TO angle (x-axis) : angle (y-axis) :
duration : delay : iteration-count : direction : timing : play-state :
inner/outer :   horizontal-shadow : vertical-shadow : blur-radius : spread-radius : color :
hue-rotate :  TO horizontal-shadow : vertical-shadow : blur-radius : spread-radius : color :
hue-rotate :
duration : delay : iteration-count : direction : timing : play-state :
blur :  TO blur :
duration : delay : iteration-count : direction : timing : play-state :
transparent :  TO transparent :
duration : delay : iteration-count : direction : timing : play-state :
mask-position :   mask-size :  TO mask-size :
font-size (px) : color :
background :
duration : delay : iteration-count : direction : timing : play-state :
line : style : thickness : color :
hue-rotate :  TO line : style : thickness : color :
hue-rotate :
duration : delay : iteration-count : direction : timing : play-state :
capitalization :  TO capitalization :
duration : delay : iteration-count : direction : timing : play-state :
vertical-align :  TO vertical-align :
duration : delay : iteration-count : direction : timing : play-state :
border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :  TO border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :
- همیشه هر چهار مقدار ( translate & rotate & scale & skew ) در تنظیمات دگرگونی ( transformation ) گنجانده می شود.
duration : delay : iteration-count : direction : timing : play-state :
Translate :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Rotate :
x-axis : y-axis : z-axis : angle :  TO x-axis : y-axis : z-axis : angle :
Scale :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Skew :
angle (x-axis) : angle (y-axis) :  TO angle (x-axis) : angle (y-axis) :
duration : delay : iteration-count : direction : timing : play-state :
width : color :
hue-rotate :  TO width : color :
hue-rotate :
- ممکن است inset shadow با هر ویژگی که رنگ یا پس زمینه دارد تداخل داشته باشد.
duration : delay : iteration-count : direction : timing : play-state :
inner/outer :   horizontal-shadow : vertical-shadow : blur-radius : color :
hue-rotate :  TO horizontal-shadow : vertical-shadow : blur-radius : color :
hue-rotate :
duration : delay : iteration-count : direction : timing : play-state :
blur :  TO blur :
duration : delay : iteration-count : direction : timing : play-state :
transparent :  TO transparent :
duration : delay : iteration-count : direction : timing : play-state :
mask-position :   mask-size :  TO mask-size :
duration : delay : iteration-count : direction : timing : play-state :
spacing :  TO spacing :
duration : delay : iteration-count : direction : timing : play-state :
height :  TO height :
font-size (px) : color :
background :
duration : delay : iteration-count : direction : timing : play-state :
text-align :  TO text-align :
duration : delay : iteration-count : direction : timing : play-state :
thickness :  TO thickness :
duration : delay : iteration-count : direction : timing : play-state :
size :  TO size :
- فرمت های پیشنهادی: otf, ttf, woff, woff2
duration : delay : iteration-count : direction : timing : play-state :
 TO   TO 
duration : delay : iteration-count : direction : timing : play-state :
depth : direction : color :
hue-rotate :  TO depth : direction : color :
hue-rotate :
duration : delay : iteration-count : direction : timing : play-state :
color :
hue-rotate :  TO color :
hue-rotate :
- ممکن است rainbow color با هر ویژگی که رنگ یا پس زمینه دارد تداخل داشته باشد.
duration : delay : iteration-count : direction : timing : play-state :
gradient :   direction (angle) : background-size :   color :
color1 :
color2 :
color3 :
color4 :
color5 :
color6 :
color7 :
  background-position :   background-size :  TO background-position :  TO background-size :
- استفاده از blending برای ایجاد یک متن برش دار.
duration : delay : iteration-count : direction : timing : play-state :
blending : color :
hue-rotate : blending :  TO color :
hue-rotate :
- ممکن است rainbow highlight با هر ویژگی که رنگ یا پس زمینه دارد تداخل داشته باشد.
- استفاده از blending برای ایجاد یک متن برش دار.
duration : delay : iteration-count : direction : timing : play-state :
gradient :   direction (angle) : background-size :   highlight :
color1 :
color2 :
color3 :
color4 :
color5 :
color6 :
color7 :
  blending : background-position : background-size :  TO blending : background-position : background-size :
or   border-radius :
- فرمت های پیشنهادی: gif, heic, heif, jpeg, jpg, png
or  
- فرمت های پیشنهادی: aac, mp3, ogg, wav
or   border-radius :
- فرمت های پیشنهادی: avi, hevc, mkv, mov, mp4, webm
 
صفحه فعال : اضافه کردن بعد از : حذف صفحه :
display :
duration : delay : iteration-count : direction : timing : play-state :
width : min-width : max-width :  height : min-height : max-height :  TO width : min-width : max-width :  height : min-height : max-height :
padding-top : padding-right : padding-bottom : padding-left :
- حاشیه بالا و پایین عناصر گاهی اوقات به یک حاشیه منفرد برابر با بزرگترین حاشیه دو ترکیب می شود، در حاشیه راست و چپ رخ نمی دهد! فقط در حاشیه بالا و پایین!
- برای اینکه عنصر را به صورت افقی وسط قرار دهید، می توانید ویژگی margin را به صورت خودکار قرار دهید، سپس عنصر عرض مشخص شده را اشغال می کند و فضای باقی مانده به طور مساوی بین حاشیه چپ و راست تقسیم می شود.
margin-top : margin-right : margin-bottom : margin-left :
- عناصر ( Elements ) با استفاده از ویژگی های بالا، پایین، چپ و راست قرار می گیرند. با این حال، آنها کار نمی کنند مگر اینکه ویژگی موقعیت ( position ) در ابتدا تنظیم شود. بسته به مقدار موقعیت، آنها نیز متفاوت عمل می کنند.
position : : :
- ویژگی سرریز ( overflow ) فقط برای عناصر بلوک ( block ) دارای ارتفاع مشخص عمل می کند. overflow :
- شاخص Z فقط بر روی عناصر موقعیت ( موقعیت: مطلق ( absolute )، موقعیت: نسبی ( relative )، موقعیت: ثابت ( fixed )، یا موقعیت: چسبنده ( sticky ) ) کار می کند. z-index :
- اگر پس‌زمینه تنظیم نشده باشد، پیش‌فرض بدون پس‌زمینه است.
duration : delay : iteration-count : direction : timing : play-state :
  direction (angle) : background-size :   background :
color1 :
color2 :
color3 :
color4 :
color5 :
color6 :
color7 :
  background :
  background-position :   background-size : hue-rotate :  TO background :
hue-rotate :  TO background-position :  TO background-size :
duration : delay : iteration-count : direction : timing : play-state :
vertical-align :  TO vertical-align :
duration : delay : iteration-count : direction : timing : play-state :
border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :  TO border-top : width :style :color :
 border-right : width :style :color :
 border-bottom : width :style :color :
 border-left : width :style :color :
 border-radius : top-left :top-right :bottom-right :bottom-left :  hue-rotate :
- outline جزئی از ابعاد عنصر نیست، عرض و ارتفاع کل عنصر تحت تأثیر عرض outline قرار نمی گیرد.
duration : delay : iteration-count : direction : timing : play-state :
outline-offset : width :style :color :
hue-rotate :  TO outline-offset : width :style :color :
hue-rotate :
- همیشه هر چهار مقدار ( translate & rotate & scale & skew ) در تنظیمات دگرگونی ( transformation ) گنجانده می شود.
duration : delay : iteration-count : direction : timing : play-state :
Translate :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Rotate :
x-axis : y-axis : z-axis : angle :  TO x-axis : y-axis : z-axis : angle :
Scale :
x-axis : y-axis : z-axis :  TO x-axis : y-axis : z-axis :
Skew :
angle (x-axis) : angle (y-axis) :  TO angle (x-axis) : angle (y-axis) :
duration : delay : iteration-count : direction : timing : play-state :
inner/outer :   horizontal-shadow : vertical-shadow : blur-radius : spread-radius : color :
hue-rotate :  TO horizontal-shadow : vertical-shadow : blur-radius : spread-radius : color :
hue-rotate :
duration : delay : iteration-count : direction : timing : play-state :
blur :  TO blur :
duration : delay : iteration-count : direction : timing : play-state :
transparent :  TO transparent :
duration : delay : iteration-count : direction : timing : play-state :
mask-position :   mask-size :  TO mask-size :
font-size (px) : color :
background :
حروف متن : 0 کلمات متن : 0 
جایگزینی همه
: [- ]   حروف صفحات : 0 کلمات صفحات : 0 صفحات : 1 
پیش نمایش صفحه 
⚊
⚊
 پیش نمایش باکس