Glass icons :D

Хотел видоизменить на страничке Game.php иконки героев, думал скачать какието другие - не нашел :bIbIbIblya:
Можно было зделать их с отблиском через фотошоп, но ето ...здец как толго.
Вот что получилось у меня:


не знаю или будет кто-то читать, но я напишу как ето зделать.

Сохраняем вот ето изображение в папку с статистикой (изображение полупрозрачное :bIbIbIblya: ):
------->

<--------

Открываем:
/style/$вашь_стиль$/style.css

В самый низ добавляем:

Код:

.hero_gradient_40x40 {
	margin: 1px;
	position: relative;
	width: 40px;
	height: 40px;
	float: left;
}

.hero_gradient_40x40 span {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(ПУТЬ К ИЗОБРАЖЕНИЮ) no-repeat;
}

"путь к изображению" вставляем путь к картинке которую мы скачали выше.
пример:

Код:

background: url(/style/dota/gradient/hero_40x40.png) no-repeat;

Открываем game.php, ищем :

Код:

$hero = "<a onMouseout='hidetooltip()' onMouseover='tooltip(\"".$img."\",130)' href='hero.php?hero=$hero'><img alt='' width='40px' src='./img/heroes/$hero.gif' border=0></a>";}

приводим его к такому виду:

Код:

		$hero = "<div class='hero_gradient_40x40'> <a onMouseout='hidetooltip()' onMouseover='tooltip(\"".$img."\",130)' href='hero.php?hero=$hero'> <span></span><img alt='' width='40px' src='./img/heroes/$hero.gif' border=0></a></div>";}

Вот и всё
ПС картинка с размером 40х40, так как у меня размер иконок героев 40х40.


ПСС так же можно делать рамки

перезалей эту картинку ->hero_40x40.png

а я думаю красиво ^^

вот она
________

________

она полупрозрачная

блин с моего браузера невидно))ну ладно я уже достал её и на это спасибо)) но у меня ничерта неполучилась твоя задумка...

ну...
копипастить тоже тяжело.

проверь ещё раз, может путь не тот.

Код:

url(/style/default/hero_40x40.png)

пути разные делал ничего непомогло...незнаю в чём проблема

ну для начала нужно сохранить картинку в папку

а потом в style.css в классе "hero_gradient_40x40 span" указать путь к ней:

Код:

.hero_gradient_40x40 span {
   width: 40px;
   height: 40px;
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   background: url(ПУТЬ К ИЗОБРАЖЕНИЮ) no-repeat;

ну уже с готового не зделать =/