{"id":356,"date":"2020-03-08T20:39:42","date_gmt":"2020-03-08T20:39:42","guid":{"rendered":"https:\/\/ramk.ee\/opikud\/veebidisain\/?post_type=chapter&#038;p=356"},"modified":"2020-03-08T20:44:08","modified_gmt":"2020-03-08T20:44:08","slug":"lingid","status":"publish","type":"chapter","link":"https:\/\/ramk.ee\/opikud\/veebidisain\/chapter\/lingid\/","title":{"rendered":"Lingid"},"content":{"raw":"Linkide tekst on vaikimisi allajoonitud, k\u00fclastamata lingid on sinised, k\u00fclastatud lillakad. Selline kujundus ei sobi v\u00e4ga paljude veebilehtede kujundusega.\r\n\r\nLinkide kujunduse m\u00e4\u00e4ramiseks tuleb stiil kirjutada HTML elemendile <code>&lt;a&gt;<\/code>. Kuna vajame erinevaid kujundusi samat\u00fc\u00fcbilisele elemendile (k\u00fclastamata, k\u00fclastatud jne), siis on selektoriteks nn pseudoelemendid:\r\n<ul>\r\n \t<li><em>a:link<\/em> \u2013 k\u00fclastamata link;<\/li>\r\n \t<li><em>a:visited<\/em> \u2013 k\u00fclastatud link;<\/li>\r\n \t<li><em>a:hover<\/em> \u2013 hiirekursor on liikunud lingi peale;<\/li>\r\n \t<li><em>a:active<\/em> \u2013 hiire vasak nupp on lingil alla vajutatud (kl\u00f5psamine).<\/li>\r\n<\/ul>\r\nLinkide kujundamiseks saab kasutada k\u00f5iki teksti kujundamiseks m\u00f5eldud omadusi (font, suurus, v\u00e4rv, taustav\u00e4rv jms). Sellisel moel saab lingid muuta atraktiivsemaks, huvitavamaks, luua midagi animatsioonide sarnast.\r\n\r\nN\u00e4iteks loome linkidele kujunduse, kus k\u00fclastamata lingi v\u00e4rvus on must, k\u00fclastatud lingil tumehall, aktiivne link on valge ja paksu kirjaga ning kui hiire kursoriga lingile liigutakse on link paksu tekstiga valgel taustal:\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">a:link {\r\n  color:black; background: none; font-weight: normal;\r\n}\r\na:visited {\r\n  color:#808080; background: none; font-weight: normal;\r\n}\r\na:hover {\r\n  color:black; background-color: white; font-weight: bold;\r\n}\r\na:active {\r\n  color:white; background: none; font-weight: bold;\r\n}<\/pre>","rendered":"<p>Linkide tekst on vaikimisi allajoonitud, k\u00fclastamata lingid on sinised, k\u00fclastatud lillakad. Selline kujundus ei sobi v\u00e4ga paljude veebilehtede kujundusega.<\/p>\n<p>Linkide kujunduse m\u00e4\u00e4ramiseks tuleb stiil kirjutada HTML elemendile <code>&lt;a&gt;<\/code>. Kuna vajame erinevaid kujundusi samat\u00fc\u00fcbilisele elemendile (k\u00fclastamata, k\u00fclastatud jne), siis on selektoriteks nn pseudoelemendid:<\/p>\n<ul>\n<li><em>a:link<\/em> \u2013 k\u00fclastamata link;<\/li>\n<li><em>a:visited<\/em> \u2013 k\u00fclastatud link;<\/li>\n<li><em>a:hover<\/em> \u2013 hiirekursor on liikunud lingi peale;<\/li>\n<li><em>a:active<\/em> \u2013 hiire vasak nupp on lingil alla vajutatud (kl\u00f5psamine).<\/li>\n<\/ul>\n<p>Linkide kujundamiseks saab kasutada k\u00f5iki teksti kujundamiseks m\u00f5eldud omadusi (font, suurus, v\u00e4rv, taustav\u00e4rv jms). Sellisel moel saab lingid muuta atraktiivsemaks, huvitavamaks, luua midagi animatsioonide sarnast.<\/p>\n<p>N\u00e4iteks loome linkidele kujunduse, kus k\u00fclastamata lingi v\u00e4rvus on must, k\u00fclastatud lingil tumehall, aktiivne link on valge ja paksu kirjaga ning kui hiire kursoriga lingile liigutakse on link paksu tekstiga valgel taustal:<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\">a:link {\r\n  color:black; background: none; font-weight: normal;\r\n}\r\na:visited {\r\n  color:#808080; background: none; font-weight: normal;\r\n}\r\na:hover {\r\n  color:black; background-color: white; font-weight: bold;\r\n}\r\na:active {\r\n  color:white; background: none; font-weight: bold;\r\n}<\/pre>\n","protected":false},"author":1,"menu_order":3,"template":"","meta":{"_mi_skip_tracking":false,"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"part":310,"_links":{"self":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/356"}],"collection":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":5,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/356\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/356\/revisions\/361"}],"part":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/parts\/310"}],"metadata":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapters\/356\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/pressbooks\/v2\/chapter-type?post=356"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/contributor?post=356"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/ramk.ee\/opikud\/veebidisain\/wp-json\/wp\/v2\/license?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}