Технический форум - Есть ли у технарей своя кнопка?

Технический форум (http://www.tehnari.ru/)

- О сайте и форуме (http://www.tehnari.ru/f8/)

- - Есть ли у технарей своя кнопка? (http://www.tehnari.ru/f8/t84281/)

Дмитрий - а если вам все же прочитать внимательно посты? :)

кнопка перехода на форум технарей с личного сайта Форумчан.. ( вот о чем речь)

Юра - не возражаешь если я возьму твою иконку? ту которую ты в гифке прикрепил?

Osher-E, тут в половине сообщений народ делится технологиями этой кнопки, а в программировании я ничего кроме школьного курса кубэйсика не понимаю :))
По началу что-то пытался вникнуть, потом как-то само всё пролисталось :D
Ну теперь понятно что за кнопки))
Но у меня своего сайта нет))
Даже из ВК и одноглазников ещё в прошлом году удалился :D

Цитата:

Сообщение от Osher-E (Сообщение 857225)

Юра - не возражаешь если я возьму твою иконку? ту которую ты в гифке прикрепил?

Олег, погоди Артем делает к ней анимационный код, будет еще лучше, ну если не надо анимацию, то чё у меня спрашиваешь, я для этого и делал ... :)

Цитата:

Сообщение от George Smith (Сообщение 857489)

Артем делает к ней анимационный код

Так я его уже сделал на предыдущей странице :))
Правда только сейчас заметил то, что плавный переход не нужен. Не успевает нажаться, как уже перешел по ссылке

как только поставил анимацию от юры - что то сайт сглюкнул у меня ... (тормозить зараз начал :D )

вот что теперь получалось - решил сделать из оригинальных :) да и дизайн заодно сменил ...

Вложение 119878

Ссылку на сайт то дай взглянуть, как в Инете ?... :)

вроде я тебе давал уже....

www.invw.cu.cc

А все увидел, но это не анимационная и размер увеличен, под такой размер надо заново рисовать будет намного красивей ... :)

Цитата:

Сообщение от Admin (Сообщение 853701)

Наша кнопка

Код HTML:

<a href="http://www.tehnari.ru/"><img src="http://www.tehnari.ru/img/tehnari_ru.gif" alt="tehnari.ru" border="" /></a>

Хорошо мне нравится уже поставил на сайте.

Вот, сегодня дошли руки и я исправил косяк с плавностью. Убрал плавность вообще.

Вот код кнопки:
HTML

Код HTML:

<a href="http://www.tehnari.ru" target="blank"><img class="button" src="http://www.tehnari.ru/img/tehnari_ru.gif"></a>

Таблица стилей CSS(должна быть практически в любом шаблоне, любого движка) Это файлы шаблона с форматом ".css"

Код HTML:

.button {border-left: 2px #e7e7ff solid; border-top: 2px #e7e7ff solid; border-bottom: 2px #0073bd solid; border-right: 2px #0073bd solid; border-radius: 5px; }

.button:active {border-left: 2px #0073bd solid; border-top: 2px #0073bd solid; border-bottom: 2px #e7e7ff solid; border-right: 2px #e7e7ff solid; }

Если вдруг нет Таблицы Стилей CSS, то можно просто вставить эти стили непосредственно в HTML страницу вот таким образом(Показываю полный код кнопки, если нет CSS таблицы)

Код HTML:

<style type="text/css">

.button {border-left: 2px #e7e7ff solid; border-top: 2px #e7e7ff solid; border-bottom: 2px #0073bd solid; border-right: 2px #0073bd solid; border-radius: 5px; }

.button:active {border-left: 2px #0073bd solid; border-top: 2px #0073bd solid; border-bottom: 2px #e7e7ff solid; border-right: 2px #e7e7ff solid; }

</style>



<a href="http://www.tehnari.ru" target="blank"><img class="button" src="http://www.tehnari.ru/img/tehnari_ru.gif"></a>