Как создать эффект Spotlight?

Тема в разделе "Шаблоны", создана пользователем Shagrath, 13 авг 2008.

Статус темы:
Закрыта.
  1. Shagrath

    Shagrath Постоялец

    Регистр.:
    11 янв 2008
    Сообщения:
    104
    Симпатии:
    25
    Попробовал создать эту фичу на шаблоне и застрял.Уже даже Демо поставил чтоб поглядеть и все равно не могу разобраться где
    PHP:
    <div class="spotlight" style="background: url(../images/logo.png);" width="240" height="180"></div>
    вписывать надо?Хотелось бы разобраться с этим вопросом.
     
  2. RedRabbit

    RedRabbit

    Регистр.:
    11 июл 2008
    Сообщения:
    606
    Симпатии:
    250
    Spotlight

    Эффект spotlight заключается в том, что одно изображение плавно заменяется другим. Примером может послужить логотип этого сайта, который изменится на фотографию Артемия Лебедева, если ты, конечно, залогинен.
    Этот эффект накладывается на теги <div> и <span> в которых может быть прописан фон.
    Пример:

    Пример <div> тэга:
    Код:
    <div class="spotlight" style="background: url(http://www.kolyan.cz/images/logo2.png); “ width=”420” height= “120" ></div>
    Пример <span> тэга:
    Код:
    <span class="spotlight" style="background: url(http://www.kolyan.cz/images/logo2.png); display: block;" width=”420” height= “120"></span>
    Вторая картинка, на которую заменяется фон, должна называться так же, как и первая, только с добавлением _spotlight. Например: logo2.png и logo2_spotlight.png.

    Где, где?:)
    В статье или в самом шаблоне.
     
Статус темы:
Закрыта.