Змінити колір посилання та красиво його оформити, шпаргалки блогерки

Змінити колір посилання та красиво його оформити

Вітаю всіх на своєму блогу. Постало питання, як змінити колір посилання. Давайте розбиратимемося. Розробники Blogger надали нам досить багато зручних та корисних налаштувань. У тому числі вибір кольору посилань. Але завжди хочеться ще щось додати свого. Та й при встановленні стороннього шаблону ця функція не працює. Тож доводиться задовольнятися тим, що є.

змінити

Як змінити колір та ефектно оформити посилання в повідомленні блогу.

Для зміни кольору посилання нам знадобиться всього-то скопіювати код, який наведений нижче і становить його в шаблоні блогу. Шаблон-змінити HTML. За допомогою клавіш CTRL+F знаходимо заповітний рядок ]]> і над нею встановлюємо код. Хто пропустив статтю про те, як це зробити, прошу сюди.

.post-body:link text-decoration:none; color: #dc143c; font-weight: bold >

.post-body a:visited text-decoration:none; color: #b0c4de; >

.post-body a:hover text-decoration:underline; color: #6495ed; >

Якщо дуже хочеться ще додати ефекту ми можемо зробити тінь для посилання. Тут нам доведеться в нашому коді в останньому блоці додати елемент text-shandow-

text-shadow: 1px 1px 1px rgba(0,0,0,.4);

У результаті весь код зараз виглядатиме так.

.post-body:link text-decoration:none; color: #dc143c; font-weight: bold >

.post-body a:visited text-decoration:none; color: #b0c4de; >

.post-body a:hover text-decoration:underline; text-shadow: 1px 1px 1px rgba(0,0,0,.4); color: #6495ed; >

А зараз оживимо посилання та змусимо їх трохи пострибати. Щось подібне ми вжеробили. Про це можна прочитати тут. Додамо в код такий рядок

position: relative; top: 2px;

На сьогодні із оформленням посилань закінчую. Хочеться думати, що це вам знадобиться. І до швидких зустрічей.