Подсказка за снимки, МногоБлог
как да създадете сайт на wordpress, конфигурирате и оптимизирате wordpress
Нека да разгледаме как да внедрим интересен визуален ефект за изображения на вашия сайт под формата на подсказка (подпис, надпис) с помощта на jQuery.Можете да изтеглите източниците за статията по-долу
Ето как ще изглежда подсказката, когато курсорът на мишката не е над нея:
Ето как ще изглежда, когато курсорът е над:
1. Първосвържете поддръжката на JQuery към сайта - за да направите това, влезте в контролния панел на вашия сайт, изберете елемента "Външен вид" в лявото меню и неговия подточка "Редактор", потърсете файла header.php в списъка с шаблони вдясно, отворете го и намерете етикета в него - пред него и поставете следния код:
2. Тук, веднага след горния код,свържете самия скрипт, което ще създаде ефекта на подсказката:
3. След това трябва дадобавим код в шаблона style.css за този ефект - за да направите това, отворете отново "Редактор" ("Външен вид" - "Редактор"), вдясно сред списъка с шаблони намираме файла style.css, отворете го и добавете следния код в самия край:
Заглавие на статията
Сега всичко е готово!
PS: Този визуален ефект може да бъде пресъздаден и с помощта на CSS, но ще пиша за него в някоя от следващите статии.
Подобни публикации:
Благодаря ти. Този път се справих добре. Страхотен пост.