نحوه سفارشی سازی منوی سایت

فهرست مطالب:

نحوه سفارشی سازی منوی سایت
نحوه سفارشی سازی منوی سایت

تصویری: نحوه سفارشی سازی منوی سایت

تصویری: نحوه سفارشی سازی منوی سایت
تصویری: آموزش وردپرس - آموزش کامل کار با وردپرس و ساخت سایت بدون هزینه 2024, ممکن است
Anonim

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

نحوه سفارشی سازی منوی سایت
نحوه سفارشی سازی منوی سایت

دستورالعمل ها

مرحله 1

برای شخصی سازی منو در Ucoz می توانید از کنترل های سازنده سایت استفاده کنید. بنابراین ، می توانید رنگ پس زمینه الگوی انتخاب شده ، رنگ پیوندها و متن را در بلوک های منو تغییر دهید. ویرایش همه عناصر از طریق منوی طراح "طراحی" - "مدیریت طراحی (CSS)" انجام می شود.

گام 2

با این کار یک شیوه نامه CSS باز می شود ، یعنی الگویی که بر اساس آن عناصر رابط نمایش داده می شوند. خط navBar را در کد نمایش داده شده پیدا کرده و آن را مطابق نظر خود ویرایش کنید. مثلا:

#navBar {padding: 4px؛ پس زمینه: # 959595؛ سرریز: خودکار؛ رنگ: قرمز؛ }

مرحله 3

این کد فرورفتگی متن را از مرزهای بلوک ایجاد شده توسط 4 پیکسل تنظیم می کند ، در حالی که پس زمینه منو مقدار # 959595 را بدست می آورد که مربوط به یک رنگ خاص در قالب HTML است. از پارامتر overflow: auto برای تنظیم نمایش محتوایی که در منطقه مشخص نشده باشد استفاده می شود. این پارامتر نباید بدون نیاز خاصی ویرایش شود. گزینه رنگ عناصر محتوای بلوک را به قرمز تنظیم می کند.

مرحله 4

برای ویرایش پارامترهای یک پیوند ، می توانید از گزینه هایی که در همان بلوک کد هستند نیز استفاده کنید. پیوند #navBar a: (پیوند عادی) ، a: فعال (رنگ پیوند پس از کلیک) ، a: بازدید شده (پیوند بازدید شده) و a: hover (رنگ پیوند بعد از شناور) را به دلخواه تغییر دهید. رنگ ویژگی رنگ را تغییر دهید و پارامتر تزئین متن را ویرایش کنید ، که ویژگی ها را برای متن تنظیم می کند. مقادیر این گزینه می تواند underline ، blink ، linethrough ، overline باشد.

مرحله 5

پس از ویرایش ، بر روی دکمه "ذخیره" کلیک کنید. به روشی مشابه ، خطوط.subColumn (پس زمینه نمایش موارد منوی عمودی) ،.boxTable (عناوین بلوک های منو) ،.boxContent (محتویات لیست پیوندهای منو) ،.uMenuV (موارد منوی عمودی) را به دلخواه تغییر دهید. می توانید پارامترهای غیرضروری را حذف کرده و کد CSS خود را وارد کرده و همچنین رنگ عناصر دیگر را در طراحی ویرایش کنید.

مرحله 6

با رفتن به صفحه وب سایت خود ، تغییرات را ذخیره کرده و نتیجه را مشاهده کنید. ویرایش موارد منوی Ucoz کامل است.

توصیه شده: