CSS Hover Изображение для области виджета в wordpress

Question

Я пытаюсь создать изображение наведения CSS, которое будет использоваться в виджетах wordpress. Я создал файлы в Fireworks и экспортировал часть CSS, но теперь я полностью застрял на том, куда его поместить, и чего мне не хватает.

Вот код, сгенерированный фейерверка:

.e3circles{ background:url("e3circles.png") top left no-repeat; } 
.icons_equity_symb{ width:287px; height:289px; background-position:-10px -10px; } 
.icons_equity_symb_1{ width:287px; height:289px; background-position:-307px -10px; } 
.icons_energy_symb{ width:300px; height:289px; background-position:-604px -10px; } 
.icons_energy_symb_1{ width:300px; height:289px; background-position:-914px -10px; } 
.icons_easy_symb{ width:313px; height:289px; background-position:-1224px -10px; } 
.icons_easy_symb_1{ width:313px; height:289px; background-position:-1547px -10px; } 
.icons_pop{ width:900px; height:289px; background-position:-1870px -10px; } 
.icons_pop_1{ width:900px; height:289px; background-position:-2780px -10px; } 

Изображение можно увидеть по адресу: http://rachelorovio.com/sprites/e3circles.png

Я начал с использованием темы Minimum от студии Press которая имеет круг иконки социальных медиа: http://demo.studiopress.com/minimum/

Мой клиент хочет сохранить круги, но нам пришлось переключиться на тему Executive по другим причинам.

Я исследовал это уже несколько дней, и, похоже, чем больше я узнаю, тем сложнее это становится. Каждый скрипт отличается, поэтому я не могу сравнивать их друг с другом. Пожалуйста, дайте мне знать, если вы можете помочь !! Благодаря!

Answer 1

поэтому простой способ заключается в использовании плагина, вы можете попробовать виджет классов CSS:

http://wordpress.org/extend/plugins/widget-css-classes/

В противном случае открыть свою тему, добавьте еще style2.css, например к вашей теме и добавить код на это, откройте header.php и ссылку на этот стиль .. затем перейдите к панели управления, добавить текстовый виджет и Вызов Div, где появится этот Круги ...

Гудлак