Перейти к содержанию
Авторизация  
Tavria

Кто Может Сделать Кнопочку На Сайт?

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

Кто может сделать кнопочку на сайт, с надписью Gloom Portal желательно анимированную, дам много +++)

Буду очень благодарен)

Поделиться сообщением


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

Кто может сделать кнопочку на сайт, с надписью Gloom Portal желательно анимированную, дам много +++)

Буду очень благодарен)

Во первых надо увидеть сайт, что бы знать диз. Во вторых в каком смысле анимированую? Состоящую из 2 изображений или во флеше?

Поделиться сообщением


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

какой функционал ?

  • Upvote 1

Поделиться сообщением


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

Кнопочку надо 88x31, а функционал это портал игр.

Поделиться сообщением


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

я имею в виду тебе нужна сугубо кнопка или для нее нужно писать код для выполнения какого либо действия

  • Upvote 1

Поделиться сообщением


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

код я напишу, надо просто кнопочку с анимацией)

Поделиться сообщением


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

готовое решение

 

стиль ксс

 

 

a.button12 {

position: relative;

display: inline-block;

font-size: 100%;

font-weight: 700;

color: #fff;

text-shadow: #053852 -1px 1px, #053852 1px 1px, #053852 1px -1px, #053852 -1px -1px;

text-decoration: none;

user-select: none;

padding: .3em .7em;

outline: none;

border-radius: 7px;

background: #053852 repeating-linear-gradient(135deg, #053852, #053852 10px, #1679ad 10px, #1679ad 20px, #053852 20px);

box-shadow:

inset -2px -2px rgba(0,0,0,.3),

inset 2px 2px rgba(255,255,255,.3);

transition: background-position 999999s, color 999999s, text-shadow 999999s;

}

a.button12:hover, a.button12:focus {

text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;

background: #0175b1 repeating-linear-gradient(135deg, #0175b1, #0175b1 10px, #8fd2f5 10px, #8fd2f5 20px, #0175b1 20px) no-repeat;

background-size: 1000% 100%;

}

a.button12:hover {

background-position: 0 0;

}

a.button12:focus {

color: rgba(255,255,255,0);

text-shadow: rgba(1,117,177,0) -1px 1px, rgba(1,117,177,0) 1px 1px, rgba(1,117,177,0) 1px -1px, rgba(1,117,177,0) -1px -1px;

background-position: 900% 0;

transition: background-position linear 600s, color .5s, text-shadow .5s;

}

a.button12:after {

content: "загрузка\2026";

position: absolute;

top: 0;

left: 0;

padding: .3em .7em;

color: rgba(0,0,0,0);

text-shadow: none;

transition: 999999s;

}

a.button12:focus:after {

color: #fff;

text-shadow: #0175b1 -1px 1px, #0175b1 1px 1px, #0175b1 1px -1px, #0175b1 -1px -1px;

transition: .5s;

}

 

вызов кнопки

<a href="#" class="button12" tabindex="0">кнопка</a>

  • Upvote 1

Поделиться сообщением


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

если стиль понравиться просто смени размер под необходимый

  • Upvote 1

Поделиться сообщением


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

Спасибо большое!)

Поделиться сообщением


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

А теперь такой вопрос можно еще сделать gif картинку?)

Поделиться сообщением


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

Дохера хочешь что-то

Поделиться сообщением


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

Дохера хочешь что-то

Зачем поднимать старую тему? умник

Поделиться сообщением


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

Ну, во-первых ты хачан (качан).

Всё!

Поделиться сообщением


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

Ну, во-первых ты хачан (качан).

Всё!

когда школьники пропадут с портала?

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

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