پیوندها به طور قابل توجهی بر ظاهر یک صفحه وب تأثیر می گذارند. این وب سایت یا وبلاگ شما باشد ، پیوندهای زیبا و سفارشی باعث تغییر بهتر طراحی وب سایت شما می شوند. حتی بدون دانش از html و css ، ایجاد یک لینک خوب بسیار آسان است.
دستورالعمل ها
مرحله 1
اول از همه ، بیایید یک پیوند منظم ایجاد کنیم. این کار با استفاده از کد زیر انجام می شود: نام پیوند در این کد ، برچسب یک پیوند است. ویژگی "href" آن آدرس صفحه ای است که پیوند به آن منتهی می شود. به جای "عنوان پیوند" کلمه یا عبارتی بنویسید که نشان دهنده پیوند باشد
همچنین می توانید متنی را اضافه کنید که با کلیک روی پیوند نشان داده می شود. ویژگی "عنوان" برچسب به شما در این امر کمک می کند.
گام 2
حال بیایید وارد پیوند شویم. ساده ترین راه برای انجام این کار ورق های سبک آبشار (css) است. پرونده حاوی سبک ها را برای سایت خود باز کنید و کد بیشتری را در آنجا بنویسید. همچنین می توانید سبک ها را مستقیماً در صفحه html وارد کنید. برای این کار از کد سفارشی سازی سبک سایت استفاده کنید.
مرحله 3
بیایید به طراحی بپردازیم. نحو ورودی یک {پارامترهای سبک} است. اینجا چی بنویسم؟
ابتدا رنگ پیوندها را به دلخواه تغییر دهید. این کد به شما در این زمینه کمک می کند:
a {color: # 00000؛}. البته ، به جای "# 00000" باید رنگ خود را وارد کنید. می توانید کد رنگ را در این فرم در برنامه های مختلف گرافیکی (مثلاً در فتوشاپ) پیدا کنید یا یک پالت وب پیدا کنید.
مرحله 4
به طور پیش فرض ، مرورگر پیوندها را زیرخط دار می کند. این می تواند با کد زیر لغو شود: a {text-decoration: none؛}
برای ایجاد پیوندهای پررنگ ، از پارامتر font-weight: bold؛ استفاده کنید. همانند رنگ ، underline در کد سبک درج می شود.
مرحله 5
احتمالاً متوجه شده اید که در بعضی از سایت ها ، وقتی روی پیوندی می روید ، شکل ظاهری آن تغییر می کند. تو این رو هم میتونی انجام بدی. کدی مانند این به شما کمک خواهد کرد: a: hover {پارامترهای سبک}. پارامترها به همان روشی که برای یک پیوند عادی مشخص شده است ، تنها مقدار شبه کلاس "شناور" است که به مرورگر اعلام می کند هنگام تنظیم معیار قرارگیری روی پیوند ، این تنظیمات باید اعمال شوند.
به همین ترتیب ، می توانید پیوندهای بازدید شده را برجسته کنید: a: بازدید شده {پارامترهای سبک}
