CSS

طراحی دکمه منوی سه‌خطی متحرک در صفحات وب با CSS و JavaScript

نقش انیمیشن‌ها در طراحی وب صرفاً زیباتر کردن صفحات نیست بلکه موجب جلب توجه بازدیدکنندگان می‌شود و محتوای صفحات را مرتب‌تر و قابل‌فهم‌تر و سرگرم‌کننده‌تر می‌کند. برای متحرک کردن المان‌ها در صفحات وب، می‌توانید از Transition و همین‌طور تعریف کردن Keyframe استفاده کنید و حتی بدون جاوااسکریپت، عناصری را در صفحه متحرک کنید.

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

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

معرفی بهترین افزونه‌های ساخت منوی بازشونده یا آکاردئونی و جعبه‌هایی با چند تب در وردپرس

یکی از روش‌های مخفی یا مرتب کردن متن و پاراگراف‌ها در صفحات سایت، استفاده از المان‌های بازشدنی است که یکی از انواع آنها، المان آکاردئونی است. با کلیک روی المانی مثل دکمه یا تب و یا آیکون + و آیکون فولدر، متن و عکس پنهان شده به شکل کادر یا شکل‌های دیگر باز و نمایان می‌شود.

در این مقاله می‌خواهیم چند افزونه برای نرم‌افزار مدیریت سایت WordPress معرفی کنیم که قرار دادن متن پنهان به صورت منوی بازشونده یا Accordion یا همان ساز معروف آکاردئون را ساده می‌کنند. با ما باشید.

چگونه برای بهبود سرعت و سئو سایت، فایل‌های CSS و JS و عکس را روی گوگل درایو میزبانی کنیم؟

یکی از راه‌های بهبود سرعت بارگذاری یک سایت، بارگذاری کردن فایل‌های پرکاربرد که در تمام یا اغلب صفحات وجود دارند از طریق یک سرور یا هاست سریع و متفاوت است. به عنوان مثال می‌توانید فایل‌های CSS و JS و عکس‌هایی مثل لوگوی سایت خود را روی فضای ابری گوگل درایو آپلود کنید و لینک مربوطه را در هدر یا فوتر سایت خود قرار دهید. به این ترتیب فایل‌ها با سرعت بالایی لود می‌شوند و علاوه بر کاهش ترافیک مصرفی سرور و هاست شما، سرعت بارگذاری سایت بیشتر می‌شود.

سرعت بارگذاری سایت به صورت مستقیم در SEO موثر نیست اما طبعاً سایتی که سریع‌تر لود شود، بازدیدکننده را با احتمال بیشتری به بازدید از صفحات دیگر تشویق می‌کند و این یک فاکتور مثبت در سئوی سایت است. در ادامه به روش بارگذاری فایل‌های CSS و JS قالب سایت‌ها و پلاگین‌های نصب‌شده از طریق Google Drive می‌پردازیم. با ما باشید.

نحوه اضافه کردن باکس برچسب‌ها به صورت چک‌باکسی در وردپرس

در نرم‌افزار مدیریت سایت WordPress برای هر مطلب یا پست می‌توان چند دسته یا Category و چند برچسب یا Tag انتخاب کرد. انتخاب دسته با تیک زدن در چک‌باکس‌ها انجام می‌شود اما انتخاب برچسب به صورت تایپ کردنی است و البته می‌توان کمی صبر کرد تا وردپرس برچسب‌های قبلی استفاده شده را بررسی کند و پیشنهادی برای برچسب جدید ارایه کند.

اما در وردپرس می‌توان با یک تغییر ساده در قالب و فایل توابع یا functions.php کاری کرد که نمایش برچسب‌ها مثل دسته‌ها به صورت چک‌باکسی باشد و انتخاب کردن برچسب برای سایت‌های کوچک، ساده شود.

در این مقاله به روش تبدیل کردن ظاهر بخش برچسب‌ها در WordPress به شکل مشابه دسته‌ها می‌پردازیم. با ما باشید.

آموزش تبدیل Word به HTML برای ساخت صفحات وب‌سایت‌ها

نرم‌افزار Word مایکروسافت یکی از بهترین نرم‌افزارهای تایپ و تدوین محتوا، پروژه و تحقیق و پایان‌نامه است اما جالب است بدانید که با استفاده از ورد می‌توانید فایل‌های را به صورت HTML نیز ذخیره کنید. بنابراین طراحی وب در حد ساده و ابتدایی به کمک Word نیز امکان‌پذیر است و علاوه بر این می‌توانید از فرمت HTML برای کاربری‌های دیگر نیز استفاده کنید چرا که یک فرمت محبوب و سازگار با نرم‌افزارهای بسیار زیادی است.

در ادامه به روش تبدیل Word به HTML و تنظیمات و گزینه‌های موجود در ورد مجموعه‌ی آفیس مایکروسافت برای این مهم، می‌پردازیم. با سیاره‌ی آی‌تی همراه شوید.

معرفی بهترین نرم‌افزارهای جستجو برای یافتن کلمات و Regex و … در محتوا و نام فایل‌ها در ویندوز

ابزار اصلی جست‌وجو در ویندوز ۱۰، پیشرفته‌تر از نسخه‌های قبلی ویندوز است و استفاده از آن ساده‌تر شده، به عنوان مثال کافی کلید Win کیبورد را فشار دهید تا منوی استارت باز شود و سپس حروف و کلمات موردنظر را تایپ کنید. بدون کلیک روی جعبه‌ی سرچ، جستجو سریعاً انجام می‌شود. در نتایج جست‌وجو مواردی از تنظیمات و فایل‌ها و حتی دنیای عظیم اینترنت مشاهده خواهید کرد.

اما قابلیت سرچ ویندوز ۱۰ هم نقایصی دارد و به همین جهت است که می‌خواهیم بهترین برنامه‌ها برای جستجو در ویندوز را معرفی کنیم. برخی نرم‌افزارها به پیدا کردن سریع فایل‌هایی با نام خاص کمک می‌کنند و برخی دیگر قادر هستند 

آخرین دیدگاه‌ها
۲۰۰ دیدگاه و پاسخ آخر
خرید سرور اچ پی فروش فایل ترخیص کالا از گمرک شرکت حمل بار زمینی خرید پیج اینستاگرام خرید فالوور کارت ویزیت نمایشگاه ماشین خرید کامنت پنل خدمات اینستاگرام سی پنل خرید ووچر نمایندگی زیمنس در ایران طراحی سایت قسطی مه پاش سرور مجازی پرورش لاما افزایش ممبر تلگرام رایگان