-
Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.
Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.
Если вы у нас впервые, загляните на страницу о проекте, чтобы узнать больше. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.
Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.Задать вопрос Новые сообщения Как правильно спроситьЕсли пришли по ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.
Есть ли у технарей своя кнопка?
- Автор темы Big Daddy
- Дата начала
- Регистрация
- 31 Мар 2008
- Сообщения
- 18,407
- Реакции
- 160
- Баллы
- 0
Согласен....
у меня на сайте вот такая например....
и кода даже не требуется - прост загрузка любой картинки и прикрепление ссылки в редакторе на самом сайте
- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
Из-за какой кнопки сыр-бор, я так и не пойму ? ... 
- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
Виталя, ты без порно сайтов не могешь ... 
- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
Я есть у кого уже примеры использования это кнопки? Хотелось бы посмотреть, как она смотрится на других сайтах ?...
- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
Ваня, дык нарисуй, кто тебе не дает ?...
- Регистрация
- 31 Мар 2008
- Сообщения
- 18,407
- Реакции
- 160
- Баллы
- 0
а кто мешает изменить размер?
это делается вот так : этот код с размером отображения картинки, как у меня на сайте - и с ним можно играть как хочешь ...
HTML:
<a href="http://www.tehnari.ru/"><img src="http://www.tehnari.ru/img/tehnari_ru.gif" width="130" height="50"в точности - вот это
HTML:
width="130" height="50"
HTML:
<img src="http://www.tehnari.ru/img/tehnari_ru.gif"- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
А вот это не советую делать, потом не узнаешь свои пикселы, лучше графически, натуральную величину ...
- Регистрация
- 19 Янв 2011
- Сообщения
- 4,792
- Реакции
- 145
- Баллы
- 0
Ну чего? Кстати нормально масштабируется в HTML и CSS
Кстати можно код html сделать меньше чуток прописав размеры кнопки в CSS.
HTML:
.knopka{widht: 100px; height: 100px}А потом в HTML ссылочка прописывается так
HTML:
<a href="ссылка"><img class="knopka" src="/img.png"></a>Т.е. в html в коде картинки мы присваиваем картинке класс knopka, а сами стили класса прописываются в CSS
Можно сделать с картинкой что угодно. Даже прозрачность.
Можно сделать кнопку, при наведении на которую мышкой, она станет полупрозрачной.
Стиль CSS при наведении прописывается вот так
HTML:
.knopka:hover {opacity: 0.5}- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
От это больше всего интересует? Так как я в языках CSS и html - честно дуб (нуб). Графику в оригинале делаю, программы писал когда-то, чисто Ассемблер и DOS, ну Бейсик знаю, надо начать программировать WEB, хороший блокнот есть в наличии. Надо так, GIF-файл, 2 кадра, при наведении мышой, надо чтобы кнопка утапливалась ? ...
- Регистрация
- 19 Янв 2011
- Сообщения
- 4,792
- Реакции
- 145
- Баллы
- 0
- Регистрация
- 27 Ноя 2010
- Сообщения
- 28,167
- Реакции
- 681
- Баллы
- 0
Понятно, почему не понял чуток. Еще раз, есть допустим файл GIF (кнопка), файл 2 кадра, первый кадр просто кнопка, второй - утопленная кнопка (нажатая). Координатно все на месте, это просто графический обман зрения, при нажатии на мышь кнопка утапливается, т.е. при нажатии вместо первого кадра появляется второй ...
- Регистрация
- 19 Янв 2011
- Сообщения
- 4,792
- Реакции
- 145
- Баллы
- 0
Можно и так. Т.е в стиле .knopka фоном будет первый файл, а в стиле .knopka:hover будет второй фон(второй файл с утопленой кнопкой). Только hover - стиль срабатывает при наведении мышкой на кнопку.
Для нажатия, если я не ошибаюсь, сущестует тег active, он ставиться как и hover, только срабатывает, по-моему, при нажатии кнопки мыши
- Регистрация
- 19 Янв 2011
- Сообщения
- 4,792
- Реакции
- 145
- Баллы
- 0
Вот про CSS active htmlbook.ru - CSS - Псевдокласс :active
А вот про CSS hover htmlbook.ru - CSS - Псевдокласс :hover
Кстати при помощи CSS можно делать анимации(прогресс бары, например), можно делать градиенты, скругления углов, непрозрачность(opacity - не работает в недобраузере IE), рамку, шрифт, цвет шрифта. Короче в CSS можно делать практически всё. Иногда даже проще CSS прописать, чем нарисовать картинку в том же фотошопе.
И кнопку можно сделать в виде нажатой с помощью CSS, сделав внутреннюю тень или смещение фона.
А вот про CSS hover htmlbook.ru - CSS - Псевдокласс :hover
Кстати при помощи CSS можно делать анимации(прогресс бары, например), можно делать градиенты, скругления углов, непрозрачность(opacity - не работает в недобраузере IE), рамку, шрифт, цвет шрифта. Короче в CSS можно делать практически всё. Иногда даже проще CSS прописать, чем нарисовать картинку в том же фотошопе.
И кнопку можно сделать в виде нажатой с помощью CSS, сделав внутреннюю тень или смещение фона.
Похожие темы
- Закреплено
