Перейти к публикации

Помогите пожалуйста отредактировать стиль.


Рекомендованные сообщения

ad994f7dd277.png

 

Подскажите пожалуйста решение, чтобы иконка "Добавить в закладки" располагалась в одном поле, на ровне с соседними элементами, а не вылазило в отдельное поле?

Вот стиль:

.favmod {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: block;
	margin: 0;
	width: 16px;
	height: 16px;
	padding: 4px;
	opacity: .5;
}
.favmod.active,
.favmod:hover {
	opacity: 1;
}
.favmod.active:hover{
	opacity: .7;
}
	.favmod-add,
	.favmod-unset {
		display: block;
		width: 100%;
		height: 100%;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNrslM8rRFEUx9973iC/KVGSBX8E2TBvN2p2yo6d/AMWJEpKibVs2NmysJxG2bG2tqBEGIkJwzyfozO585o3PYZSnPr0bvfce96559z7tePxeNKyrEXogkM4gWrrw3y4hCfogQHYhLVUKpV3GaxCH9zCAhyBaxXbFPTCPCzBCrTCrKsDsRzcE9XX8bt5nufwGYVB2ICMumbwZcT5rBN2iT+LyZoHyOpxYoZv2gmc9bVEAJlvhHoNljN8tvnHKlmkKduB+XXYgStoMXwvZoA22IazwFEkgwt4BOlYv5meuVDO2KntDJptBMsWsi0EkKKcQgKu1VnOpE5NsAvtrhbmBo61hVHsnFpJPToco1A1ETfL3Yhp9r5jVWjfEkAeTj7kEpUrpOyJSYA7aAi5xmEmNauTi2TznMf0OR9oN6K0sRmGYdntnqvN6uVIflIPJreG9n5AD4hapAcT+yOheoDvN+qBpvxn9UBbGEkPqNXX9YDN/3pg6sF4OlGRHrwJMADPaJXvw5WmBQAAAABJRU5ErkJggg==) no-repeat 0 0;
	}
	.favmod-unset {
		background-position: 0 -16px;
	}

	.favmod .favmod-unset,
	.favmod.active .favmod-add {
		display: none;
	}
	.favmod.active .favmod-unset {
		display: block;
	}

................

И еще подскажите, как иконку дополнить ссылкой:

"Добавить в закладки"

"Удалить из закладок".


<a href="#" class="favmod[favmod={news-id}] active[/favmod]" data-id="{news-id}">
	<span class="favmod-add" title="Добавить в закладки"></span>
	<span class="favmod-unset" title="Удалить из закладок"></span>
</a>

 

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...