چگونه رنگ پس زمینه سایت را تغییر دهیم؟

فهرست مطالب:

چگونه رنگ پس زمینه سایت را تغییر دهیم؟
چگونه رنگ پس زمینه سایت را تغییر دهیم؟
Anonim

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

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

رنگ پس زمینه
رنگ پس زمینه

فقط چند کد HTML ساده وجود دارد که می توانید از آنها برای تغییر ظاهر سایت فعلی خود استفاده کنید. بسیاری از کاربران حتی نمی دانند که چقدر آسان است.

چگونه فونت را سفارشی کنیم

اول از همه، شما باید چهار متا تگ را در هر جایی بعد از. شما به سادگی می توانید نمادهای زیر را کپی کرده و پس از حذف فضاها در منبع خود جایگذاری کنید.

رنگ پس زمینه در html
رنگ پس زمینه در html

نحوه تنظیم رنگ پس زمینه

صفحه را در HTML وبلاگ یا وب سایت خود باز کنید. هنگام ویرایش یک صفحه به صورت آفلاین، می توانید آن را در Dreamweaver باز کنید تا کار خود را آسان تر کنید. اگر سایت شما با استفاده از سازنده ایجاد شده است، برخی از خدمات به شما اجازه می دهندتنظیمات HTML را به صورت آنلاین با رفتن به صفحه "طراحی" و انتخاب تب "ویرایش HTML" تغییر دهید. در هر صورت، باید بتوانید به کدهای HTML وبلاگ یا وب سایت خود دسترسی داشته باشید. بسته به خدماتی که برای شما در دسترس است و از چه موتوری استفاده می کنید، فرآیند راه اندازی می تواند بسیار متفاوت باشد.

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

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

پس کد رنگی را که می خواهید در سایت خود به عنوان رنگ پس زمینه ببینید پیدا کنید. در نشانه گذاری به این صورت است:

بدن {

پس زمینه-رنگ:XXXXXX; {

پس از اینکه رنگ پس زمینه را در HTML ذخیره کردید، خواهید دید که ظاهر صفحه شما تغییر کرده است.

پس زمینه سفید
پس زمینه سفید

افزودن تصویر پس زمینه

تصویری را که می خواهید به عنوان پس زمینه اضافه کنید انتخاب کنید. سایت های زیادی وجود دارند که به شما امکان دانلود چنین پس زمینه هایی را می دهند. همچنین، می‌توانید از عکسی استفاده کنید که قبلاً در رایانه شما ذخیره شده است.

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

کد را برای افزودن یک تصویر به عنوان پس‌زمینه جای‌گذاری کنید. در HTML به این صورت است:

بدن {

background-image: url(image URL);

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

با این حال، به یاد داشته باشید که بارگذاری تصاویر خیلی بزرگ ممکن است زمان زیادی طول بکشد، که برای بسیاری از بازدیدکنندگان ناخوشایند خواهد بود. به همین دلیل سعی کنید تصاویر کوچکی را برای این منظور انتخاب کنید.

توصیه شده: