با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
برای اینکه افزونه ویرایشگر شما شبیه برگههای Google، اسناد، اسلایدها یا فرمها باشد، در بسته CSS زیر پیوند دهید تا استایل Google را روی فونتها، دکمهها و عناصر فرم اعمال کنید. برای نمونه ای از بسته CSS در حال استفاده، به شروع سریع افزونه Docs مراجعه کنید. برای استفاده از بسته CSS، فقط موارد زیر را در بالای هر فایل HTML قرار دهید:
توجه داشته باشید که سبک عناصر فرم را نمی توان به طور کامل در همه مرورگرها کنترل کرد. به طور خاص، عناصر <select> برخی از مصنوعات بصری را در فایرفاکس و اینترنت اکسپلورر نشان میدهند، اگرچه هنوز به درستی کار میکنند. برای اینکه ببینید سبک ها در یک مرورگر مشخص چگونه به نظر می رسند، به سادگی این صفحه را در آن مرورگر بارگذاری کنید.
تایپوگرافی
از فونت Arial برای تمام متن ها، در سبک های زیر بسته به استفاده استفاده کنید:
میتوانید از هر یک از انواع استاندارد دکمهها <button> , <input type="button"> یا <input type="submit"> و همچنین <a class="button"> استفاده کنید. دکمه هایی که به صورت افقی در مجاورت فضا قرار می گیرند به طور خودکار خارج می شوند. رنگ های مختلفی برای استفاده های مختلف موجود است:
شکل دادن به ستونهای کناری ممکن است دشوار باشد، زیرا در حالی که ارتفاع متغیر است، بسیاری از افزونهها باید دارای یک منطقه علامتگذاری باشند که اسکرول نمیشود. در زیر یک کپی ساده از نوار کناری از راه اندازی سریع افزونه Google Docs آمده است. اگر گوشه سمت راست پایین ناحیه متن را بکشید تا محتوا بلندتر از نوار کناری باشد، ناحیه محتوا به طور خودکار اسکرول میشود اما علامت تجاری در پایین اینطور نیست.
در این مثال از کلاس sidebar برای اعمال بالشتک صحیح و از کلاس bottom برای مجبور کردن ناحیه نام تجاری به پایین استفاده می شود. سپس یک کلاس محلی، branding-below ، ناحیهای را که ناحیه اصلی نوار کناری باید از پایین مشخص باشد، مشخص میکند.
تاریخ آخرین بهروزرسانی 2024-12-17 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2024-12-17 بهوقت ساعت هماهنگ جهانی."],[],[]]