اگر مرورگر بازدید کننده وب سایت هیچ نشانه ای از طراحی رنگ پیوندهای پیوندی در کد صفحه پیدا نکرد ، از مقادیر پیش فرض استفاده می کند. این مقادیر برای پیوندهای غیرفعال آبی ، برای پیوندهای فعال (روی حالت شناور) قرمز و رنگ پیوندهایی است که قبلاً بازدید کرده اید. این طرح رنگ همیشه با طرح رنگی طراحی صفحه ترکیب نمی شود ، بنابراین ، معمولاً یک مجموعه از توصیفات سبک پیوند در کد وجود دارد.
دستورالعمل ها
مرحله 1
مجموعه ای از دستورالعمل ها را برای مرورگر ایجاد کنید که رنگ پیوند را در سه حالت توصیف می کند. به عنوان مثال ، می تواند به صورت زیر باشد: a: link {color: Red؛}
a: بازدید شده {color: Yellow؛}
a: hover {color: Orange؛} در اینجا "a" در ابتدای هر خط "انتخاب" نامیده می شود و برچسبی را مشخص می کند که مرورگر باید توصیف سبک محصور شده در پرانتزها را به آن اعمال کند. "A" برچسب پیوند لینک است. کلمه اضافه شده به سلکتور جدا شده با دو نقطه "کلاس شبه" نامیده می شود - که مرورگر برای تعیین اینکه کدام حالت پیوند در پرانتزهای فر قرار دارد از آن استفاده می کند. پیوند با پیوند عادی مطابقت دارد ، از پیوندی که قبلاً بازدید شده بازدید کرده و هنگامی که مکان نما روی آن قرار دارد ، پیوند را نشان دهید. رنگهای اختصاص داده شده به پارامتر رنگ در داخل پرانتزهای حلزونی را می توان با نام سایه رنگ یا کد هگزادسیمال آن تعیین کرد.
گام 2
اگر لازم است رنگهای مختلفی را به گروههای مختلف پیوند در صفحه اختصاص دهید ، سپس هر گروه را برای خود تعیین کنید ("کلاس") و برای هر یک از آنها توصیف جداگانه ای از سبک ها ایجاد کنید. به عنوان مثال ، یک گروه را LinksRed و گروه دیگر را LinksGreen نامگذاری کنید. سپس توضیحات سبک به این شکل خواهد بود: a. LinksRed: link {color: Red؛}
a. LinksRed: بازدید شده {color: Yellow؛}
a. LinksRed: شناور {color: Orange؛} a. LinksGreen: link {color: Green؛}
a. LinksGreen: بازدید شده {color: DarkGreen؛}
a. LinksGreen: hover {color: Lime؛} و در برچسب های پیوندهای هر گروه ، باید مشخص کنید که به کدام کلاس تعلق دارند. به عنوان مثال: پیوند قرمز
پیوند سبز
مرحله 3
این دستورالعمل ها با CSS (Cascading Style Sheets) نوشته شده اند ، بنابراین باید داخل یک برچسب سبک قرار بگیرند که آنها را از سایر دستورالعمل های موجود در کد منبع صفحه ، نوشته شده در HTML (زبان نشانه گذاری HyperText) جدا کند:
a. LinksRed: link {color: Red؛}
a. LinksRed: بازدید شده {color: Yellow؛}
a. LinksRed: شناور {color: Orange؛} a. LinksGreen: link {color: Green؛}
a. LinksGreen: بازدید شده {color: DarkGreen؛}
a. LinksGreen: شناور {color: Lime؛}
مرحله 4
بلوک توضیحات سبک پیوند آماده شده را در قسمت هدر کد منبع صفحه قرار دهید - این برچسب ها با برچسب ها و
