Есть ли у технарей своя кнопка?

[Big Daddy]

Есть ли у технарей своя кнопка?

Есть ли кнопка у технарей, если есть дайте код пожалустя.:tehnari_ru_942:

 

[g-zm]

У каждого своя.

 

[Валерий]

В процессе изготовления!

 

[Eli]

У каждого своя.

Согласен....

у меня на сайте вот такая например....



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

 

[George Smith]

Из-за какой кнопки сыр-бор, я так и не пойму ? ...

 

[faza]

 

 

[George Smith]

Виталя, ты без порно сайтов не могешь ...

 

[Admin]

Наша кнопка

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

 

[George Smith]

Я есть у кого уже примеры использования это кнопки? Хотелось бы посмотреть, как она смотрится на других сайтах ?...

 

[Ваня]

Поставил, колонка "Друзья".
Эх, была бы кнопочка побольше....
Vanolive
PS: поставил вместо картинки из кнопки логотип с главной - намного интересней

 

[George Smith]

Эх, была бы кнопочка побольше....

Ваня, дык нарисуй, кто тебе не дает ?...

 

[Ваня]

Нет, я пожалуй оставлю логотип

 

[Eli]

Эх, была бы кнопочка побольше...

а кто мешает изменить размер?


это делается вот так : этот код с размером отображения картинки, как у меня на сайте - и с ним можно играть как хочешь ...

<a href="http://www.tehnari.ru/"><img src="http://www.tehnari.ru/img/tehnari_ru.gif" width="130" height="50"

в точности - вот это

 width="130" height="50"

после

<img src="http://www.tehnari.ru/img/tehnari_ru.gif"

посзволяет играть размерами...

 

[George Smith]

а кто мешает изменить размер?

А вот это не советую делать, потом не узнаешь свои пикселы, лучше графически, натуральную величину ...

 

[GlaZZZ]

А вот это не советую делать, потом не узнаешь свои пикселы, лучше графически, натуральную величину ...

Ну чего? Кстати нормально масштабируется в HTML и CSS
Кстати можно код html сделать меньше чуток прописав размеры кнопки в CSS.

.knopka{widht: 100px; height: 100px}

А потом в HTML ссылочка прописывается так

<a href="ссылка"><img class="knopka" src="/img.png"></a>

Т.е. в html в коде картинки мы присваиваем картинке класс knopka, а сами стили класса прописываются в CSS
Можно сделать с картинкой что угодно. Даже прозрачность.
Можно сделать кнопку, при наведении на которую мышкой, она станет полупрозрачной.

Стиль CSS при наведении прописывается вот так

.knopka:hover {opacity: 0.5}

где opasity это коефициент прозрачности(1 - это непрозрачность), а hover это тег который показывает, что стиль прописывается для наведения мышкой

 

[George Smith]

а hover это тег который показывает, что стиль прописывается для наведения мышкой

От это больше всего интересует? Так как я в языках CSS и html - честно дуб (нуб). Графику в оригинале делаю, программы писал когда-то, чисто Ассемблер и DOS, ну Бейсик знаю, надо начать программировать WEB, хороший блокнот есть в наличии. Надо так, GIF-файл, 2 кадра, при наведении мышой, надо чтобы кнопка утапливалась ? ...

 

[GlaZZZ]

От это больше всего интересует?

не понял смысла выражения чуток
Вам рассказать по-подробнее??

 

[George Smith]

Понятно, почему не понял чуток. Еще раз, есть допустим файл GIF (кнопка), файл 2 кадра, первый кадр просто кнопка, второй - утопленная кнопка (нажатая). Координатно все на месте, это просто графический обман зрения, при нажатии на мышь кнопка утапливается, т.е. при нажатии вместо первого кадра появляется второй ...

 

[GlaZZZ]

Еще раз, есть допустим файл GIF (кнопка), файл 2 кадра, первый кадр просто кнопка, второй - утопленная кнопка (нажатая). Координатно все на месте, это просто графический обман зрения, при нажатии на мышь кнопка утапливается, т.е. при нажатии вместо первого кадра появляется второй ...

Можно и так. Т.е в стиле .knopka фоном будет первый файл, а в стиле .knopka:hover будет второй фон(второй файл с утопленой кнопкой). Только hover - стиль срабатывает при наведении мышкой на кнопку.
Для нажатия, если я не ошибаюсь, сущестует тег active, он ставиться как и hover, только срабатывает, по-моему, при нажатии кнопки мыши

 

[GlaZZZ]

Вот про CSS active htmlbook.ru - CSS - Псевдокласс :active
А вот про CSS hover htmlbook.ru - CSS - Псевдокласс :hover

Кстати при помощи CSS можно делать анимации(прогресс бары, например), можно делать градиенты, скругления углов, непрозрачность(opacity - не работает в недобраузере IE), рамку, шрифт, цвет шрифта. Короче в CSS можно делать практически всё. Иногда даже проще CSS прописать, чем нарисовать картинку в том же фотошопе.


И кнопку можно сделать в виде нажатой с помощью CSS, сделав внутреннюю тень или смещение фона.