کد ابزار تولیدکننده آنلاین کدهای مدرن CSS نئوتولز

تولیدکننده کدهای مدرن CSS نئوتولز به طراحان و توسعه‌دهندگان وب کمک می‌کند تا جلوه‌های محبوب بصری مانند گلس‌مورفیسم (شیشه‌ای)، سایه‌های نرم، طیف‌های رنگی مدرن و گوشه‌های خمیده را با کنترل‌های بصری تنظیم کرده و کدهای بهینه‌سازی‌شده برای تمامی مرورگرها دریافت نمایند.

تولیدکننده آنلاین کدهای مدرن CSS (گلس‌مورفیسم، سایه و گرادینت) | نئوتولز
🎨

سوالات متداول و راهنمای درج ابزار آنلاین تولیدکننده کدهای مدرن CSS نئوتولز (گیلان گرافیک)

در این بخش به پرسش‌های تخصصی طراحان رابط کاربری (UI/UX)، وبمستران و توسعه‌دهندگان فرانت‌اند پیرامون نحوه کار با افکت‌های گلس‌مورفیسم، سایه‌های چندلایه نرم، گرادینت‌های مدرن، انحناهای ارگانیک (Organic Border Radius) و شیوه ادغام بهینه این استایل‌ها در افزونه المنتور، وردپرس و انواع سیستم‌های وبلاگ‌دهی پرداخته‌ایم.

استفاده هدفمند از جلوه‌های بصری نظیر backdrop-filter (شیشه‌ای) و سایه‌های پخشیده با اوپاسیتی پایین، لایه‌بندی عمودی و سلسله‌مراتب بصری (Z-index Hierarchy) را در صفحات وب تقویت می‌کند. این تکنیک‌ها بدون نیاز به بارگذاری تصاویر سنگین و افت سرعت سایت، جلوه‌ای مدرن، مینیمال و زنده به کارت‌ها، مودال‌ها، منوها و دکمه‌ها می‌بخشند و حس تعامل پویا را برای کاربران تداعی می‌کنند.
المنتور تصاویر را درون کانتینرهای تودرتو مانند .elementor-widget-container قرار می‌دهد. کدهای تولیدشده توسط نئوتولز دارای سلکتورهای سه‌گانه .neotools-radius، .neotools-radius img و .neotools-radius .elementor-widget-container همراه با overflow: hidden !important هستند. برای استفاده کافی است:
  • ویجت تصویر یا کانتینر مورد نظر را در ادیتور المنتور انتخاب کنید.
  • به تب پیشرفته (Advanced) رفته و در فیلد کلاس‌های CSS (CSS Classes) عبارت neotools-radius را تایپ کنید.
  • کد خروجی ابزار را در بخش CSS سفارشی (Custom CSS) المنتور یا بخش «سفارشی‌سازی > CSS اضافی» قالب قرار دهید.
بله؛ موتور ابزار به صورت پیش‌فرض تمام پیشوندهای اختصاصی موتورهای رندرینگ وب شامل -webkit-backdrop-filter برای مرورگرهای اپل/سافاری و -webkit-box-shadow و -webkit-border-radius را تولید می‌کند. بدین ترتیب جلوه‌های شفافیت، سایه و برش‌های منحنی بر روی تمام دستگاه‌های آیفون، آیپد و گوشی‌های اندرویدی با بالاترین سازگاری نمایش داده می‌شوند.
برای نمایش و ادغام این ابزار آنلاین در سایت یا وبلاگ خود، کد موجود در تب «ساخت و دریافت کد ابزار» را کپی نموده و مطابق راهنمای زیر درج کنید:

۱. وردپرس با افزونه المنتور (Elementor):

برگه مورد نظر را در حالت ویرایش با المنتور باز کرده، ویجت HTML سفارشی (Custom HTML) را در بخش دلخواه صفحه قرار داده و کد امبد را در آن الصاق نمایید.

۲. وردپرس با ویرایشگر گوتنبرگ (Gutenberg):

در ویرایشگر گوتنبرگ، روی دکمه افزودن بلوک (+) کلیک کرده و بلوک HTML سفارشی را انتخاب کنید؛ سپس کد را درون آن قرار دهید.

۳. سیستم‌های وبلاگ‌دهی (بلاگفا، میهن‌بلاگ، بلاگ دات‌آی‌آر و پرشین‌بلاگ):

وارد بخش تنظیمات قالب وبلاگ یا بخش ویرایش کدهای HTML پست شده و کد دوسطری ویجت را بین تگ‌های <body> و </body> جای‌گذاری کنید.

۴. سایت‌های اختصاصی (لاراول، ری‌اکت، فریم‌ورک‌ها و سیستم‌های استاتیک):

کافی است تگ نگهدارنده <div id="neotools-css-generator"></div> را در ساختار HTML بگذارید و اسکریپت ابزار را قبل از بسته شدن تگ </body> فراخوانی کنید.
کدهای این ابزار از شتاب‌دهنده سخت‌افزاری پردازنده گرافیکی (GPU Acceleration) مرورگر استفاده می‌کنند. توصیه می‌شود فیلتر تاری (Blur) را روی مقادیر متوازن (بین ۸ تا ۱۶ پیکسل) تنظیم کنید؛ این محدوده تعادل ایده‌آلی میان زیبایی شیشه‌ای و نرخ فریم بالا (۶۰ فریم بر ثانیه) در هنگام اسکرول صفحات ایجاد می‌کند.
ابتدا کش مرورگر خود را با فشردن کلیدهای ترکیبی Ctrl + F5 پاک‌سازی کنید. چنانچه روی وب‌سایت خود از افزونه‌های بهینه‌سازی و ادغام فایل (نظیر LiteSpeed Cache یا WP Rocket) استفاده می‌کنید، یک‌بار کلید پاک‌سازی کامل کش (Purge All) را بزنید و بررسی کنید که گزینه تاخیر اجرای کدهای جاوااسکریپت (Delay JS) روی فایل‌های نئوتولز مداخله نکرده باشد.

حذف نام و لینک گیلان گرافیک از فوتر ابزار

چنانچه می خواهید در سایت یا وبلاگ خود ، ابزار های نئوتولز را بدون نام و لینک از سایت گیلان گرافیک قرار دهید، هزینه برای هر یک از ابزارهای موجود در سایت 500 هزار تومان خواهد بود.

لایسنس مادام‌العمر + سورس کامل

بعد از پرداخت می توانید به صورت مادام العمر از ابزار مورد نظر بدون نام و لینک گیلان گرافیک استفاده نمایید.

لینک پرداخت جهت دانلود اتومات کد ابزار بدون نام و لینک گیلان گرافیک

تحویل آنی فایل زیپ بلافاصله پس از پرداخت

ویرایش ابزار های موجود در سایت

سفارشی کردن ابزار های موجود در سایت ، شامل تغییرات در متن ، پارامتر های ابزار ، گرافیک و تصاویر بکار رفته در ابزار ، ویرایش اندازه و نوع نمایش ابزار ها و همچنین ویرایش امکانات ابزار می باشد که هزینه یک میلیون تومان است.

لینک پرداخت ویرایش ابزار

لطفا هنگام پرداخت مبلغ تغییرات مدنظر خود را در توضیحات تراکنش بنویسید.

ساخت ابزار جدید اختصاصی

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فرم مشاوره رایگان

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

اطلاعات تماس

شماره تماس : 09385386207

ایمیل : info@gilangraphic.ir