Посилання зі стрілкою як на WikiPedia або з будь-якою картинкою наприкінці
У цій статті розказано, яким чином автоматично відображати поряд з посиланням у статті будь-яку картинку, як це зроблено на WikiPedia.org (блоки в кінці будь-якої статті).
Для реалізації задуманого знадобиться невелика редагування файлу стилів. Залежно від движка сайту, місце редагування відрізнятиметься.
Перш за все покажу, що приблизно ми робитимемо, якщо ще не зрозуміли:
Увага! Я випустив нову тему Romb для ваших статейників та блогів. Максимально швидка Google PageSpeed і максимальна оптимізація під SEO.
У блоці Примітка стрілки в кінці посилання. Зробимо аналогічне.
Як зробити посилання зі стрілками
Для початку зробимо заготовку подібної стрілки-картинки та закидаємо потрібного розміру на хостинг. Розмір приблизно 16 * 16px. Якщо ліньки шукати - качайте цю.
Далі потрібно визначитися: ставити таку стрілку будемо по всьому веб-сайту, тобто. на кожному лінку, або тільки на певному блоці статті. У будь-якому випадку знадобиться визначитися з назвою класу, куди будемо підставляти потрібний параметр CSS (про це нижче).
Завантажити FireBug для свого браузера можна на офіційній сторінці getfirebug.com.
Визначилися з ім'ям класу та робимо вставку у файл стилів, який має розширення .css