Супер тру-риперы html/css, прошу помощи [Кошка в футере]

Статус
В этой теме нельзя размещать новые ответы.

egoarka

Проверенные
Сообщения
890
Реакции
398
Баллы
5,565
Супер тру-риперы html/css*, прошу помощи
*шучу
(не реклама)
Video_2014-08-28_021959.gif
кто сможет рипнуть оттуда "кошечку"
у меня что-то не получилось, вроде руки прямые, а "кошечка" не хочет мяукать.
Вот так вот.
Заранее спасибо.
Пысы. по-моему очень красивое дополнение к форуму.
 
Последнее редактирование:
Всё просто, но времени нет, Вы бы попросили админа форума, возможно поделится.
 
Завтра всё можно будет глянуть точнее. :)
 
я ее уже слил :)
 
Вот она
 

Вложения

  • cat_vote.rar
    123.5 KB · Просмотры: 21
Давайте. Сливайте всё. :-D Потом может всё это дело плагином оформим. :)
 
Я пока в только смотрю как это сделать, знаю пока только то, что папочка лежит в корне форума. Пока разбираюсь.
Код:
<div class="vote_cat"><a href="redirect/?url=http%253A%252F%252Fla2.mmotop.ru%252Fservers%252F5796" target="_blank"><div class="bg layer1"></div><div class="bg layer2"></div></a><audio id="vote_cat_sound" controls="controls" preload="auto"><source src="cat_vote/cat_sound.mp3" type="audio/mpeg"><source src="cat_vote/cat_sound.ogg" type="audio/ogg"></audio></div>

во я че надыбал...
 
Я то всё надыбал, но не буду отвлекаться.:-D
 
Содержимое из папки upload, заливаем в корневой каталог форума.
В шаблоне footer находим:
Код:
<div id="copyright">{xen:helper copyright} {xen:phrase extra_copyright}</div>
            <xen:hook name="footer_after_copyright" />
И после него добавляем.
Код:
 <!-- Конструкция для кота в футере -->
<div class="vote_cat">
<a target="_blank" href="http://xenforo.info">
<div class="bg layer1" style="display: block;"></div>
<div class="bg layer2" style="display: none;"></div>
</a>
<audio id="vote_cat_sound" preload="auto" controls="controls">
<source type="audio/mpeg" src="cat_vote/cat_sound.mp3"></source>
<source type="audio/ogg" src="cat_vote/cat_sound.ogg"></source>
</audio>
</div>

<!-- Исходное подключение <script src="cat_vote/cat_vote.js" type="text/javascript"> -->
<xen:require js="cat_vote/cat_vote.js" />
<!-- End Конструкция для кота в футере -->

Добавляем содержимое в шаблон EXTRA.css.
Код:
/* Добавляем содержимое в шаблон EXTRA.css */


.vote_cat {
    bottom: 0;
    display: inline-block;
    left: 0;
    position: fixed;
    width: 127px;
}
.vote_cat > a {
    display: block;
    text-decoration: none;
}
.vote_cat .bg {
    background: url("cat_vote/vote_cat.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    position: absolute;
}
.vote_cat .layer1 {
    background-position: 0 100%;
    height: 150px;
    width: 127px;
}
.vote_cat .layer2 {
    background-position: -126px 100%;
    display: none;
    height: 239px;
    width: 127px;
}
#vote_cat_sound {
    display: none;
}
/* ================================================================== */

Демо пока в футере у нас.
 

Вложения

  • vote_cat.zip
    124.5 KB · Просмотры: 23
Содержимое из папки upload, заливаем в корневой каталог форума.
В шаблоне footer находим:
Код:
<div id="copyright">{xen:helper copyright} {xen:phrase extra_copyright}</div>
            <xen:hook name="footer_after_copyright" />
И после него добавляем.
Код:
 <!-- Конструкция для кота в футере -->
<div class="vote_cat">
<a target="_blank" href="http://xenforo.info">
<div class="bg layer1" style="display: block;"></div>
<div class="bg layer2" style="display: none;"></div>
</a>
<audio id="vote_cat_sound" preload="auto" controls="controls">
<source type="audio/mpeg" src="cat_vote/cat_sound.mp3"></source>
<source type="audio/ogg" src="cat_vote/cat_sound.ogg"></source>
</audio>
</div>

<!-- Исходное подключение <script src="cat_vote/cat_vote.js" type="text/javascript"> -->
<xen:require js="cat_vote/cat_vote.js" />
<!-- End Конструкция для кота в футере -->

Добавляем содержимое в шаблон EXTRA.css.
Код:
/* Добавляем содержимое в шаблон EXTRA.css */


.vote_cat {
    bottom: 0;
    display: inline-block;
    left: 0;
    position: fixed;
    width: 127px;
}
.vote_cat > a {
    display: block;
    text-decoration: none;
}
.vote_cat .bg {
    background: url("cat_vote/vote_cat.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    position: absolute;
}
.vote_cat .layer1 {
    background-position: 0 100%;
    height: 150px;
    width: 127px;
}
.vote_cat .layer2 {
    background-position: -126px 100%;
    display: none;
    height: 239px;
    width: 127px;
}
#vote_cat_sound {
    display: none;
}
/* ================================================================== */

Демо пока в футере у нас.


ааа, спасибо!!! :)
кстати, не знаете, почему в Mozill'е не пашет :( ?
 
Содержимое из папки upload, заливаем в корневой каталог форума.
В шаблоне footer находим:
Код:
<div id="copyright">{xen:helper copyright} {xen:phrase extra_copyright}</div>
            <xen:hook name="footer_after_copyright" />
И после него добавляем.
Код:
 <!-- Конструкция для кота в футере -->
<div class="vote_cat">
<a target="_blank" href="http://xenforo.info">
<div class="bg layer1" style="display: block;"></div>
<div class="bg layer2" style="display: none;"></div>
</a>
<audio id="vote_cat_sound" preload="auto" controls="controls">
<source type="audio/mpeg" src="cat_vote/cat_sound.mp3"></source>
<source type="audio/ogg" src="cat_vote/cat_sound.ogg"></source>
</audio>
</div>

<!-- Исходное подключение <script src="cat_vote/cat_vote.js" type="text/javascript"> -->
<xen:require js="cat_vote/cat_vote.js" />
<!-- End Конструкция для кота в футере -->

Добавляем содержимое в шаблон EXTRA.css.
Код:
/* Добавляем содержимое в шаблон EXTRA.css */


.vote_cat {
    bottom: 0;
    display: inline-block;
    left: 0;
    position: fixed;
    width: 127px;
}
.vote_cat > a {
    display: block;
    text-decoration: none;
}
.vote_cat .bg {
    background: url("cat_vote/vote_cat.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    left: 0;
    position: absolute;
}
.vote_cat .layer1 {
    background-position: 0 100%;
    height: 150px;
    width: 127px;
}
.vote_cat .layer2 {
    background-position: -126px 100%;
    display: none;
    height: 239px;
    width: 127px;
}
#vote_cat_sound {
    display: none;
}
/* ================================================================== */

Демо пока в футере у нас.
Работает :) Эврика! Это просто фантастика :)
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу