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

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

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

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

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

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

Вложение 118203

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

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

 

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

Наша кнопка

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

Дык вот это меня и интересует, давай я нарисую нашу кнопку в двух кадрах, а ты напишешь код для сайтов. На вид просто кнопка, а при нажатии мыши она утапливается ? ... :)

Ага!))) Именно. У вас скайп есть? если есть скиньте логин в ЛС.

Нет у меня скайпа, Инет медленный, я в Тундре, вся моя радость коннект МТС - Который "Быстрый олень" ... :))

Ключевое слово Олень?? :))

Тогда киньте кнопку тут

Попробую сегодня несколько вариантов кнопки сделать при помощи css стилей

Артем попробуй вот так, при нажатии, чтобы кнопка утопилась, т.е. два разных кадра, размер абсолютно одинаковый. Кнопка прозрачная, использовать можно на любом фоне. В архиве есть и двухкадровый ГИФ и два кадра по отдельности ... :)

Вложение 119080

Извините, но ваши кадры понадобились, только для цветов рамки :)
Я взял оригинальную картинку и рамку уже при помощи CSS сделал.
Кстати немного увлёкшись я добавил скругление в 5px и плавный перелив в 0.5 секунд.

Чтобы посмотреть откройте в архиве html страницу или перейти по ссылке
файловый хостинг DropBоx

Артем, ты не понял, не при наведении мыши, а при нажатии, пользователю секунду будет видно, даже при самом быстром Инете. Пи наведении не естественно ... :)

Вот, сделал https://dl-web.dropbox.com/get/Publi...tVlG3sbcLg8bDA

Не знаю о каких кнопках тут говорят. А мои две кнопки щас дерутся за коробку с игрушками >_<

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

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


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

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

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

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

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


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

Вложение 119878

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

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

www.invw.cu.cc

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

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

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

Вот код кнопки:
HTML
Таблица стилей CSS(должна быть практически в любом шаблоне, любого движка) Это файлы шаблона с форматом ".css"
Если вдруг нет Таблицы Стилей CSS, то можно просто вставить эти стили непосредственно в HTML страницу вот таким образом(Показываю полный код кнопки, если нет CSS таблицы)